/* MODIFICATION STYLES */

:root {
    --white: #fff;
    --black: #000;
    --grey: #969696;
    --light-grey: #f8f8f8;
    --bg-grey: #f0f0f0;
    --dark-grey: #4a4a4a;
    --text-grey: #707070;
    --blue: #0000FF;
    --blue-hover:  #4153D4;
    --blue-column: #F7F7FF;
    --light-blue: #CCFCFD;
    --blue-grey: #D5E5FF;
    --blue-gradient-start: #00f5f9;
    --blue-title: #00F5F9;
    --blue-button-hover: #7F7FFF;
    --yellow: #FFCC00;
    --yellow-hover: #B18F08;
    --red: #FF2C2F;
}



/* FONTS */

/* Fuentes */


@import url('https://fonts.googleapis.com/css?family=telegraf:100,300,400,500,700,900');

@font-face {
    font-family: 'Telegraf';
    src: url('../../font/viaje/Telegraf-Regular.woff2') format('woff2'),
        url('../../font/viaje/Telegraf-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Telegraf';
    src: url('../../font/viaje/Telegraf-UltraBold.woff2') format('woff2'),
        url('../../font/viaje/Telegraf-UltraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Telegraf';
    src: url('../../font/viaje/Telegraf-UltraLight.woff2') format('woff2'),
        url('../../font/viaje/Telegraf-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'leddot';
    src: url('../../font/viaje/LEDDotMatrixRegular.woff2') format('woff2'),
        url('../../font/viaje/LEDDotMatrixRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/* ANIMACIONES */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes slideLeftOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0)
  }
}

.slideLeftOut {
  -webkit-animation-name: slideLeftOut;
  animation-name: slideLeftOut
}

.slideFullWidth {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width:100% !important;
}



/* COMUNES */

@media (min-width: 1500px) {
    .container {
        width: 1170px;
    }
}

@media (max-width: 1500px) {
    .container {
        width: 100%;
    }
}

.flex {
    display: flex;
}

.f-v-center {
    align-items: center;
}

.f-v-baseline {
    align-items: end;
}

.f-justify-center {
    justify-content: center;
}

.f-justify-between {
    justify-content: space-between;
}

.f-break {
    flex-basis: 100%;
    height: 0;
}

.f-wrap {
    flex-wrap: wrap;
}

.grid {
    display: grid;
}

.grid-1 {
    grid-template-columns: 1fr;
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-gap-10 {
    grid-gap: 10px;
}

.grid-gap-15 {
    grid-gap: 15px;
}

.grid-gap-20 {
    grid-gap: 20px;
}

.grid-gap-30 {
    grid-gap: 30px;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.t-center {
    text-align: center;
}

.t-underlined {
    text-decoration: underline;
}

.boton {
    border-radius: 16px !important;
    height: 43px;
    border: none;
    font-family: 'telegraf';
}

.boton-primario {
    background: transparent linear-gradient(270deg, var(--blue) 0%, var(--blue-gradient-start) 100%) 0% 0% no-repeat padding-box;;
    color: var(--white);
    font-weight: bold;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.boton-primario:hover {
   background: linear-gradient(90deg, #7FF9FC 0%, #7F7FFF 100%);
   color: var(--white);
}

.boton-primario:hover a {
    color: var(--white);
}

.boton-secundario {
    background-color: var(--white);
    color: var(--dark-grey);
    border: 2px solid var(--blue);
    font-weight: normal;
}

#top_banners.container {
    margin-left: 0;
    margin-bottom: 30px;
}

.full-width-banner img {
    width: 100%;
    height: auto;
}

.overflowed {
    overflow: scroll;
}



/* GENERAL STYLES */

body {
    font-family: 'telegraf', sans-serif;
}

#page {
    display: flex;
    flex-wrap: wrap;
}

#columns {
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.2);
    min-height: calc(100vh - 50px);
}


#page {
    position: relative;

}

#center_column > .container {
    position: relative;
}

.columns-container {
    height: inherit;
}

#authentication #columns {
    display: initial !important;
    padding: 0;
}

#header {
    position: fixed;
    background-color: var(--white);
    height: 100vh;
    width: 20vw;
}

#header #column_logo {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 24px;
}

#header #column_logo img {
    max-width: 150px;
    height: auto;
}

#header .nav {
    display: none;
}

#header .column-close {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
}

#header .column-close a {
    display: flex;
    color: var(--grey);
    font-weight: bold;
    padding: 5px 15px 5px 50px;
}

#header .column-close a:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../../img/viaje/exit.svg);
}

#header .column-close a:hover:before {
    background-image: url(../../img/viaje/exit-hover.svg);
}

#header .column-close:hover {
    background-color: var(--blue-grey);
}

#header .column-close:hover a {
    color: var(--blue);
}

.header-container {
    margin-bottom: -1px;
}

a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    color: var(--white);
}

a:hover {
    color: #23527c;
    cursor: pointer;
    text-decoration: none !important;
}

a:focus {
    color: var(--light-blue);
}

.shop-container {

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #b0b0b0;
    color: #686868;
}


/* COLUMNAS */

.header-container {
    width: 20%;
}

.columns-container {
    width: 80%;
    background-color: var(--blue-column);
}







/* BUTTONS */

a.btn {
    text-shadow: none;
}

.button.button-small {
    font: 400 13px/17px 'telegraf', sans-serif;
    color: var(--black);
    background: var(--white);
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
        transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.button.button-small span {
    display: block;
    padding: 3px 8px 3px 8px;
    border: none;
}

.button.button-small:hover {
    background: #888;
}

.button.button-medium {
    font-size: 17px;
    color: var(--black);
    line-height: 17px;
    padding: 0;
    font-weight: normal;
    background: var(--white);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
        transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.button.button-medium span {
    display: block;
    padding: 8px 18px 10px 18px;
    border: none;
    text-shadow: none;
}

.button.button-medium:hover {
    background: var(--blue-hover);
    color: var(--white);
}

.link-button {
    margin-left: 5px;
    background-color: transparent;
    padding: 2px 8px 4px;
    border: none;


    color: var(--black);
        transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.button.button-medium {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.button.button-small {
    border: none;
}

.button.button-small span:hover {
    background: #01565B;
    color: var(--white);
}

.button.button-small span:hover {
    border-color: #01565B;
    color: var(--white);
}

.footer_links .btn {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    margin-top: 3px;
}

.footer_links .btn:hover {
    background-color: var(--blue-hover);
}

.footer_links .btn span {
    background-color: transparent;
}

.footer_links .btn span:hover {
    background-color: transparent;
}



/* EFFECTS */

.transition: {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


/*.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}*/


/* ALERT STYLES */

.alert {
    width: 60%;
    margin-left: 20%;
    z-index: 999;
    position: absolute;
    top: 15px;
    text-align: center;
}

.alert ul, .alert ul li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.alert a {
    color: var(--white);
}

.alert a:hover {
    color: ##626363;
}

.alert.alert-danger:before {
    font-family: "FontAwesome";
    content: "\f057";
    font-size: 20px;
    vertical-align: -2px;
    padding-right: 7px;
    float: left;
}

.left_identity .alert {
    width: 60%;
    margin-left: 20%;
    z-index: 999;
    position: relative;
}

#availability_statut {
    display: none !important;
}


/* LEFT COLUMN */

#left_column {
    background-image: url(../../img/column-bg-dark.jpg);
    background-size: contain;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: repeat-y;
}

#special_block_right .title_block {
    margin-bottom: 5px;
    color: var(--blue);
}

#special_block_right li {
    position: relative;
}

#special_block_right .product-content .price-percent-reduction {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 5px;
}

#special_block_right .product-description {
    display: none;
}

#special_block_right .product-content .price.special-price {
    float: left;
}

#special_block_right .product-content .old-price {
    float: left;
}

#new-products_block_right .title_block {
    margin-bottom: 5px;
}

#new-products_block_right .product-description {
    display: none;
}

/* CENTER COLUMN */

#center_column {
    overflow: hidden;
    margin-bottom: 100px;

}

#center_column .custombanners {
    margin-left: -15px;
    margin-right: -15px;
}


/* BREADCRUMB */

.breadcrumb {
    display: none;
}


/* HEADER */

header {
    padding-bottom: 0;
}

#my-account .ppush, #identity .ppush, #module-loyalprogram-ranking .ppush, .cms_style .ppush {
    display: none;
}


/* TOP COLUMN */

.ppush {
    position: absolute;
    right: 90px;
    z-index: 99;
}

.ppush i {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ppush:hover i {
    color: #01565B;
    transform: rotate3d(1, -1, 1, 60deg);
}

#header .blockcart {
    position: absolute !important;
    right: 20px;
    z-index: 99;
    width: auto !important;
}

.blockcart .shopping_cart a:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.blockcart .shopping_cart:hover a:before {
    color: #01565b;
    transform: rotate3d(1, -1, 1, 60deg);
}

.lnk-mensajero {
    cursor: pointer;
    display: inline-block;
    color: var(--white);
    margin-top: 26px;
    padding: 10px;
    width: 40px;
    height: 40px;
    padding-left: 12px;
    float: right;
    background: #11a8ab;
    border-radius: 35px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.lnk-mensajero i {
    color: var(--white);
    font-size: 17px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* BOTTOM LINKS */

#bottom_links {
    width: 100%;
    background-color: var(--blue);
    text-align: center;
}

#bottom_links a {
    margin-left: 0px;
    color: var(--white);
    line-height: 50px
}

#bottom_links a:hover {
    color: #aaa;
}

#bottom_links a:after {
    content: "";
    padding: 0;
    color: #252543;
    border-right: 1px solid var(--black);
    margin-left: 15px;
    margin-right: 15px;
    height: 24px;
    margin-top: 12px;
}

#bottom_links a:last-child:after {
    content: none;
}

#bottom_links .cms_links {
    float: none;
}

#bottom_links .help-link {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 300px;
}

#bottom_links .help-link p {
    background-color: var(--white);
    color: var(--blue);
    margin-bottom: 0;
    position: absolute;
    border-radius: 5px;
    left: 20px;
    bottom: 80px;
    box-shadow: 0px -5px 6px #0000001F;
    padding: 5px;
    font-size: 16px;
}

#bottom_links .help-link a {
    line-height: 18px !important;
    color: var(--blue);
    font-weight: bold;
}

#bottom_links .help-link a:hover {
    color: var(--blue-hover);
}

#bottom_links .help-link img {
    position: absolute;
    height: auto;
    bottom: 15px;
    max-height: 90px;
}


/* LEGAL IDENTITY */

#legal_identity, #rights_identity, #transfer_identity {
    position: fixed;
    width: 70%;
    left: 15%;
    top: 5%;
    height: 80%;
    margin: 0 auto;
    padding: 15px;
    background: var(--white);
    z-index: 9999;
    overflow: visible;
    border-radius: 7px;
    box-shadow: 0px 5px 10px #2F2F2F;
    color: var(--black);
}

#contact_identity {
    position: fixed;
    width: 70%;
    left: 15%;
    top: 5%;
    height: auto;
    margin: 0 auto;
    border: 15px solid var(--white);
    z-index: 9999;
    overflow: visible;
    border-radius: 7px;
    box-shadow: 0px 5px 10px #2F2F2F;
    color: var(--black);
}

#close_legal {
    cursor: pointer;
    float: right;
    background: #11A8AB;
    color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 25px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    right: 0;
    margin-right: -30px;
    margin-top: -35px;
    box-shadow: 0px 2px 3px #444;
}

#close_legal:hover {
    background: #11A8AB;
}

.popup_info {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

#contact_poopup > h2, #contact_poopup > h3 {
    display: none;
}

#contact_poopup #contact #columns {
    max-width: 1980px;
}

#contact_poopup iframe {
    height: 667px;
}

#contact_poopup #contact {
    color: red;
}

#contact_poopup > p {
    margin: 0;
} 



/* TOP CONTROL */

#authentication #topcontrol, #identity #topcontrol {
    display: none !important;
}


/* LOGIN PAGE */

#authentication .header-container {
    display: none;
}

#authentication .footer-container {
    padding-left: 0;
}

#authentication .columns-container {
    width: 100%;
    height: calc(100vh - 50px);
}

#authentication #center_column {
    display: flex;
    padding-left: 0;
    padding-right: 0;
}

#authentication #page {
    /*height: 100%;
    position: absolute;*/
}

#authentication #header .nav, #authentication #header .container .row > #block_top_menu,
#authentication #header .nav, #authentication #header .container .row > #search_block_top {
    display: none;
}

#authentication #columns {
    background: none;
}

#authentication #columns div.row {
    margin: 0 auto;
    width: 100%;
}

#header_logo {
    float: right;
    position: absolute;
    background-color: var(--white);
    max-width: 100px;
    right: 100px;
    box-shadow: 0 4px 20px;
    display: none;
}

#authentication #pre_login_1 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../../img/viaje/pre-login-bg.svg);
    background-size: 110%;    
    background-position: 50% 50%;
}

#authentication #pre_login_1 .pre_login_holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
}

#authentication #pre_login_1 .pre_login_holder img {
    width: 350px;
    height: auto;
}

#authentication #pre_login_2 {
    display: block;
    width: 50%;
    background-image: url(../../img/viaje/pre_login_2_bg.png);
    background-size: 110%;    
    background-position: 50% 50%;
}

#authentication #pre_login_2 .pre_login_holder {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
}

#authentication #login_block {
    display: block;
    width: 50%;
    background-image: url(../../img/viaje/login_block_bg.svg);
    background-size: 110%;    
    background-position: 50% 50%;
    transition: background-image 1s linear;
}

#authentication.entering #center_column .login-title {
    color: var(--white);

}

#authentication .breadcrumb {
    display: none;
}

#authentication #center_column .login-title {
    text-align: center;
    color: var(--blue);
    margin-bottom: 20px;
}

#authentication #center_column .login-title-top {
    font-family: 'telegraf';
    display: block;
    font-size: 42px;
    line-height: 46px;
    margin-top: 110px;
}

#authentication #center_column .login-title-bottom {
    font-family: 'telegraf';
    font-weight: bold;
    display: block;
    font-size: 44px;
    line-height: 48px;
    font-weight: bold;
}

#authentication #center_column .login-holder {
    background-color: var(--bg-grey);
    width: 50%;
    max-width: 410px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 20px;
}

#authentication #center_column .login-logo {
    text-align: center;
    margin-top: 20px;
}

#authentication #center_column .login-logo img {
    max-width: 250px;
    margin-top: 0px;
    margin-bottom: 0;
}

#authentication #center_column .login-logo h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: bold;
    color: var(--blue);
}

#authentication #center_column form {
    padding: 20px 10px 30px 10px;
    width: 100%;
    margin: 0 auto;
    font-family: 'telegraf';
    background: transparent;
}

#authentication #center_column form .form_content {
    margin-top: -20px;
}

#authentication #center_column form input {
    height: auto;
}

#authentication #center_column .submit {
    width: 100%;
    text-align: center;
}

#authentication #center_column .submit button {
    width: 100%;
    font-size: 15px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: ;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#authentication #authentication_login #login_form .submit button:hover {
    background-color: var(--blue);
    color: var(--white);
}

#authentication #center_column .submit button span {
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#authentication #center_column .create-account-button {
    width: 100%;
    clear: both;
    padding: 4px 0 0;
    background-color: var(--white);
    border: none;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#authentication #center_column .create-account-button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 18px 10px 18px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4a4a4a;
}

#authentication #center_column .create-account-button:hover {
    background-color: var(--blue-hover);
}

#authentication #center_column .lost_password {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-family: 'telegraf';
}

#authentication #center_column .lost_password a {
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    padding: 6px 12px;
    color: var(--dark-grey);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#authentication #center_column .lost_password a:hover {

}

#authentication #center_column form label {
    color: var(--dark-grey);
    font-size: 16px;
    font-weight: normal;
    font-family: 'telegraf';
}

#authentication #center_column form input:not([type='checkbox']),
#authentication #center_column form select {
    font-family: 'telegraf';
    height: 48px;
    text-align: left;
    background-color: transparent !important;
    border-radius: 16px;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 6px rgba(0,0,0,0.29);
    max-width: inherit;
    padding-right: 12px;
}

#authentication #center_column form input::placeholder {
    text-align: center;
}

#authentication .login-help {
    clear: both;
    text-align: center;
    color: var(--white);
    font-weight: bold;
    width: 120%;
    margin-left: -10%;
}

#authentication .login-help a {
    color: var(--white);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#authentication .login-help a:hover {
    color: #343434;
    text-decoration: none;
}

#authentication .login-help i {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#authentication .login-help a:hover i {
    transform: scale(1.5);
    color: var(--white);
}

.banner {
    background-color: #1D4063;
}

.banner .login-help a, .banner .login-help p {
    float: right;
    padding-left: 5px;
    margin-bottom: 0;
    color: #aaa;
}

.banner .login-help a:hover, .banner .login-help p:hover {
    color: var(--white);
}

#authentication .fake-submit button {
    width: 100%;
}

#authentication_create {
    display: none;
}

#authentication #center_column #login_form, #authentication #center_column #create-account_form {
    margin-bottom: 0;
}

#authentication #center_column #create-account_form {
    padding-bottom: 10px;
}

#create_button, #login_button {
    width: 100%;
    border: 1px solid var(--white);
    background-color: transparent;
    text-align: center;
    color: var(--white);
    line-height: 40px;
    margin-top: 30px;
}

div.create-account {
    text-align: center;
    margin-top: 0;
}

.create-account-close {
    position: absolute;
    right: 40px;
    top: 40px;
    background-color: var(--blue);
    border-radius: 16px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: var(--white);
    text-align: center;
}

.create-account-close:hover {
    cursor: pointer;
    background-color: var(--blue-hover);
}

.create-account i {
    color: var(--blue);
    font-size: 100px;
    margin-bottom: 10px;
}

.create-account h3 {
    color: var(--blue);
    margin-top: 0;
    font-weight: bold;
}

#account-creation_form {
    border: none;
}

.account_creation select:invalid {
    color: #999999;
}

div.wrap {
    position: relative;
    width: 100%;
}

div.wrap:after {
    content:"\f078 ";
    font-family: FontAwesome;
    color: var(--black);
    position: absolute; 
    right: 12px; 
    top: 7px;
    color: #999;
    z-index: 1;
    width: auto;%;
    height: 100%;  
    pointer-events: none;  
}

.account_creation #territorio {
    position: relative;
    width: 100%;
    height: 35px;
    padding-left: 8px;
    color: #999;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.account_creation #distribuidor {
    position: relative;
    width: 100%;
    height: 35px;
    padding-left: 8px;
    color: #999;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.account_creation select option {
    color: var(--blue);
    padding-left: 0;
}

#authentication #center_column .account_creation .form-group {
    margin-bottom: 10px;
}

#authentication #center_column .account_creation input::placeholder,
#authentication #center_column .account_creation input,
#authentication #center_column .account_creation select {
    text-align: left;
}

.form_info {
    font-size: 10px;
    color: #999;
}

.account_creation p, .account_creation a {
    font-size: 10px;
    color: var(--blue);
}

#authentication.account_body .columns-container {
    background-image: url(../../img/viaje/login-form-bg.png);
}

#authentication.account_body #center_column {
    display: block;
}

#authentication.account_body .columns-container #center_column #account-creation_form {
    position: relative;
    width: 50%;
    background-color: var(--light-grey);
    padding: 40px;
    margin-top: 50px;
    border-radius: 16px;
    font-family: 'telegraf';
}

#authentication.account_body .columns-container #center_column input {
    color: var(--blue);
    margin-top: 0;

}

#authentication .checkbox-form-send {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#authentication .checkbox-form-send input {
    float: left;
}

#authentication .checkbox-form-send a {
    float: left;
    line-height: 12px;
    padding-left: 5px;
    width: 95%;
    margin-top: 4px;
}

#authentication.account_body #center_column #submitAccount {
    background-color: var(--blue);
    margin-bottom: ;
}

#authentication .login-advice {
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    line-height: 15px;
    margin-top: 0;
    margin-bottom: 30px;
}

#authentication .footer-container {
    position: fixed;
    bottom: 0;
}


/* LOGIN PAGE IFRAME */

#contact_identity .popup_info {
    overflow: hidden !important;
}

#contact_identity iframe {
    height: 500px;
}

.iframe-body #columns {
    max-width: initial !important;
}

.iframe-body #center_column > div {
    padding-top: 0 !important;
}

.iframe-body .contact-form-box label {
    display: block !important;
    color: var(--white) !important;
}

.iframe-body .order-selector {
    display: none;
}

.iframe-body #message {
    height: 40px !important;
}

.iframe-body #g-recaptcha {
    transform: scale(0.7);
}

.iframe-body #contact .contact-mail {
    margin-top: 0;
}

@media (max-width: 1024px) {
    #contact_identity {
        overflow: hidden;
    }

    #contact_identity iframe {
        height: 500px;
    }
}

 @media (min-width: 900px) {
    .iframe-body {
        overflow: hidden;
    }
}

 @media (max-width: 767px) {
    .popup_info {
        margin:0 !important ;
        padding: 0 !important;
        height: initial !important;
        overflow: hidden !important;

    }

    .iframe-body {
        overflow: hidden;
    }

    #legal_identity, #rights_identity, #contact_identity, #transfer_identity {
        overflow-y: scroll;
    }

    #close_legal {
        right: 0;
        margin-right: 17px;
        margin-top: -50px;
        position: fixed;
    }

    #contact_identity iframe {
        height: 900px;
    }


}



/* MY ACCOUNT PAGE */

#my-account #center_column {
    padding: 0;
}

#home_table {
    margin-left: 0;

}

#home_table .home-table-inside {
    overflow: hidden;
    background-color: var(--dark-grey);
    box-shadow: 0 0 0 2px var(--yellow);
    border-collapse: collapse;
    border-radius: 15px;
    width: 100%;
    padding: 15px;
    color: var(--yellow);
    font-weight: bold;
    font-family: 'telegraf';
}

#home_table .home-table-inside .home-table-heads {
    border-bottom: 1px solid var(--yellow);
}

#home_table .home-table-inside .home-table-heads {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 2px;
    min-height: 45px;
}

#home_table .home-table-inside .home-table-contents li {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 2px;
    min-height: 45px;
    background-color: var(--white);
}

#home_table .home-table-inside .home-table-heads li img {
    max-height: 25px;
    margin-right: 5px;
}

#home_table .home-table-heads .home-table-head-col-1-2 {
    width: 40%;
}

#home_table .home-table-head-col-3 {
    width: 10%;
}

#home_table .home-table-head-col-4 {
    width: 10%;
}

#home_table .home-table-head-col-5 {
    width: 30%;
}

#home_table .home-table-head-col-6 {
    width: 10%;
}

#home_table .home-table-col-1 {
    width: 10%;
    background-color: var(--white);
    height: 100%;
}

#home_table .home-table-col-1 img {
    max-height: 60px;
    width: auto;
    max-width: 100%;
}

#home_table .home-table-col-2 {
    padding: 5px;
    font-family: 'leddot';
    font-size: 18px;
    width: 30%;
    background-color: #2E2E2E;
    background-image: url('../../img/viaje/home-table-cell-bg.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;    
    height: 60px;
}

#home_table .home-table-col-3 {
    padding: 5px;
    font-family: 'leddot';
    font-size: 18px;
    width: 10%;
    background-color: #2E2E2E;
    background-image: url('../../img/viaje/home-table-cell-bg.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;    
    height: 60px;
}

#home_table .home-table-col-4 {
    padding: 5px;
    font-family: 'leddot';
    font-size: 18px;
    width: 10%;
    background-color: #2E2E2E;
    background-image: url('../../img/viaje/home-table-cell-bg.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;        
    height: 60px;
}

#home_table .home-table-col-5 {
    padding: 5px;
    font-family: 'leddot';
    font-size: 18px;
    width: 30%;
    background-color: #2E2E2E;
    background-image: url('../../img/viaje/home-table-cell-bg.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;  
    height: 60px;
}

#home_table .home-table-col-6 {
    padding: 5px;
    font-family: 'leddot';
    font-size: 16px;
    width: 10%;
    background-color: #2E2E2E;
    background-image: url('../../img/viaje/home-table-cell-bg.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;
    height: 60px;
}

#home_table .home-table-contents > li > div > a {
    color: var(--yellow);
}

#home_table .home-table-contents > li > div > a:hover {
    color: var(--yellow-hover);
}



/* IDENTITY PAGE */

#identity #columns {
    width: 100%;
    max-width: inherit;
    background: 56px;
}

#identity #center_column .login-logo {
    text-align: center;
    margin-top: 0px;
}

#identity #center_column .login-logo img {
    margin-bottom: 20px;
}

#identity .left_identity {
    text-align: center;
}

#identity .left_identity label {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: var(--white);
    font-weight: bold;
}

#identity .left_identity input {
    margin: 0 auto;
}

#identity form .checkbox {
    text-align: left;
}

#identity form .checkbox span {
    margin-left: 15px;
}

#identity .button-container {
    margin-top: 50;
}

#identity .button-container a span {
    border: none;
}

#identity form .identity-submit {
    float: right;
}

#identity form .identity-close {
    float: left;
}

#identity form .identity-close:hover {
    background-color: #11A8AB;
}

#identity form .identity-close i {
    margin-right: 9px;
}

#identity form .identity-text {
    clear: both;
    padding-top: 25px;
}

#identity form {
    margin-bottom: 100px;
}

#identity p.required {
    clear: both;
    color: var(--white)FFF;
    margin: 9px 0 16px 0;
    background-color: #6B162A;
    max-width: 150px;
    text-align: center;
    margin: 0 auto 15px;
    border-radius: 4px;
    padding: 5px;
    font-weight: bold;
}

#identity p.required sup {
    top: 5px;
    left: -6px;
    font-size: 26px;
}

#identity #img_profile {
    border-bottom: 1px solid #9b9b9b;
}

#identity #profile_img {
    color: transparent;
    margin-bottom: 15px;
}

#identity .profile-img-title {
    float: left;
    padding-left: 12px;
    color: #999;
}


/* LEFT COLUMN USER INFO */

#columnuserinfo {
    color: var(--white);
    padding-top: 70px;
    font-family: 'telegraf', sans-serif;
    float: left;
}

#columnuserinfo .avatar {
    text-align: center;
    font-size: 40px;
    max-height: initial
}

#columnuserinfo .avatar img {
    width: 150px;
    border-radius: 100px;
    height: 150px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}



#columnuserinfo .avatar i {
    float: left;
    margin-top: 4px;
    border: 3px solid var(--blue);
    border-radius: 50%;
    line-height: 89px;
    width: 100px;
    height: 100px;
    color: var(--blue);
    font-size: 62px;
}

#columnuserinfo a {
    color: var(--white);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#columnuserinfo a:hover {
    color: #CCCCCC;
}

#columnuserinfo a img {
}

#columnuserinfo a:hover img {
}

#columnuserinfo .avatar a:hover {
    color: #CCCCCC;
}

/*#columnuserinfo .avatar .data-change {
    display: block;
    opacity: 0;
    position: absolute;
    font-size: 24px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    float: left;
    margin-top: -87px;
    margin-left: 56px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform: rotate3d(0,1,0,-180deg);
    /*border: 4px solid var(--white);*/

/*}

#columnuserinfo .avatar a:hover .data-change {
    display: block;
    opacity: 1;
    transform: rotate3d(0,1,0,0deg);
}

#columnuserinfo .avatar a img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#columnuserinfo .avatar a:hover img {
    transform: rotate3d(0,1,0,180deg);
    opacity: 0;
}

#columnuserinfo .avatar a:hover .data-change {
    display: block;
}
*/

#columnuserinfo .user-data {
    float: left;
    width: 100%;
    color: var(--white);
}

#columnuserinfo .user-data span {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 20px;
}

#columnuserinfo .vendor-data {
    float: left;
    width: 100%;
    padding: 25px 0;
}

#columnuserinfo .vendor-data i {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 40px;
}

#columnuserinfo .aspent {
    width: 50%;
    float: left;
    border-right: 1px solid var(--white);
}

#columnuserinfo .ascore {
    width: 50%;
    float: right;
}

#columnuserinfo .aspent .spent, #columnuserinfo .ascore .score {
    font-size: 30px;
    text-align: center;
    display: block;
    line-height: 24px;
}

#columnuserinfo .aspent .title, #columnuserinfo .aspent .subtitle, #columnuserinfo .ascore .title, #columnuserinfo .ascore .subtitle {
    text-align: center;
    display: block;
    line-height: 14px;
    font-family: 'telegraf', sans-serif;
}

#columnuserinfo .vendor-data span {
    font-size: 18px;
    font-weight: bold;
}

#columnuserinfo .vendor-sub-data {
    display: block;
    float: left;
    width: 100%;
    padding: 25px 0;
}

#columnuserinfo .divspent {
    float: left;
    width: 100%;
    padding: 10px 0;
}

#columnuserinfo .divspent i {
    float: left;
    width: 40%;
    text-align: center;
    font-size: 40px;
}

#columnuserinfo .divspent span {
    font-size: 18px;
    font-weight: bold;
}

#columnuserinfo .divscore i {
    float: left;
    width: 40%;
    text-align: center;
    font-size: 40px;
}

#columnuserinfo .divscore span {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

#columnuserinfo .vendor-buy-button {
    display: block;
    float: left;
    width: 100%;
    padding: 25px 0;
}

#columnuserinfo .vendor-button {
    float: left;
    width: 100%;
    text-align: center;
    border: 3px solid var(--white);
    font-size: 22px;
    line-height: 40px;
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#columnuserinfo .user-zone {
    display: block;
    float: left;
    padding: 25px 0;
}

#columnuserinfo .vendor-button i {
    font-size: 40px;
    line-height: 55px;
    vertical-align: middle;
}

#columnuserinfo .column-logo {
    float: left;
    text-align: center;
    position: absolute;
    bottom: 75px;
}

#columnuserinfo .column-logo img {
    width: 55%;
    text-align: center;
    margin: 0 auto 15px;
    padding: 10px;
    background-color: var(--white)fff;
}

#columnuserinfo .column-links {
    float: left;
    padding-top: 15px;
    text-align: center;
    position: absolute;
    bottom: 50px;
}

#columnuserinfo .column-links a {
    color: var(--white);
    float: left;
    width: 100%;
}

#columnuserinfo .column-links a:hover {
    color: #333;
}

.cancelA {
    cursor: default;
}

.cancelA:hover {
    color: var(--white) !important;
}

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.rotate.down {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

#columnuserinfo .column-link-list {
    margin-left: -5px;
    margin-right: -5px;
}

#columnuserinfo .column-link-list li {
    float: left;
    width: 33%;
    padding: 5px;
}

#columnuserinfo .column-link-list li:nth-child(1), #columnuserinfo .column-link-list li:nth-child(2) {
    /*display: none;*/
}

#columnuserinfo .column-link-list li:nth-child(3) {
    float: right;
}

#columnuserinfo .column-link-list li.managament_none {
    display:none; 
}
#columnuserinfo .column-link-list li.managament_logout {
    float:right; 
}

#columnuserinfo ul.column-link-list li a {
    display: block;
    min-height: 40px;
    overflow: hidden;
    font: 600 14px/20px "telegraf", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    background-color: transparent;
    background-image: none;
    border: 3px solid var(--white);
    color: var(--white);
    text-shadow: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-radius: 5px;
}

#columnuserinfo ul.column-link-list li a:hover {
    background-color: #11A8AB;
    color: var(--black);
}

#columnuserinfo ul.column-link-list li a span {
    display: block;
    padding: 5px;
    overflow: hidden;
    border: none;
    border-radius: 0;
    margin-left: 25px;
}

#columnuserinfo ul.column-link-list li a i {
    font-size: 20px;
    color: var(--white);
    position: absolute;
    left: 0;
    top: 0;
    line-height: 25px;
    height: 100%;
    padding: 5px;
    border: none;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

#columnuserinfo #column_links {
    position: absolute;
    bottom: 15px;
    width: 100%;
}

#columnuserinfo #column_links a {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
}

#columnuserinfo #linkto-app {
    float: left;
    text-align: center;
    width: 100%;
    padding: 5px;
}

#columnuserinfo #linkto-app p {
    text-align: left;
    margin: 0;
    font-family: 'telegraf', sans-serif;
    font-size: 15px;
}

#columnuserinfo #linkto-app .p1 {
    font-weight: bold;
}

#columnuserinfo #linkto-app a {
    width: 50%;
    float: left;
}

#columnuserinfo #linkto-app img {
    width: auto;
    height: 45px;
    margin: 0 auto;
}





/* STYLES WIDTH 2 LINKS TO APPS */

/*#columnuserinfo #linkto-app .apple {
    display: block;
}*/

/*#columnuserinfo #linkto-app a {
    width: 50%;
    float: left;
}

#columnuserinfo #linkto-app img {
    max-width: 125px;
    margin: 15px auto 0;
}*/












/* MY ACCOUNT INFO TPL */

#myaccountinfo .user-points {
    height: 300px;
    background-color: #BBBBBB;
    width: 41.66667%;
    padding: 30px;
}

#myaccountinfo .user-ranking {
    height: 300px;
    background-color: #8D8D8D;
    width: 25%;
}

#myaccountinfo .user-banner {
    height: 300px;
    background-color: #AC474B;
    width: 33.33333%;
}

@media (max-width: 479px) {
    #myaccountinfo .user-points {
        width: 100%;
    }
    #myaccountinfo .user-ranking {
        width: 100%;
    }
    #myaccountinfo .user-banner {
        width: 100%;
    }
}

#myaccountinfo .user-points .title {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'telegraf', sans-serif;
}

#myaccountinfo .user-points .score, #myaccountinfo .user-points .amount, #myaccountinfo .user-points .spent {
    float: left;
    padding: 7px 0;
    border-bottom: 2px solid var(--white);
    width: 100%;
}

#myaccountinfo .user-points .spent {
    border-bottom: none;
}

#myaccountinfo .user-points .score i {
    font-size: 60px;
    float: left;
    color: #2A2F35;
}

#myaccountinfo .user-points .score .score-points {
    float: left;
    margin-left: 15px;
    font-size: 36px;
    color: #B40214;
    padding: 10px 0 0 10px;
    text-transform: uppercase;
    font-family: 'telegraf Condensed', sans-serif;
    font-weight: 700;
}

#myaccountinfo .user-points .score .score-points .text {
    font-size: 22px;
    padding: 10px 0 0;
    float: left;
}

#myaccountinfo .user-points .amount i {
    font-size: 60px;
    float: left;
    color: #2A2F35;
}

#myaccountinfo .user-points .amount .score-points {
    float: left;
    margin-left: 15px;
    font-size: 36px;
    color: #636363;
    padding: 10px 0 0 10px;
    text-transform: uppercase;
    font-family: 'telegraf Condensed', sans-serif;
    font-weight: 700;
}

#myaccountinfo .user-points .amount .score-points .text {
    font-size: 22px;
    padding: 10px 0 0;
    float: left;
}

#myaccountinfo .user-points .spent i {
    font-size: 60px;
    float: left;
    color: #2A2F35;
}

#myaccountinfo .user-points .spent .spent-points {
    float: left;
    margin-left: 15px;
    font-size: 36px;
    padding: 10px 0 0 10px;
    text-transform: uppercase;
    font-family: 'telegraf Condensed', sans-serif;
    color: var(--white);
}

#myaccountinfo .user-points .spent .spent-points .text {
    font-size: 22px;
    padding: 10px 0 0;
    float: left;
}

#myaccountinfo .user-ranking {
    padding: 40px;
    font-family: 'telegraf', sans-serif;
}

#myaccountinfo .user-ranking .title {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2A2F35;
}

#myaccountinfo .user-ranking .position {
    width: 80%;
    margin: 0 auto;
    border: 2px solid var(--white);
    margin-top: 30px;
    text-align: center;
    color: var(--white);
    font-size: 20px;
    padding-bottom: 15px;
}

#myaccountinfo .user-ranking .position .number {
    font-size: 75px;
    line-height: 85px;
}

#myaccountinfo .user-ranking .position .number:after {
    content: "ª";
    font-size: 40px;
    margin-top: -10px;
    position: absolute;
}

#myaccountinfo .user-ranking a {
    color: #2A2F35;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 15px;
    padding-top: 15px;
    font-weight: bold;
    cursor: pointer;
}

#myaccountinfo .user-ranking a i {
    padding-left: 10px;
    font-size: 25px;
}

#myaccountinfo .user-ranking

.banner-my-account-3 {
    float: left;
    width: 50%;
}

.banner-my-account-4 {
    float: left;
    width: 50%;
}

@media (max-width: 479px) {
    .banner-my-account-3, .banner-my-account-4 {
        width: 100%;
    }
}

.rank_active {
    display: none;
}

#myaccountinfo #back_rank {
    color: var(--white);
}

#myaccountinfo #back_rank .ranking-div {
    border: 2px solid var(--white);
    padding: 15px 15px 0;
    width: 100%;
    float: left;
}

#myaccountinfo #back_rank .title {
    margin-bottom: 25px;
}

#myaccountinfo #back_rank .rank-title {
    font-size: 18px;
    font-family: 'telegraf Condensed', sans-serif;
    padding-bottom: 15px;
    float: left;
    clear: both;
}

#myaccountinfo #back_rank .rank-value {
    font-size: 24px;
    font-family: 'telegraf Condensed', sans-serif;
    padding-bottom: 15px;
    float: right;
}


/* LOYAL BANNERS */

#my-account #banner_top ul, #my-account #banner_center ul,
#my-account #banner_center_right ul, #my-account #banner_footer_left ul,
#my-account #banner_footer_right ul {
    margin: 0 !important;
}

#my-account #banner_center img {
    width: 100%;
    height: 100%;
    height: 290px;
}

#banner_top {
    max-height: 356px;
    overflow: hidden;
}

#banner_center {
    float: left;
    width: 40%;
    max-height: 290px;
    overflow: hidden;
}

#banner_footer_left {
    float: left;
    width: 40%;
    max-height: 280px;
    overflow: hidden;
}

#banner_footer_right {
    float: left;
    width: 60%;
    max-height: 290px;
    height: 290px;
    overflow: hidden;
}

#banner_left_management {
    float: left;
    width: 40%;
    max-height: 290px;
    overflow: hidden;
}
#banner_right_management {
    float: left;
    width: 60%;
    max-height: 290px;
    overflow: hidden;
}

.bx-controls-direction {
    display: none;
}

#myaccountinfo {
    float: left;
    width: 60%;
    height: 290px;
}

#myaccountinfo .pre-ranking {
    background-color: #2A3036;
    height: 100%;
    text-align: center;
}

#myaccountinfo .pre-ranking .indicator {
    width: 0;
    height: 0;
    border-left: 30px solid #2A3036;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: -30px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#myaccountinfo .pre-ranking span {
    font-family: 'telegraf', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 75px;
    float: left;
    width: 100%;
    font-weight: bold;
    color: var(--white);
}

#myaccountinfo .pre-ranking i {
    color: var(--white);
    font-size: 100px;
    border: 2px solid var(--white);
    padding: 10px;
}

#myaccountinfo .ranking {
    background-color: #aaa;
    height: 100%;
}

#myaccountinfo .ranking table {
    width: 90%;
    margin: 25px auto 5px;
}

#myaccountinfo .ranking table tr {
    border-bottom: 2px solid var(--white);
}

#myaccountinfo .ranking table tr td {
    font-family: 'telegraf', sans-serif;
    font-size: 15px;
    color: var(--white);
}

#myaccountinfo .ranking table tr td.position {
    padding-right: 0;
    font-weight: bold;
}

#myaccountinfo .ranking table tr td.name {
    padding-right: 0;
}

#myaccountinfo .ranking table tr td.total {
    font-weight: bold;
    text-align: right;
}

#myaccountinfo .ranking table tr.my-position td {
    color: #333;
}

#myaccountinfo .ranking table tr.my-position td.name {
    font-weight: bold
}

#myaccountinfo .ranking .rank-general {
    text-align: center;
    padding: 15px 5px;
}

#myaccountinfo .ranking .rank-general a {
    color: #9E1731;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
}

#myaccountinfo .ranking .rank-general a:hover {
    color: #333;
}

#myaccountinfo .ranking .rank-general i {
    color: #9E1731;
    font-size: 18px;
    padding-left: 15px;
}

#myaccountinfo .ranking .balance.igual {
    font-size: 24px;
    line-height: 10px;
}

#myaccountinfo .ranking .balance.down {
    font-size: 36px;
    line-height: 10px;
    color: #9D1730;
}

#myaccountinfo .ranking .balance.up {
    font-size: 36px;
    line-height: 10px;
    color: #1E7321;
}

#myaccountinfo .ranking .balance .fa {
    line-height: 10px;
}

/* RANKING TPL */

#module-loyalprogram-ranking #center_column {
    padding: 0;
}

#module-loyalprogram-ranking #center_column .custombanners {
    margin: 0;
}



/* HISTORY PURSE */

#module-loyalprogram-historypurse #center_column {
    padding: 0;
}

#module-loyalprogram-historypurse #center_column .custombanners {
    margin: 0;
}

.pre-history {
    background-color: #2A3036;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

.pre-history .indicator {
    width: 0;
    height: 0;
    border-left: 30px solid #9E1731;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.pre-history span {
    font-family: 'telegraf', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 75px;
    float: left;
    width: 100%;
    font-weight: bold;
    color: var(--white);
}

.pre-history i {
    color: var(--white);
    font-size: 500px;
    padding: 10px;
    -ms-transform: rotate(64deg);
    -webkit-transform: rotate(64deg);
    transform: rotate(64deg);
    margin-left: -80%;
}

#historypurse {
    background-color: #aaa;
    height: 100%;
}

#historypurse table {
    width: 98%;
    margin: 25px auto 5px;
}

#historypurse table tr {
    border-bottom: 2px solid var(--white);
}

#historypurse table tr td {
    color: var(--white);
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
    padding: 4px 10px;
}

#historypurse table tr td.position {
    padding-right: 0;
    font-weight: bold;
}

#historypurse table tr th {
    text-transform: uppercase;
    color: #9e1731;
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
    font-size: 15px;
}

#historypurse table tr td.title:last-child {
    text-align: right;
}

#historypurse table tr td.name {
    padding-right: 0;
}

#historypurse table tr td.total {
    font-weight: bold;
    text-align: right;
}

#historypurse table tr.my-position td {
    color: #333;
}

#historypurse table tr.my-position td.name {
    font-weight: bold
}

#historypurse table tr.mypoints {
    background: #2A3036;
}

#historypurse table tr.mypoints td {
    color:  var(--white);
}

#historypurse table tr.spentpoints {
    background: #B44C4D;
}

#historypurse table tr.spentpoints td {
    color:  var(--white);
}

#historypurse table tr th:last-child {
    text-align: right;
}

#historypurse tbody tr td:last-child {
    text-align: right;
}

.back {
    float: left;
    position: absolute;
    bottom: 12px;
}

.back a {
    padding: 10px;
    background-color: #9E1731;
    color: var(--white);
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'telegraf', sans-serif;
    margin-left: 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.back a:hover {
    background-color: #11A8AB;
}








/* ESTADISTICAS */

#loyal_management {
    font-family: 'telegraf', sans-serif !important;
}

#graph_info_1 {
    width: 100%;
    text-align: center;
}

#graph_info_1 span {
    font-size: 14px;
}


.score_points_title {
    text-align: center;
}

.score_points_title h2 {
    font-size: 24px;
    font-weight: bold;
}

.score_points_title h4 {
    font-size: 14px;

}

.time-bottles {
    text-align: center;
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0;
    padding: 20px;
}

.time-bottles h5 {
    font    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.visited {
    text-align: center;
    width: 100%;
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0;
}

.visited h5 {
    font    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.objective {
    text-align: center;
    width: 100%;
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0;
}

.objective h5 {
    font    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.pie-chart {
    text-align: center;
    width: 100%;
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0;
}

.pie-chart h5 {
    font    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#loyal_graphic_2 > div {
    border: 1px solid #ccc;
}

#loyal_graphic_2 h2
 {
    text-align: center;
    font-family: 'telegraf', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

#loyal_graphic_2 h4 {
    text-align: center;
    font-family: 'telegraf', sans-serif;
    font-size: 14px;
}

#loyal_graphic_2 #table_products, 
#loyal_graphic_2 #table_categories {
    width: 96%;
    margin-left: 2%;
    margin-bottom: 2%;
}

#loyal_graphic_2 .table_products,
#loyal_graphic_2 .table_categories {
    margin-bottom: 50px;
}

#loyal_graphic_2 .total_products, 
#loyal_graphic_2 .score_points_title {
    margin-top: 20px;
}

#loyal_graphic_2 .table_products {
    max-height: 370px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#loyal_graphic_2 .table_products tr td:first-child{
    text-align: center;
    padding: 0;
}

#loyal_graphic_2 .visited {
    margin-top: 20px;
    margin-bottom: 20px;
}

#loyal_graphic_2 .orders_products {
    text-align: center;
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0;
    padding: 20px;
}

#loyal_graphic_2 .orders_products h5 {
    font    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

/* HOMEBUTTONS */

.home-buttons {
    margin-top: 5px;
}
.home-buttons a {
    font-family: 'telegraf', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    background: transparent;
    color: var(--white);
    border: 3px solid var(--white);
    float: left;
    margin-right: 1%;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    min-height: 64px;
    border-radius: 5px;
}
.home-buttons a:hover {
    background: #11A8AB;
    color: var(--white);
    border: 3px solid #11A8AB;
}

.home-buttons .home {
    width: 11%;
}

.home-buttons .home i {
    font-size: 38px ;
}





/* HOME */

#module-loyalprogram-home h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
}

#homefeatured {
    display: block;
}

#homefeatured li {
    min-height: 250px;
}


/* PRODUCT LIST */

.product-image-container h5 {
    width: 100%;
    padding: 5px;
    background-color: #01565B;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
    min-height: 56px;
    text-align: center;
}

ul.product_list.grid > li .product-container .product-image-container .content_price {
    position: absolute;
    right: 0;
    border-bottom: 0px solid #01565b;
    bottom: 47px;
    width: auto;
    padding: 9px 0;
}

.product-image-container h5 a {
    color: var(--white);
}

.product-image-container .button-container {
    display: none;
}

.product-image-container .content_price {
    text-align: right;
    margin-top: -70px;
    padding-right: 0px;
}

.product-image-container .content_price span {
    font-size: 12px;
    background: #ddd;
    padding: 7px;
}

ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
    font-size: 12px;
}

.content_price .oferta-price {
    color: #D62148 !important;
}


/* PRODUCT TPL */

#product .primary_block {
    margin: 0 !important;
}

#product h1 {
    font-family: 'gasparbold', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: var(--white);
    font-weight: bold;
    margin-left: 0 !important;
}

.pb-center-column #short_description_block #short_description_content p {
    color: var(--white);
}

#thumbs_list li:first-child {
    margin: 0 4px 4px 0;
}

#thumbs_list li {
    margin: 0 4px 4px 0;
}

#thumbs_list li img {
    height: inherit !important;
}

.pb-right-column {
    clear: both;
    background-color: #00555a;
    background-clip: content-box;
}

.content_prices {
    padding: 14px 10px 15px;
    background-color: #00555a;
    float: left;
    width: 47%;
}

#product .box-info-product .exclusive:before {
    width: 30px !important;
}

#product .box-info-product .exclusive span {
    padding: 12px 6px 14px 30px !important;
    font-family: 'telegraf', sans-serif !important;
}

#product .our_price_display {
    color: var(--white);
    font-size: 23px;
    line-height: 23px;
    /* color: #3a3939; */
    text-transform: uppercase;
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
}

#product .box-cart-bottom {
    float: left;
    padding: 0;
    width: 28%;
    background-color: #00555a;
    /*display: none;*/
}

#product .buttons_bottom_block {
    padding: 0;
}

#product .product_attributes {
    float: left;
    padding: 12px 5px 13px 0px;
    width: 25%;
    background-color: #00555a;
    /*display: none;*/
}

#quantity_wanted_p label {
    display: none;
}

.box-info-product p {
    margin: 0;
}

.box-info-product .exclusive:hover {
    background: #11A8AB;
    border: 2px solid #11A8AB;
}

.box-info-product .exclusive span:hover {
    color: var(--white);
}

.box-info-product .exclusive {

    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    display: block;
    border: 2px solid #01565b;
    background: #01565B;
    padding: 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    /*display: none;*/
}

#quantity_wanted_p input {
    width: 50px;
    height: 27px;
    padding: 0 10px;
    float: left;
    border: 1px solid #d6d4d4;
    line-height: 27px;
}

#product .blockproductscategory {
    padding: 0 15px;
}

#product .blockproductscategory h2 {
    font-family: 'gasparbold';
}

#product .blockproductscategory ul {
    float: left;
    background-color: rgba(255,255,255,0.5);
    padding: 25px;
    border-radius: 5px;
}

#product .blockproductscategory p {
    text-align: center;
    min-height: 40px;
}

#product .blockproductscategory a {
    color: #67152B;
}

#product .blockproductscategory .price {
    background: var(--white);
    padding: 3px;
}

#product .product-box {
    width: 16.66% !important;
}

#product #thumbs_list li {
    width: 18%;
}

#product .page-product-box {
    padding: 15px 15px 0;
}

h3.page-product-heading {
    border-left: 3px solid #11A8AB;
}

#product #productscategory_list ul li {
    padding: 5px;
    background-color: var(--white);
    background-clip: content-box;
}

#product #productscategory_list .product-name, .accessories-block .product-name {
    text-align: center;
}

#product #productscategory_list .price_display {
    min-height: 20px;
    background-color: #01555a;
}

#product #productscategory_list .product_name a {
    color: #00555a;
    min-height: 65px;
}

#product #productscategory_list .price_display span {
    background-color: #01555a;
    color: var(--white);
    padding: 0;
}







/* CATEGORY TPL */

.content_scene_cat a {
    color: var(--white) !important;
}

.content_scene_cat a:hover {
    color: var(--white) !important;
}
















/* CMS */


/**************************************************************
                    CMS Pages Styles
***************************************************************/
.cms_style #center_column .block-cms {
  padding-bottom: 20px; }
.cms_style #center_column h1 {
  margin-bottom: 25px; }
.cms_style #center_column h3 {
  font-size: 16px;
  border-bottom: none;
  margin: 0;
  padding: 0 0 17px 0; }
.cms_style #center_column p {
  line-height: 18px; }
.cms_style #center_column .list-1 li {
  padding: 4px 0 6px 0;
  font-weight: bold;
  color: #46a74e;
  border-top: 1px solid #d6d4d4; }
  .cms_style #center_column .list-1 li:first-child {
    border: none; }
  .cms_style #center_column .list-1 li em {
    font-size: 20px;
    line-height: 20px;
    padding-right: 15px;
    vertical-align: -2px; }
.cms_style #center_column img {
  margin: 4px 0 17px;
  max-width: 100%;
  height: auto; }
.cms_style #center_column .testimonials {
  border: 1px solid;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  margin: 4px 0 13px 0;
  position: relative; }
  .cms_style #center_column .testimonials .inner {
    border: 1px solid white;
    padding: 19px 18px 11px 18px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); }
    .cms_style #center_column .testimonials .inner span {
      text-indent: -5000px;
      display: inline-block;
      width: 20px;
      height: 15px; }
      .cms_style #center_column .testimonials .inner span.before {
        background: url(../img/bl-before-bg.png) no-repeat;
        margin-right: 8px; }
      .cms_style #center_column .testimonials .inner span.after {
        background: url(../img/bl-after-bg.png) no-repeat;
        margin-left: 8px; }
  .cms_style #center_column .testimonials:after {
    content: ".";
    display: block;
    text-indent: -5000px;
    position: absolute;
    bottom: -16px;
    left: 21px;
    width: 15px;
    height: 16px;
    background: url(../img/testimon-after.gif) no-repeat; }
  .cms_style #center_column .testimonials + p {
    padding-left: 45px;
    margin-bottom: 18px; }
.cms_style #center_column p.bottom-indent {
  margin-bottom: 18px; }
.cms_style #center_column #admin-action-cms {
  background: none repeat 0 0 #F6F6F6;
  border: 1px solid #d2d0d0;
  padding: 10px; }
  .cms_style #center_column #admin-action-cms p {
    margin: 0; }
    .cms_style #center_column #admin-action-cms p span {
      display: block;
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: bold;
      color: #333333; }
    .cms_style #center_column #admin-action-cms p .button {
      font: 700 17px/21px Arial, Helvetica, sans-serif;
      padding: 0;
      border: 1px solid;
      padding: 10px 14px;
      display: inline-block; }
      .cms_style #center_column #admin-action-cms p .button.publish_button {
        color: white;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        border-color: #0079b6 #006fa8 #012740 #006fa8;
        background: #009ad0;
        background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
        background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); }
        .cms_style #center_column #admin-action-cms p .button.publish_button:hover {
          border-color: #01314e #004b74 #0079b6 #004b74;
          filter: none;
          background: #0084bf; }
      .cms_style #center_column #admin-action-cms p .button.lnk_view {
        color: #333333;
        text-shadow: 1px 1px white;
        border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
        background: #f7f7f7;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
        .cms_style #center_column #admin-action-cms p .button.lnk_view:hover {
          border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
          filter: none;
          background: #e7e7e7; }


.cms_style .planeta-title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4a4a4a;
    font-size: 42px;
    text-transform: inherit;
}

.cms_style .planet-content .container {
    position: relative;
    z-index: 99;
}

.cms_style .funcionamiento-content {
    margin-top: -30px;
}

.cms_style .funcionamiento-content img.funcionamiento-bg {
    position: absolute;
    top: -135px;
    z-index: -1;
}

.cms_style .funcionamiento-content img.funcionamiento-bg-2 {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: -1;
}

.cms_style .funcionamiento-block {
    position: relative;
    min-height: 350px;
}

.cms_style .funcionamiento-container {
    max-width: 800px;
    margin: 25px auto 0;
    padding-bottom: 60px;
    clear: both;
}

.cms_style .funcionamiento-block:nth-child(odd) {
    padding-top: 25px;
    background-color: #f8f0fe;
}

.cms_style .funcionamiento-block:last-child {
    padding-bottom: 30px;
}

.cms_style .funcionamiento-container > div > span {
    line-height: 163px;
    font-family: 'telegraf';
    font-size: 28px;
    color: #9b9b9b;
    text-transform: uppercase;
    margin-left: 15px;
    margin-right: 15px;
}


.cms_style .funcionamiento-container > div > span.doble-line {
    line-height: 35px;
    padding-top: 50px;
    display: flex;
    padding-left: 15px;
}

.cms_style .sub-block-left {
    position: relative;
}

.cms_style .meteorito-info {
    position: relative;
    float: left;
    width: 250px;
}

.cms_style .meteorito-info img {
    width: 235px;
}

.cms_style .meteorito-info span:nth-child(2) {
    position: absolute;
    width: 50%;
    left: 36%;
    top: 20%;
    font-family: 'telegraf';
    font-weight: 700;
    color: var(--white);
    font-size: 51px;
    text-align: center;
}

.cms_style .sub-block-right .meteorito-info span:nth-child(2) {
    top: 13%;
}

.cms_style .meteorito-info span:nth-child(3) {
    position: absolute;
    width: 50%;
    left: 36%;
    top: 55%;
    color: var(--white);
    text-align: center;
    font-size: 16px;
}

.cms_style .sub-block-right {
    position: relative;
    margin-top: -50px;
    display: flow-root;
}

.cms_style .sub-block-right > span {
    float: right;
}

.cms_style .sub-block-right .meteorito-info {
    position: relative;
    float: right;
    width: 250px;
    text-align: right;
}

.cms_style .sub-block-right .meteorito-info img {
    width: 250px;
    margin-left: 15px;
    transform: rotate(15deg);
}

.cms_style .sub-block-right .meteorito-info span:nth-child(2) {
    left: inherit;
    right: 36%;
}

.cms_style .sub-block-right .meteorito-info span:nth-child(3) {
    left: inherit;
    right: 36%;
    top: 50%;
}

.cms_style .sub-block-left > img {
    position: absolute;
    width: 67px;
    height: auto;
    left: 35px;
    top: 190px;
}

.cms_style .sub-block-right > img {
    position: absolute;
    width: 67px;
    height: auto;
    right: 35px;
    top: 160px;
}

.cms_style .funcionamiento-info h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4a4a4a;
    font-size: 42px;
    text-transform: inherit;
    font-weight: 700;
    text-align: center;
}

.cms_style .funcionamiento-info h3 {
    font-size: 20px;
    color: var(--blue);
    text-align: center;
}

.cms_style .funcionamiento-info h5 {
    font-size: 18px;
    color: var(--blue);
    font-weight: 300;
    text-align: center;
}

.cms_style .distribuidor-content .funcionamiento-block {
    padding-bottom: 30px;
}

.cms_style .distribuidor-content .sub-block-right {
    margin-top: 0;
}

.cms_style .distribuidor-content .meteorito-info {
    float: none;
    width: inherit;
    text-align: center;
}

.cms_style .distribuidor-content .meteorito-info span:nth-child(2) {
    width: 200px;
    left: 42%;
}

.cms_style .distribuidor-content .meteorito-info span:nth-child(3) {
    width: auto;
    left: 50%;
}

.cms_style .distribuidor-content .sub-block-left > img {
    left: 30%;
    top: 105%;
}

.cms_style .distribuidor-content .sub-block-right > img {
    right: 30%;
    top: 100%;
}

.cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-value {
    left: 33%;
}

.cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-type {
    left: 41%;
    right: inherit;
}

.cms_style .distribuidor-content .funcionamiento-info {
    padding-top: 110px;
}



.cms_style #columns {
    background-color: var(--white);
}

.cms_style #center_column {
    padding: 0 15x;
}

.cms_style .rte a {
    color: #1C78A6;
}

.cms_style .rte a:hover {
    color: #11A8AB;
    text-decoration: none;
}

.cms_style h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: right;
}

.cms_style p {
    font-family: 'telegraf', sans-serif;
    font-size: 16px;
}

.cms_style #center_column img {
    margin: 0 auto !important;
}

.cms_style .funcionamiento-img img {
    height: 550px !important;
}





/* PREMIO FINAL */

.cms_style.cms-7 #center_column .custombanners, .cms_style.cms-6 #center_column .custombanners {
    margin: 0;
}

.cms_style.cms-7 #center_column .rte {
    background-image: url(../../img/granpremio/gran-premio-bg.jpg);
    background-size:cover;
    padding: 30px;
    color: var(--black);
}

.cms_style.cms-7 #center_column .rte h3 {
    padding-top: 25px;
    color: var(--black);
    font-size: 22px;
    font-weight: bold;
}

.cms_style.cms-7 #center_column .rte h2 {
    padding-bottom: 50px;
    color: var(--white);
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0 0 5px #666

}

.cms_style.cms-7 #center_column .rte p {
    font-size: 18px;
    line-height: 22px
}

.cms_style.cms-7 #center_column p.instrucciones, .cms_style.cms-7 #center_column p.condiciones {
    font-size: 12px;
    line-height: 14px;
    width: 60%;
}







/* FUNCIONAMIENTO */

.cms_style.cms-9 h2 {
    font-family: 'Gasparbold';
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 10px;4
}

.cms_style.cms-9 h2 span {
    font-size: 50px;
    margin-right: 15px;
}

.cms_style.cms-9 p {
    padding-left: 50px;
}

.cms_style.cms-9 p.img {
    padding-left: 0px;
}

.cms_style.cms-9 .rte a img {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.cms_style.cms-9 .rte a img:hover {
    transform: scale(1.05);
}

.cms_style.cms-9 #center_column .rte img.func-ico {
    float: left;
    margin-right: 5px;
}

.cms_style.cms-9 .p-ico {
    float: left;
    width: 100%;
    line-height: 45px !important;
}

.cms_style.cms-10 h2 {
    font-family: 'Gasparbold';
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 10px;4
}

.cms_style.cms-10 h2 span {
    font-size: 50px;
    margin-right: 15px;
}

.cms_style.cms-10 p {
    padding-left: 50px;
}

.cms_style.cms-10 p.img {
    padding-left: 0px;
}

.cms_style.cms-10 .rte a img {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.cms_style.cms-10 .rte a img:hover {
    transform: scale(1.05);
}

.cms_style.cms-10 #center_column .rte img.func-ico {
    float: left;
    margin-right: 5px;
}

.cms_style.cms-10 .p-ico {
    float: left;
    width: 100%;
    line-height: 45px !important;
}




/* PAGINATION */

.top-pagination-content div.pagination, .bottom-pagination-content div.pagination {
    width: 100%;
    text-align: left;
    font-family: 'telegraf', sans-serif;
}

.top-pagination-content .product-count, .bottom-pagination-content .product-count {
    position: absolute;
    font-family: 'telegraf', sans-serif;
    right: 0

}

.top-pagination-content ul.pagination li.active > span, .bottom-pagination-content ul.pagination li.active > span {
    border: none;
    background-color: #11A8AB;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 25px;
}

.top-pagination-content ul.pagination li.active > span span, .bottom-pagination-content ul.pagination li.active > span span {
    background-color: #11A8AB;
    color: var(--white);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 25px;
}

.top-pagination-content ul.pagination li > a, .top-pagination-content ul.pagination li > span, .bottom-pagination-content ul.pagination li > a, .bottom-pagination-content ul.pagination li > span {
    background-color: #01565b;
    color: #BABABA;
    border-radius: 50%;
    border: none;
    margin-left: 5px;
}

.top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span {
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
}

.top-pagination-content ul.pagination li > a:hover span, .bottom-pagination-content ul.pagination li > a:hover span {
    background: none;
    background-color: #11A8AB;
    border-radius: 50%;
    color: var(--white);
}

#pagination_previous_bottom, #pagination_next_bottom {
    display: none;
}







/* FOOTER */

.footer-container {
    width: 100%;
    padding-left: 0;
    background: #2A3036;
}

.footer-container #footer a {
    display: inline-flex;
    line-height: 50px;
}

.footer-container .container {
    padding-bottom: 0;
    position: relative;
}

.footer-container #footer .row {
    padding: 0;
}

/* Navigator Fixes */

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: var(--white) !important;
}






/* FILTER CATALOGO */

#layered_block_left {
    margin-top: -42px !important;
    box-shadow: none !important;
    font: 300 14px 'telegraf',sans-serif;
    padding: 15px 25px;
    position: absolute;
    right: 0;
    width: 50%;
    text-align: right;
}

#layered_block_left #enabled_filters, #layered_block_left .layered_subtitle {
    display: none !important;
}

#layered_block_left .layered_slider_container {
    margin: 6px 0 6px 11px;
    width: 95%;
}








/* CMS FUNCIONAMIENTO */


.cms_style.cms-6 #center_column {
    padding: 0;
    background-color: #B8CFD3;
}

.cms_style.cms-6 #center_column .banner-item img {
    margin: 0 !important;
}





/* CONTACT FORM */

#contact #center_column {
    padding: 0;
}

#contact #tickerholder {
    display: none;
}

#contact #columns {
    background: rgba(0, 0, 0, 0.30);
}

#contact.no-logged #header {
    border-bottom: 1px solid #999;
}

.contact-form-box .page-subheading, #contact h2 {
    font-family: 'telegraf', sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    color: var(--white);
    font-weight: bold;
}

#contact h2 {
    text-align: center;
}

#contact .contact-form-box .form-group {
    margin-bottom: 7px;
}

#contact .contact-form-box select.form-control, #contact .contact-form-box input.form-control {
    max-width: inherit;
}

#contact .contact-form-box label {
    display: none;
}

#contact .contact-form-box .submit {
    margin-top: 0;
}

#contact .contact-form-box .submit button {
    float: right;
    background-color: var(--white);
    font-family: 'telegraf', sans-serif;
    color: var(--black);
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#contact .contact-form-box .submit button:hover {
    background: #11A8AB;
}

#contact .contact-img {
    background-color: var(--white);
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    margin-left: -65px;
}   

#contact .contact-mail {
     font-family: 'telegraf', sans-serif;
     color: var(--white);
     font-size: 16px;
     margin-top: 17px;
     margin-bottom: 10px;
}

#contact .contact-mail a {
    font-weight: bold;
}

#contact .left-title {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--white);
    font-family: 'telegraf', sans-serif;
    font-weight: bold;
    margin-top: 25px;    
    margin-bottom: 15px;
    text-decoration: underline;
}

#contact .left-p {
    font-family: 'telegraf', sans-serif;
    font-size: 16px;
    color: var(--white);
}

#contact .left-telf {
    font-size: 20px;
    font-weight: bold;
}

#contact #center_column a {
    color: var(--white);
}

#contact #center_column a:hover {
    color: var(--blue-hover);
}

#contact .footer_links a {
    color: var(--blue-hover) !important;
}





/* PREMIO FINAL */

.cms_style.cms-7 #center_column {
    padding: 0;
}

.cms_style.cms-7 #center_column .banner-item img {
    margin: 0 !important;
}







/* CATALOGO */

ul.product_list.grid > li .product-container {
    border-radius: 5px;
}














/* CARRITO DESPLEGABLE */

#header .cart_block {
    position: absolute;
    top: 59px;
    right: -60px;
    font: 600 15px/22px "Raleway", sans-serif;
    z-index: 100;
    display: none;
    height: auto;
    background: #2A3036;
    color: var(--white);
    width: 270px;
    border-top: 3px solid #D4D5D6;
}

#header .cart_block dt.first_item {
    background: none;
    border-top: none;
}

#header .cart_block dt {
    /* background: url(../../../img/cart-shadow.png) repeat-x; */
    border-bottom: 1px solid #7A7A7A;
}

.cart_block .cart-info .quantity-formated {
    display: inline-block;
    color: var(--white)FFF;
    text-transform: uppercase;
    font-size: 10px;
    padding-right: 5px;
}

.cart_block .cart-info .product-name {
    padding-bottom: 5px;
    margin-top: -4px;
}

.cart_block .cart-info .product-name a {
    color: var(--white) !important;
}

#header .cart_block .cart-prices {
    border: none;
    color: var(--white);
    background: #2a3036;
}

#header .cart_block .cart-buttons {
    background: #2a3036;
}

.cart_block .cart-prices .cart-prices-line {
    overflow: hidden;
    padding: 0;
}

.cart_block .cart-prices {
    border-top: 1px solid #50597b;
    padding: 10px 20px 10px 20px;
}

.cart-buttons a {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 10px;
    background: #861E32;
}

.cart_block .cart-buttons a#button_order_cart span {
    font: 600 15px/22px "Raleway", sans-serif;
    color: var(--white);
}

.cart_block .cart-buttons a#button_order_cart span {
    padding: 7px 0;
    color: var(--white);
    font-size: 1.1em;
    text-shadow: none!important;
    -webkit-transition: 0.2 s ease-out;
    -o-transition: 0.2 s ease-out;
    -moz-transition: 0.2 s ease-out;
    transition: 0.2 s ease-out;
    padding: 12px 0px;
    border: solid 0px #63c473;
    background: #11A8AB;
}













/* PEDIDO RAPIDO */

.order-opc h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    line-height: 32px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: left;
}

.div-bonos {
    background-color: transparent !important;
}

#cart_summary tfoot td.total_price_container span {
    font: 600 18px/22px 'telegraf', sans-serif;
}

#order-opc .page-heading.step-num span {
    font-style: initial !important;
}


.order_carrier_content .checkbox input {
    margin-left: 0 !important;
}











/* DIRECCIONES */

.addresses h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: right;
}











/* DIRECCIÓN */


.address h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    line-height: 32px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: right;
}





/* HISTORIAL PEDIDOS */


#history h1 {
    font-family: 'telegraf', sans-serif;
    font-size: 44px;
    line-height: 32px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: right;
}













/* VENTAS CRUZADAS */

#layer_cart .crossseling #blockcart_list ul li .product-image-container img {
    max-width: 100px;
}









/* BÚSQUEDA */

.search_show {
    
}

#search_block_top h2 {
    color: var(--white);
}

.cclose {
    color: var(--white) !important;
    border: 2px solid var(--white) !important;
}






/* PEDIDO RETURN */

.pedido-return {
    text-align: center;
}

.pedido-return ul {
    list-style: none;
    width: 60%;
    margin-left: 20%;
    margin-top: 25px;
    border: 1px solid #ccc;
    padding: 10px;
}

@media (max-width: 767px) {
    .pedido-return ul {
        width: 100%;
        margin-left: 0;
    }
}

.pedido-return ul li {
    padding: 5px;
    border-top: 1px solid #ccc;
}

.pedido-return ul li:first-child {
    border-top: none;
}

.pedido-return .subtitle {
    font-size: 18px;
}






/* ----------------
    RESPONSIVE 
-------------------*/

    
.sf-menu > li > a {
    font: 300 13px/22px "telegraf", sans-serif;
    /*padding: 33px 7px;*/
}


@media (max-width: 1200px) {
    /*.sf-menu > li > a {
        font: 600 13px/22px "telegraf", sans-serif !important;
        padding: 33px 11px !important;
    }*/
}

@media (max-width: 1024px) { 
    /*.sf-menu > li > a {
        font: 600 13px/22px "telegraf", sans-serif !important;
        padding: 11px 11px !important;
    }*/

    #layered_block_left {
        width: 60%;
    }

    #columnuserinfo .vendor-data .amount {
        font-size: 36px;
    }

    #columnuserinfo .vendor-button {
        font-size: 15px;
    }

    #columnuserinfo .vendor-button i {
        font-size: 25px;
    }

}

@media (max-width: 990px) { 

    #columnuserinfo .vendor-data .total {
        font-size: 16px ;
    }

    #columnuserinfo .divspent span, #columnuserinfo .ascore span,  {
        font-size: 13px;
    }

    #columnuserinfo .vendor-data .amount {
        font-size: 36px;
    }

    #columnuserinfo .vendor-button {
        font-size: 15px;
    }

    #columnuserinfo .vendor-button i {
        font-size: 25px;
    }

    #myaccountinfo .ranking table tr td {
        font-size: 16px;
    }

    #myaccountinfo .pre-ranking i {
        font-size: 60px;
    }

    #myaccountinfo .pre-ranking span {
        font-size: 20px;
    }

}




@media (max-width: 767px) {

    /* Generales */

    h1 {
        font-size: 36px;
    }

    .cms_style h1 {
        font-size: 36px;
        text-align: left;
    }

    #left_column {
        display: none;
    }



    body#authentication {
        height: 100vh;
    }




    /* Login */

    #authentication #columns div.row {
        width: 100%;
    }

    #authentication #center_column .login-logo img {
        width: 100%;
        max-width: 50px;
    }


    /* Menú */

    #block_top_menu .sf-menu > li > a {
        padding: 15px 20px;
    }

    #block_top_menu {
        margin-top: 0;
        padding: 0;
    }

    .cat-title {
        background: #67152B;
        border-bottom: 2px solid;
        border-bottom-color: #BA5C5A;
        color: white
    }

    .cat-title:hover {
        background: #67152B;
        border-bottom: 2px solid;
        border-bottom-color: #BA5C5A;
        color: white
    }


    /* Búsqueda */

    .ppush {
        background: transparent !important;
        border: none;
        width: 10% !important;
        margin-right: 15%;
        border-radius: 5px !important;
        float: left !important;
        position: absolute;
    }

    .ppush:after, .ppush i:after {
        display: none !important;
    }



    /* Mi Cuenta */

    #my-account #left_column {
        display: block;
        min-height: 1000px;
    }

    #my-account #banner_footer_left, #my-account #banner_footer_right {
        width: 100%;
        max-height: inherit;
    }

    /*#columnuserinfo .column-logo {
        position: relative;
        bottom: 0;
        margin-top: 15px;
    }*/

    #banner_center {
        width: 100%;
    }

    #myaccountinfo {
        width: 100%;
    }

    #myaccountinfo .ranking table {
        margin: 5px auto 5px;
    }

    #myaccountinfo .ranking .rank-general {
        padding: 0;
    }

    #myaccountinfo .ranking .rank-general a {
        font-size: 15px;
    }


    /* Mis DATOS */

    #identity #columns div.row {
        width: 100%;
    }

    #identity #center_column .login-logo {
        margin-top: 20px;
    }

    #identity #center_column .login-logo img {
        width: 100%;
    }

    #identity .left_identity {
        margin-top: -90px;
    }


    /* Catálogo */

    .blockcart {
        right: 0;
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }

    .shopping_cart {
        margin: 0 !important;
    }

    .content_scene_cat .content_scene_cat_bg {
        padding: 20px 0;
    }

    .content_scene_cat span.category-name {
        margin: 0;
        text-align: center;
    }

    .content_scene_cat .cat_desc {
        text-align: center;
    }

    .cat_desc > .rte {
        display: none;
    }

    .home-buttons .home {
        width: 30%;
    }

    .home-buttons .home i {
        font-size: 25px;
    }

    .home-buttons a {
        width: 30%;
        margin: 0 1% 20px;
        font-size: 12px;
    }

    .content_scene_cat span.category-name {
        padding-bottom: 0 !important;
    }

    ul.product_list.grid > li .product-container .product-image-container {
        width: 100%;
        max-width: inherit !important;
    }

    ul.product_list .product-image-container img {
        width: 100% !important;
    }

    .content_scene_cat #layered_block_left {
        padding: 0;
        position: relative;
        right: 0;
        margin-top: 0 !important;
        width: 100%;
    }

    #layered_block_left .layered_slider_container {
        margin: 10px;
        width: 93%;
    }

    .content_scene_cat #layered_block_left .title_block {
        padding: 0;
    }

    .content_scene_cat .block .block_content {
        margin-bottom: 0;
    }






    /* Página Producto */

    .content_prices {
        width: 52%;
    }

    #product .box-cart-bottom {
        width: 23%;
    }

    #product .box-info-product .exclusive span {
        padding: 12px 6px 14px 6px !important; 
    }

    #product .product_attributes {
        padding: 3px 5px 3px 0px;
    }

    #quantity_wanted_p input {
        width: 100%;
        height: 19px;
        padding: 0px 10px;
        float: left;
        border: 1px solid #d6d4d4;
        line-height: 20px;
        text-align: center;
    }

    #quantity_wanted_p .btn {
        float: left;
        margin-left: 0px !important;
        width: 50%;
        text-align: center;
    }

    .btn.button-plus span, .btn.button-minus span {
        width: 100%;
    }

    #product .product-box {
        width: 33.33% !important;
        min-height: 140px;
    }

    #productscategory_list .product-name a, .accessories-block .product-name a {
        font-size: 10px !important;
        line-height: 10px !important;
    }

    #productscategory_list .product-name {
        font-size: 10px !important;
        line-height: 15px;        
    }

    #productscategory_list .product-box .product-image {
        margin-bottom: 0 !important;
    }

    #productscategory_list h5 {
        margin-top: 0px;
    }

    #productscategory_list .bx-viewport {
        overflow: inherit !important;
    }

    #productscategory_list #bxslider1 {
        width: 100% !important;
    }

    #productscategory_list #bxslider1 li {
        margin-right: 0 !important;
    }




    /* POPUPS INFO */

    #legal_identity, #rights_identity, #contact_identity, #transfer_identity {
        width: 94%;
        left: 3%;
        overflow: auto;
    }
    .popup_info {
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 20px;
        margin: 53px 0;
    }




    /* POPUP AÑADIDO CARRITO */

    .layer_cart_product h2 {
        color: #67152B;
    }




    /* SHOPPING CART */

    .shopping-summarty {
        float: left;
    }

    .shopping-buttons {
        float: right;
    }

    #order-opc .cart_navigation {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    #header .cart_block {
        display: none !important;
    }




    /* PAGINATION */

    .top-pagination-content .product-count, .bottom-pagination-content .product-count {
        position: relative;
    }





    /* RANKING */

    .rank-table {
        padding: 0;
    }

    .rank-table, #ranking .rank-table table tr td, #ranking .rank-table table tr td {
        font-size: 16px;
    }





    /* HISTORY PURSE */

    #historypurse {
        padding: 0;
    }

    #historypurse table tr th, #historypurse table tr td {
        font-size: 16px;
    }


}


@media (max-width: 320px) {

    .home-buttons a {
        font-size: 9px;
    }

    #product .our_price_display {
        font-size: 18px;
    }

    .order-opc h1 {
        font-size: 30px ;
    }

    #order-detail-content #cart_summary tbody td.cart_description {
        width: 50%;
    }
}







/* My Account Banner Objective */

#banner_footer_right {
    position: relative;
    font-family: 'telegraf';
}

#banner_footer_right img{
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    position: absolute;
}

#banner_footer_right #ban_objective{
    z-index: 11;
    position: absolute;
    top: 69%;
    left: 0%;
    font-size: 22px;
    font-weight: bold;
    width: 25%;
    text-align: center;
    height: 13%;
    line-height: 31px;
}
#banner_footer_right #ban_award{
    z-index: 11;
    position: absolute;
    top: 50%;
    left: 22%;
    font-size: 24px;
    font-weight: bold;
    color: var(--white);
    width: 55%;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

#banner_footer_right #ban_title {
    z-index: 11;
    position: absolute;
    top: 10px;
    left: 0%;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    line-height: 31px;
}

#banner_footer_right #ban_award span {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    width: 100%;
    left: 0;
}

#banner_footer_right #ban_award_top {
    z-index: 11;
    position: absolute;
    top: 69%;
    right: 0%;
    font-size: 22px;
    font-weight: bold;
    width: 25%;
    text-align: center;
    height: 13%;
    line-height: 31px;
}


#banner_footer_right #ban_sentence{
    z-index: 11;
    position: absolute;
    top: 85%;
    left: 5%;
    font-size: 19px;
    text-align: center;
    width: 90%;
}

#banner_footer_right #ban_sentence span {
    font-family: 'telegraf';
}

#banner_footer_right .progress {
    background: transparent;
    height: 30px;
}

@media (max-width: 1199px) {

    #banner_footer_right {
        height: 232px;
    }

    #banner_footer_right #ban_objective {
        font-size: 18px;
    }

    #banner_footer_right #ban_award {
        height: 35px;
        line-height: 35px;
    }

    #banner_footer_right #ban_sentence{
        left: 5%;
        font-size: 17px;
    }

    #banner_footer_right .progress {
        height: 35px;
    }

    #banner_footer_right #ban_award span {
        line-height: 35px;
    }
}

@media (max-width: 991px) {
    #banner_footer_right {
        height: 180px;
    }

    #banner_footer_right #ban_objective{
        top: 31%;
        left: 5%;
        font-size: 13px;
        line-height: 23px;
    }

    #banner_footer_right #ban_award {
        top: 55%;
        left: 31%;
        font-size: 17px;
        line-height: 28px;
        height: 27px;
    }

    #banner_footer_right #ban_sentence{
        font-size: 11px;
    }

    #banner_footer_right .progress {
        height: 27px;
    }

    #banner_footer_right #ban_award span {
        line-height: 27px;
    }

    #myaccountinfo .ranking table {
        width: 100%;
        margin: 10px auto 5px;
    }

    #myaccountinfo .ranking table tr td {
        font-size: 13px;
    }

    #myaccountinfo .pre-ranking .indicator {
        right: -20px;
    }

    #myaccountinfo .ranking .rank-general {
        padding: 10px 5px;
    }

    #myaccountinfo .ranking .rank-general a {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    #banner_footer_right {
        padding-bottom: 56%;
    }

    #banner_footer_right #ban_objective{
        top: 29%;
        left: 5%;
        font-size: 2.2em;
        line-height: 1.9em;
    }

    #banner_footer_right #ban_award {
        top: 53%;
        left: 31%;
        font-size: 3em;
        line-height: 1.5em;
        height: 1.5em;
    }

    #banner_footer_right #ban_sentence{
        font-size: 1.8em;
        left: 5%;
    }

    #banner_footer_right .progress {
        height: 55px;
    }

    #banner_footer_right #ban_award span {
        line-height: 50px;
    }

    #banner_footer_right #ban_award_top {
        font-size: 23px;
    }
}

@media (max-width: 599px) {
    #banner_footer_right {
        padding-bottom: 56%;
    }

    #banner_footer_right #ban_objective{
        top: 29%;
        left: 5%;
        font-size: 19px;
    }

    #banner_footer_right #ban_award {
        top: 53%;
        left: 31%;
        font-size: 25px;
    }

    #banner_footer_right #ban_sentence{
        font-size: 18px;
        left: 5%;
        top: 81%;
    }

    #banner_footer_right .progress {
        height: 43px;
    }

    #banner_footer_right #ban_award span {
        line-height: 40px;
    }

    #banner_footer_right #ban_award_top {
        top: 69%;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    #banner_footer_right {
        padding-bottom: 56%;
    }

    #banner_footer_right #ban_objective{
        top: 29%;
        left: 5%;
        font-size: 17px;
    }

    #banner_footer_right #ban_award {
        top: 53%;
        left: 31%;
        font-size: 24px;
    }

    #banner_footer_right #ban_sentence{

    }

    #banner_footer_right .progress {
        height: 34px;
    }

    #banner_footer_right #ban_award span {
        line-height: 30px;
    }

    #banner_footer_right #ban_award_top {
        top: 69%;
        font-size: 16px;
    }
}


@media (max-width: 320px) {
    #banner_footer_right {
        padding-bottom: 56%;
    }

    #banner_footer_right #ban_objective{
        font-size: 13px;
    }

    #banner_footer_right #ban_award {

        font-size: 15px;
    }

    #banner_footer_right #ban_sentence{
        font-size: 12px;
    }

    #banner_footer_right .progress {
        height: 23px;
    }

    #banner_footer_right #ban_award span {
        line-height: 23px;
        font-size: 12px;
    }
}




.pie-responsive {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow:hidden;
}

.pie-responsive > div {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}




/* 05-05-16 - FIXES */

#order-opc .payment_module a {
    max-width: 150px;
    border-radius: 0px;
    position: relative;
    display: block;
    background-color: #11A8AB;
    padding: 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border: none;
    color: var(--white);
    padding: 15px;
}

#order-opc .payment_module a span {
    color: var(--white) !important;
}

#order-opc .cart_navigation a {
    padding: 5px;
    background-color: #11A8AB;
    color: var(--white);
}

#order-opc .cart_navigation a i {
    color: var(--white);
}

#order-opc .cart_navigation a:hover {
    background-color: #ccc;
} 

#search_block_top {
    width: 100%;
}

.ac_results {
    width: auto !important;
    padding: 10px 5px !important;
}









/* 19-6-16 - FIXES */


#identity .left-identity label[for='company'], #identity .left-identity input#company {
    display: none;
}








/* 3-7-17 - FIXES */

@media (max-width: 767px) {

    #my-account #left_column {
        min-height: inherit;
    }

    #authentication #page {
        height: auto;
        position: relative;
    }
    #authentication .columns-container {
        height: auto;
    }

    #authentication #bottom_links {
        float: left;
        width: 100%;
        position: relative;
        bottom: inherit;
        right: inherit;
        font-size: 9px;
        text-align: center;
    }

    #header .blockcart {
        cursor: pointer;
        display: inline-block;
        color: var(--white);
        margin-top: 5px;
        padding: 10px;
        width: 40px;
        height: 40px;
        padding-left: 12px;
        float: right;
    }

    .blockcart .shopping_cart {
        padding-top: 12px;
        height: auto;
    }

    .blockcart .shopping_cart:before {
        display: none !important;
    }

    .blockcart .shopping_cart > a:first-child {
        padding: 11px;
        background: none;
        border-radius: 35px;
        width: auto;
        float: right;
        display: block;
        margin-top: -22px;
        margin-right: 25px;
        font-weight: bold;
        color: var(--white);
        overflow: visible;
        background: #24828c;
    }

    .blockcart .shopping_cart > a:first-child:before {
        font-size: 18px;
        padding-right: 0;
    }

    .lnk-mensajero {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .cat-title {
        background: #01565b;
        border-bottom-color: var(--black)000;
    }

    .cat-title:hover {
        background: #147F85;
        border-bottom-color: var(--black)000;
    }

    #loyal_management #nav_management {
        display: block;
    }

    .new-label {
        background-color: #6ad4ff;
    }
}














/*  */




#center_column {
    margin-left: 0;
    float: none;
    position: relative;
}

#center_column > .container {
    margin-left: 0;
    padding: 0;
}

#center_column #home {
    padding-left: 30px;
    padding-right: 0;
}

#planeta #mensajero_banner {
    text-align: center;
    background-color: var(--blue);
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 25px;
}

#planeta #mensajero_banner h3 {
    font-family: 'telegraf';
    font-size: 40px;
    color: var(--white);
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}



#authentication #authentication_login #login_form input,
#authentication #authentication_login #create-account_form input {
    color: var(--blue);
    background-color: var(--white) !important;
}

#authentication #authentication_login #login_form button,
#authentication #authentication_login #create-account_form button {

}

#authentication #authentication_login #create-account_form .form-group {
    width: 100%;
}

#authentication #authentication_login #create-account_form .form-group input {
    border-radius: 16px;
    background-color: var(--white) !important;
}

#authentication #authentication_login #create-account_form input {
    min-height: 39px;
    border: 1px solid var(--white);
    background: rgba(255, 255, 255, 0.16) !important;
}

#authentication #authentication_login #create-account_form input::placeholder,
#authentication #authentication_login #create-account_form input::-moz-placeholder {
}

#authentication #header_logo {
    display: none;
    padding: 10px;
}

#authentication .create-account img {
    max-width: 80px;
    height: auto;
    margin-bottom: 25px;
}

#authentication .create-account h3 {
    font-family: 'telegraf';
    font-size: 34px;
}

#authentication.account_body .columns-container #center_column input::placeholder,
#authentication.account_body .columns-container #center_column input::-webkit-input-placeholder,
#authentication.account_body .columns-container #center_column input::-moz-placeholder,
#authentication.account_body .columns-container #center_column input:moz-placeholder {
    font-family: 'telegraf';
    font-weight: 100;
    font-size: 18px;
    opacity: 1;
}

#authentication.account_body #center_column #submitAccount i {
    margin-left: 5px;
}

#authentication.account_body #center_column #submitAccount:hover {
    color: #4a4a4a;
    background-color: var(--blue-hover);
}

#authentication #center_column .create-tooltip {
    color: var(--white);
    background-color: var(--blue-grey) ;
    color: var(--blue);
    width: 100%;
    padding: 5px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
}





/* PRE_HOME */


#prehome_hojas_left, #prehome_hojas_right {
    display: none;
}

#authentication #prehome_hojas_left {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#authentication #prehome_hojas_right {
    display: block;
    position: absolute;
    right:0;
    bottom: 0;
    z-index: 1;
}

#columnuserinfo #linkto-app a {
    width: 100%;
    font-size: 24px;
    text-align: center;
}





/* MENÚ PRINCIPAL */

.sf-menu > li > a {
    padding: 16px 7px;
}

.lnk-mensajero {
    margin-top: 5px;
}


.admin-column-link-list {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
}



/* OCULTO SLIDER */

#slider_row {
    display: none;
}





/* LOCALES */

#header .banner {
    display: none;
}

#columns {
    background: transparent;
}

#left_column {
    background: transparent;
}

/*.grupo-1 #banner_footer_right {
    height: 290px;
    max-height: 290px;
    float: left;
    width: 60%;
    overflow: hidden;
    position: relative;
    font-family: 'telegraf';
}

.grupo-1 #banner_footer_right #ban_objective {
    top: 39%;
    left: 25%;
    color: var(--white);
}

.grupo-1 #banner_footer_right #ban_award_top {
    top: 52%;
    right: 9%;
    color: var(--white);
} */

/*.grupo-1 #banner_footer_left {
    width: 100%;
}*/





/* COMERCIALES */

.grupo-2 #banner_footer_left {
    width: 40%;
}

#columnuserinfo .column-link-list li {
    width: 33.333%;
}

#columnuserinfo .column-link-list li:nth-child(3) {
    float: left;
}

#columnuserinfo .column-link-list li:nth-child(4) {
    float: right;
}


/* ADMIN */

#columnuserinfo .aspent .spent, #columnuserinfo .ascore .score {
    font-size: 22px;
}

#columnuserinfo .user-data-edit {
   text-align: center;
   margin-top: 15px;
   margin-bottom: 25px;
}

#columnuserinfo .user-data-edit a {
    font-weight: bold;
    padding: 6px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}





/* CMS*/

.cms_style #columns {
    background: transparent;
}

.cms_style #center_column {
    background: var(--white);
}






/* PERSONAL - DATA */

#identity form .checkbox span {
    margin-left: 22px;
}

.optional_passwd h3 {
    padding: 0 40px;
    font-size: 18px;
}

#identity .identity-text a {
    color: var(--white);
    font-weight: bold;
}

#bottom_links a:hover {
    color: #061a21;
}

#identity #center_column {
    margin-bottom: 0;
}





/* CARRITO */

body #header .shopping_cart {
    margin-top: 5px;
}

#header .shopping_cart .ajax_cart_quantity {
    top: -4px;
    right: -4px;
}

.cart_voucher fieldset #discount_name {
    width: 57%;
}

.button.button-small {
    text-shadow: none;
}

#qqty {
    font-size: 40px;
    top: 1px;
    right: 0;
    background: transparent;
}

.new-label {
    background: #00555A;
    padding: 5px;
    width: auto;
}







/* 12/7/18 - Maquetación Ofertas */


.product_list .price-percent-reduction {
    position: absolute;
    top: -17px;
    left: 13px;
    padding: 0px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    font-size: 14px;
}

.product_list .price-percent-reduction:before, .product_list .price-percent-reduction:after { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: transparent;
    border: 7px solid #d62148;
} 

.product_list .price-percent-reduction:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg); 
} 

.product_list .price-percent-reduction:after { 
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg); 
} 








/* GALAXIA TI */

#left_column {
    background-color: transparent;
    z-index: 99;
}

#columnuserinfo {
    width: 100%;
    margin-left: 0;
    float: none;
    padding-top: 35px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

#columnuserinfo > div {

}

#columnuserinfo .user-block {
    width: 50%;
}

#columnuserinfo #linkto-app {
    width: 25%;
}

#columnuserinfo .user-block {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0;
}

#columnuserinfo .avatar {
    position: relative;
}

#columnuserinfo .avatar img {
    width: 60px;
    height: 60px;
    margin-top: -22px;
}

#columnuserinfo .avatar .user-data-img img {
    min-width: 60px;
}

#columnuserinfo .avatar .user-data-edit img {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-top: 2px;
    margin-left: -1px;
    border: none;
    max-height: inherit;
}

#columnuserinfo .user-role {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: var(--blue);
    text-align: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    float: left;
}

#columnuserinfo .user-role a {
    color: var(--blue);
}

#columnuserinfo .user-role a:hover {
    color: var(--blue-hover);
}

#columnuserinfo .user-subtitle span {
    color: var(--grey);
}

#columnuserinfo .user-data-edit {
    position: absolute;
    top: -44px;
    left: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

#columnuserinfo .user-data-edit a {
    border: none;
    padding: 0;
}

#columnuserinfo .user-data-edit a i {
    border: 2px solid var(--white);
    border-radius: 50%;
    line-height: 35px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background-color: var(--blue);
}

#columnuserinfo .user-data-edit.user-name-edit {
    top: -9px;
    right: -30px;
    width: 30px;
    left: inherit;
}

#columnuserinfo .user-data {
    display: none;
    color: var(--black);
}

#columnuserinfo .user-info {
    padding-left: 15px;
    position: relative;
}

#columnuserinfo .user-data .name {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #4a4a4a;
}

#columnuserinfo .user-data .location {
    text-align: left;
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 4px;
}

#columnuserinfo .user-rating {
    margin-top: 4px;
}

#columnuserinfo .user-rating i {
    color: #aaa;
}

#columnuserinfo .user-rating i.active {
    color: var(--blue);
}

#columnuserinfo .user-rating img {
    max-height: 14px;
    width: auto;
}

#columnuserinfo .user-buttons {
    display: none;
    float: left;
}

#columnuserinfo .user-buttons a {
    display: flex;
    border: 1px solid var(--blue);
    border-radius: 5px;
    padding: 5px 10px;
    margin-right: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#columnuserinfo .user-buttons a span {
    color: var(--blue);
    font-size: 10px;
    padding-right: 10px;
    padding-left: 5px;
    line-height: 24px;
}

#columnuserinfo .user-buttons a img {
    width: 20px;
    height: 24px;
}

#columnuserinfo .user-buttons a:hover {
    background-color: #C078FF;
}


#columnuserinfo .points-block {
    display: flex;
    width: 30%;
    border-right: 1px solid #9B9B9B;
    padding: 0 20px;
}

#columnuserinfo .points-block > div {
    width: 33.333%;
}

#columnuserinfo .vendor-data span {
    color: var(--black);
}

#columnuserinfo .vendor-data .amount {
    width: 100%;
    color: var(--blue);
    font-size: 27px;
    float: left;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    font-weight: 900;
}

#columnuserinfo .vendor-data .amount.amount-size-7,
#columnuserinfo .vendor-data .amount.amount-size-8
 {
    font-size: 24px;
}

#columnuserinfo .vendor-data .amount.amount-size-9,
#columnuserinfo .vendor-data .amount.amount-size-10
 {
    font-size: 20px;
}

#columnuserinfo .vendor-data .total {
    float: right;
    color: #999;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    clear: both;
    width: 100%;
    text-align: center;
}

#columnuserinfo .vendor-button {
    border: none;
}

#columnuserinfo .ascore {
    width: 100%;
    float: none;
}

#columnuserinfo .vendor-sub-data span {
    color: var(--black);
}

#columnuserinfo .vendor-sub-data .amount {
    width: 100%;
    color: var(--blue);
    font-size: 27px;
    float: left;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    font-weight: 900;
}

#columnuserinfo .vendor-sub-data .total {
    float: right;
    color: #999;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    clear: both;
    width: 100%;
    text-align: center;
}

#columnuserinfo .vendor-buy-button i {
    color: var(--blue);
    font-size: 25px;
    line-height: 45px;
}

#columnuserinfo .vendor-buy-button .title {
    float: right;
    color: #999;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    clear: both;
    width: 100%;
    text-align: center;
}

#columnuserinfo .user-zone i {
    color: var(--blue);
    font-size: 25px;
    line-height: 45px;
}

#columnuserinfo .user-zone .title {
    float: right;
    color: #999;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    clear: both;
    width: 100%;
    text-align: center;
}

#columnuserinfo .user-search {
    padding: 2px 5px;
    border-radius: 15px;
    box-shadow: 0 0 5px #888;
}

#columnuserinfo .user-search #search_block_top {
    display: block;
    padding: 0;
}

#columnuserinfo .user-search #search_block_top h2,
#columnuserinfo .user-search #search_block_top .cclose {
    display: none !important;
}

#columnuserinfo .user-search #search_block_top form {
    display: flex;
    align-content: center;
    align-items: center;
}

#columnuserinfo .user-search #search_block_top #search_query_top {
    height: auto;
    border: none;
    box-shadow: none;
}

#columnuserinfo .user-search #search_block_top .button-search {
    position: relative;
    box-shadow: none;
    padding: 0;
}

#columnuserinfo #search_block_top .btn.button-search::before {
    color: #969696;
}

#columnuserinfo .user-links {
    display: flex;
    align-items: center;
    align-content: center;
    width: auto;
    border-right: none;
    padding: 2px 5px;
}

#columnuserinfo .user-links a {
    position: relative;
    text-align: center;
    width: 100%;
}

#columnuserinfo .user-links > div {
    display: flex;
    width: auto;
    line-height: 45px;
    margin-right: 5px;
    margin-left: 10px;
}

#columnuserinfo .user-links > div.lnk-user-close {
    margin-left: 40px;
}

#columnuserinfo .user-links-notification {
    position: absolute;
    top: 7px;
    right: -3px;
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: var(--red);
    border-radius: 50%;
    border: 2px solid var(--white);
    left: inherit;
}

#columnuserinfo .lnk-mensajero {
    position: relative;
    float: none;
    background: none;
    padding: 0;
    line-height: 56px;
    width: inherit;
    height: auto;
    text-align: center;
    padding: 0;
    margin-top: 0;
}

#columnuserinfo .lnk-mensajero i {
    color: var(--black);
    font-size: 25px;
}

#columnuserinfo .lnk-formacion {
    position: relative;
    float: none;
    background: none;
    padding: 0;
    line-height: 56px;
    width: inherit;
    height: auto;
    text-align: center;
    padding: 0;
    margin-top: 0;
}

#columnuserinfo .lnk-formacion i {
    color: var(--black);
    font-size: 25px;
}

#columnuserinfo .lnk-formacion img {

}

#columnuserinfo .menu-icon {
    width: 30px;
    height: auto;
    max-height: 25px;
}

#columnuserinfo .lnk-encuestas {
    position: relative;
    float: none;
    background: none;
    padding: 0;
    line-height: 56px;
    width: inherit;
    height: auto;
    text-align: center;
    padding: 0;
    margin-top: 0;
}

#columnuserinfo .lnk-encuestas img {
    max-height: 25px;
}












/* COLUMNUSERINFO PARTNER */

#columnuserinfo.partner .user-role {
    margin-top: 15px;
    margin-bottom: 10px;
}

#columnuserinfo.partner .vendor-data {
    padding: 9px 0;
}

#columnuserinfo.partner .title.moneytotal {
    color: #4a4a4a;
    text-align: center;
    font-weight: 300;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 10px;
}




/* MENU */

#block_top_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#block_top_menu ul li {
    width: 100%;
}

#search_box {
    display: none;
    position: absolute;
    top: 54px;
    right: 100px;
}

.sf-menu li.sf-search input {
    margin: 0;
}

#block_top_menu .menu-icon {
    width: 21px;
    height: auto;
    max-height: 20px;
}

#block_top_menu i {
    font-size: 20px;
}

#block_top_menu .sf-menu > li {
    position: relative;
    padding: 5px 15px;
    margin-bottom: 0;
    max-width: 60%;
    border-radius: 10px;
}

#block_top_menu .sf-menu > li:hover {
    background-color: var(--blue-grey);
}

#block_top_menu .sf-menu > li:after {
    content: '';
    background-image: url(../../img/viaje/chevron-right.svg);
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

#block_top_menu .sf-menu > li:hover:after {
    background-image: url(../../img/viaje/chevron-right-hover.svg);
}

#block_top_menu .sf-menu > li > a {
    text-transform: inherit;
    padding: 12px 7px;
    color: var(--grey);
    font-weight: bold;
    padding-left: 50px;
    letter-spacing: initial;
}

#block_top_menu .sf-menu > li > a:hover {
    color: var(--blue);
}

#block_top_menu .sf-menu > li.salir-button a {
    padding: 0 !important;
}

#block_top_menu .salir-button a img {
    max-height: inherit;
    height: 60px;
    width: auto;
}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    color: var(--white);
}

#block_top_menu .sf-menu > li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    transform: translateY(-50%);
}

#block_top_menu .sf-menu > li.menu-panel_de_control:before {
    background-image: url(../../img/viaje/catalogo.svg);
}

#block_top_menu .sf-menu > li.menu-catalogo:before {
    background-image: url(../../img/viaje/catalogo.svg);
}

#block_top_menu .sf-menu > li.menu-normas_de_vuelo:before {
    background-image: url(../../img/viaje/normas.svg);
}

#block_top_menu .sf-menu > li.menu-catalogo:before {
    background-image: url(../../img/viaje/catalogo.svg);
}

#block_top_menu .sf-menu > li.menu-normas_de_vuelo:before {
    background-image: url(../../img/viaje/normas.svg);
}

#block_top_menu .sf-menu > li.menu-catalogo:before {
    background-image: url(../../img/viaje/catalogo.svg);
}

#block_top_menu .sf-menu > li.menu-normas_de_vuelo:before {
    background-image: url(../../img/viaje/normas.svg);
}

#block_top_menu .sf-menu > li.menu-guias_de_viaje:before {
    background-image: url(../../img/viaje/guia.svg);
}

#block_top_menu .sf-menu > li.menu-mis_millas:before {
    background-image: url(../../img/viaje/millas.svg);
}

#block_top_menu .sf-menu > li.menu-torre_de_control:before {
    background-image: url(../../img/viaje/torre.svg);
}

#block_top_menu .sf-menu > li.menu-catalogo:hover:before {
    background-image: url(../../img/viaje/catalogo-hover.svg);
}

#block_top_menu .sf-menu > li.menu-panel_de_control:hover:before {
    background-image: url(../../img/viaje/catalogo-hover.svg);
}

#block_top_menu .sf-menu > li.menu-normas_de_vuelo:hover:before {
    background-image: url(../../img/viaje/normas-hover.svg);
}

#block_top_menu .sf-menu > li.menu-guias_de_viaje:hover:before {
    background-image: url(../../img/viaje/guia-hover.svg);
}

#block_top_menu .sf-menu > li.menu-mis_millas:hover:before {
    background-image: url(../../img/viaje/millas-hover.svg);
}

#block_top_menu .sf-menu > li.menu-torre_de_control:hover:before {
    background-image: url(../../img/viaje/torre-hover.svg);
}

#block_top_menu .sf-menu > li.menu-mensajero:before {
    background-image: url(../../img/viaje/ico-mensajes.svg);
}










/* ICONOS COLUMNA */

.col-icons-mobile {
    display: none !important;
}

.col-icons-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    float: left;
    width: 50%;
    transform: translateX(50%);
    margin-top: 30px;
}

#col_icons {
    text-align: center;
    margin-bottom: 30px;
}

#col_icons > img {
    margin-bottom: -30px;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-10deg);
    max-width: 45px;
}

#col_icons .col-icon-data {
    background-color: var(--blue-column);
    border-radius: 16px;
    text-align: center;
    padding: 50px 15px 30px;
}

#col_icons .col-icon-data .col-icon-name {
    font-size: 16px;
    font-weight: bold;
    color: var(--blue);
}

#col_icons .col-icon-data .col-icon-status {
    font-size: 16px;
    font-weight: bold;
    color: var(--red);
    text-transform: uppercase;
}

#col_icons .boton {
    width: 80%;
    margin-left: 10%;
    margin-top: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#col_icons .col-icon-data {
    background-color: var(--blue-column);
    border-radius: 16px;
    text-align: center;
    padding: 40px 15px 25px;
}

#col_millas {
    text-align: center;
}

#col_millas > img {
    margin-bottom: -30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 70px;
}

#col_millas .col-millas-data {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--blue-column);
    border-radius: 16px;
    text-align: center;
    padding: 40px 15px 5px;
}

#col_millas .col-millas-activas {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: var(--blue);
}

#col_millas .col-millas-value {
    width: 100%;
    font-size: 27px;
    font-weight: bold;
    color: var(--blue);
}

#col_millas .col-millas-value:hover {
    color: var(--red);
}















/* MI CUENTA */

#logo_info {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 50px auto;
}

#logo_info .logo {
    width: 35%;
}

#logo_info .logo img {
    width: 100%;
    height: auto;
}

#logo_info .home-info {
    width: 100%;
    text-align: center;
}

#logo_info .home-info h3 {
    color: var(--white);
}

#logo_info .home-info h3.home-info-1, #logo_info .home-info h3.home-info-2 {
    font-size: 28px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 5px;
} 

#logo_info .home-info h3.home-info-1{
    margin-top: 15px;
}

#logo_info .home-info h3.home-info-3, #logo_info .home-info h3.home-info-4 {
    font-family: 'lobster';
    font-size: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
} 

#logo_info .home-info h3.home-info-3 {
    margin-top: 30px;
}

#home_banners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 30px;
}

#home_banners .home-banner {
    width: 49%;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}

#home_banners .home-banner img {
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#home_banners .home-banner a:hover img {
    transform: scale(1.02);
}

#home_banners .home-banner.full-width-banner {
    width: 100%;
}







/* CONTACTO */

#contact .columns-container, #contact #columns {
    background: var(--blue-column);
}

#contact #contact_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#contact #contact_flex:before {
    display: none;
}

#contact #contact_banner {
    text-align: center;
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 30px;
}

#contact #contact_banner h3 {
    font-family: 'telegraf';
    font-size: 40px;
    line-height: 48px;
    color: var(--blue);
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 0;
}

#contact #contact_sub_banner {
    text-align: center;
    padding-top: 37px;
    padding-bottom: 37px;
    margin-bottom: 30px;
}

#contact #contact_sub_banner h3 {
    font-family: 'telegraf';
    font-size: 28px;
    line-height: 22px;
    color: var(--dark-grey);
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 0;
}

#contact .contact-ico {
    width: auto;
    max-height: 60px;
    max-width: 50px;
}

#contact #contact_flex h2 {
    font-weight: 300;
    text-align: left;
    text-transform: inherit;
    color: var(--blue);
    margin-top: 30px;
    margin-bottom: 30px;
}

#contact #contact_flex p {
    font-family: 'telegraf';
    font-weight: 300;
    font-size: 20px;
    color: var(--dark-grey);
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
}

#contact #contact_flex .desc_contact {
    color: var(--white);
}

#contact #att_cliente {
    width: 48.5%;
    padding: 30px 45px;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    background-color: var(--white);
}

#contact #att_cliente a {
    display: block;
    font-family: 'telegraf';
    font-weight: bold;
    font-size: 30px;
    color: var(--blue);
    margin-top: 30px;
}

#contact #att_horario {
    width: 48.5%;
    padding: 30px 45px;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    background-color: var(--white);
}

#contact #att_horario .horario-table table {
    width: 100%;
}

#contact #att_horario .horario-table table tr {
    border-bottom: 1px solid #d8d8d8;
}

#contact #att_horario .horario-table .horario-left {
    font-family: 'telegraf';
    font-weight: 300;
    font-size: 20px;
    vertical-align: top;
    padding: 15px 10px;
}

#contact #att_horario .horario-table .horario-right {
    font-family: 'telegraf';
    font-weight: 500;
    font-size: 24px;
    color: var(--dark-grey);
    text-align: right;
    padding: 15px 10px;
}

#contact #att_cerrado {
    width: 100%;
    margin-top:  30px;
    text-align: center;
    padding: 100px 30px;
    padding: 30px 45px;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    background-color: var(--white);
}

#contact #att_cerrado h2 {
    text-align: center;
    font-family: 'telegraf';
    font-weight: 300;
    color: var(--blue);
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: initial;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 42px;
}

#contact #att_cerrado p {
    line-height: 32px;
    display: block;
    text-align: center;
}

#contact #att_form {
    width: 100%;
    background-color: var(--blue);
    border-radius: 10px;
    padding: 50px 300px;
    margin-top: 50px;
    margin-bottom: 85px;
    font-size: 18px;
}

#contact #att_form h2 {
    text-transform: uppercase;
    color: var(--white);
    font-weight: bold;
    text-align: center;
}

#contact #att_form .att-form-img {
    text-align: center;
    margin-bottom: 15px;
    margin-right: 10px;
}

#contact #att_form img {
    width: 30px;
    height: auto;   
}

#contact #att_form a {
    display: block;
    text-align: left;
    margin-bottom: 35px;
    font-size: 20px;
}

#contact #att_form form input, #contact #att_form form select, #contact #att_form form textarea {
    text-align: left;
    font-size: 18px;
    color: var(--white);
    background-color: transparent !important;
    border-radius: 0;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    max-width: inherit;
    padding: 5px 0;
}

#contact #att_form form input::placeholder,
#contact #att_form form textarea::placeholder {
    color: var(--white);
}

#contact #att_form .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#contact #att_form .select select option {
    padding-left: 0;
}

#contact #att_form .select {
    position: relative;
    width: 100%;
}

#contact #att_form .select::after {
    content:"\f078 ";
    font-family: FontAwesome;
    color: var(--black);
    position: absolute; 
    right: 0; 
    top: 7px;
    color: var(--white);
    z-index: 1;
    width: auto;%;
    height: 100%;  
    pointer-events: none;  
}

#contact #att_form .product-selector label {
    color: var(--white);
    font-weight: normal;
    padding-left: 5px;
}

#contact #att_form form input, #contact #att_form form textarea {
    padding: 5px;
    margin-right: 10x;
}

#contact #att_form .submit {
    display: flex;
    justify-content: space-between;
}

#contact .contact-form-box .submit button {
    background-color: var(--white);
    width: 100%;
    max-height: 60px;
    margin-left: 5px;
}

#contact .contact-form-box .submit button span {
    font-family: 'telegraf';
    font-size: 16px;
    color: var(--blue);
    text-transform: inherit;
}

#contact .contact-form-box .submit button, #contact .contact-form-box .submit button:hover {

}





/* PLANETA GENERALES */

.clearfix {
    clear: both;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.planet-content {
    position: relative;
}


.planeta-title {
    font-family: 'telegraf';
    font-weight: 700;
    font-size: 26px;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;

}


/* MENU PLANETA */


#planeta_menu {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 0 7px rgba(0,0,0,0.16);
    background-color: var(--white);
    height: 60px;
    margin-top: -30px;
}

#planeta_menu ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
}

#planeta_menu ul li {
    line-height: 35px;
    position: relative;
    padding: 0 15px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#planeta_menu ul li a {
    font-family: 'telegraf';
    font-size: 20px;
    font-weight: 500;
    color: #d8d8d8;
}

#planeta_menu ul li:hover > a {
    color: var(--black);
}

#planeta_menu ul li.active {
    border-bottom: 2px solid var(--blue);
}

#planeta_menu ul li.active > a {
    color: var(--black);
}

#planeta_menu ul > li > ul {
    display: none;
    background-color: var(--white);
    float: left;
    padding: 0;
    position: absolute;
    z-index: 999;
    left: -30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#planeta_menu ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 20px 57px;
    border-bottom: 1px solid #d8d8d8;
}

#planeta_menu ul > li > ul > li:hover a {
    color: var(--blue);
}

#planeta_menu ul > li > ul > li a.selected {
    color: var(--blue);
}

#planeta_menu ul > li > ul > li:last-child {
    border-bottom: none;
}

#planeta_menu ul > li:hover > ul {
    display: block;
}





/* RANKING */

#planeta.ranking .ranking-banner img {
    margin: 0 auto;
}

#planeta.ranking .planet-content {
    background-image: url(../../img/galaxia/fondo_morado.jpg);
    background-size: contain;
}

#planeta.ranking .ranking-buttons {
    display: flex;
    justify-content: center;
}

#planeta.ranking .ranking-buttons a {
    padding: 3px 8px;
    background-color: var(--blue);
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
}

#planeta.ranking .ranking-buttons a:hover {
    color: var(--white);
    transform: scale(1.3);
}

#planeta.ranking table {
    width: 100%;
    font-family: 'telegraf';
    color: var(--white);
}

#planeta.ranking table thead:after {
    content: "";
    display: block;
    height: 28px;
    width: 100%;
}

#planeta.ranking table tr th {
    border-bottom: 2px solid var(--white);
    text-align: center;
}


#planeta.ranking table tr td {
    padding: 20px 17px;
}

#planeta.ranking table tr th:nth-child(2) {
    text-align: left;
}

#planeta.ranking table tr td:first-child {
    width: 180px;
    padding: 20px 17px;
}

#planeta.ranking table tr td:first-child span {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background-color: var(--blue);
    color:var(--white);
    padding: 3px 35px;
    border-radius: 10px;
}

#planeta.ranking table tr td:nth-child(2) {
    font-size: 18px;
    font-weight: 300;
}

#planeta.ranking table tr td:nth-child(2) span {
    font-weight: 700;
}

#planeta.ranking table tr td:nth-child(2) img {
    float: left;
    width: 50px;
    height: 50px;
    border: 2px solid var(--white);
    border-radius: 50%;
    margin-right: 30px;
}

#planeta.ranking table tr td:nth-child(3) {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

#planeta.ranking table tr:first-child td {
    background-color: var(--blue);
}

#planeta.ranking table tr:first-child td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#planeta.ranking table tr:first-child td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#planeta.ranking table tr:first-child td:first-child span {
    color: #9012fe;
    background-color: var(--white);
    padding: 9px 35px;
}

#planeta.ranking table tr:first-child td:nth-child(2) {
    font-size: 20px;
}

#planeta.ranking table tr:first-child td:nth-child(2) img {
    width: 60px;
    height: 60px;
}






/* FORMACION */

#planeta.formacion .formacion-help {
    color: var(--blue);
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

#planeta.formacion .formacion-help h4 {
    font-size: 16px;
    font-weight: 300;
}

#planeta.formacion .formacion-block {
    position: relative;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

#planeta.formacion .formacion-block:last-child {
    border-bottom: none;
}

#planeta.formacion .formacion-left {
    float: left;
    padding-top: 25px;
    padding-bottom: 80px;
}

#planeta.formacion .formacion-left h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 40px;
    color: var(--blue);
    text-align: left;
}

#planeta.formacion .formacion-left .formacion-text {
    font-size: 20px;
    font-weight: 300;
    color: #4a4a4a;
}

#planeta.formacion .formacion-buttons {
    position: absolute;
    bottom: 20px;
    left: 15px;
    display: flex;
    
}

#planeta.formacion .formacion-buttons a,
#planeta.formacion .formacion-buttons span {
    display: inline-block;
    background-color: var(--blue);
    color: var(--white);
    padding: 15px 10px;
    margin-right: 10px;
    border-radius: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#planeta.formacion .formacion-buttons a:hover {
    background-color: var(--blue-hover);
}

#planeta.formacion .formacion-buttons span.formacion-aprobada {
    background-color: #71CFA0;
}

#planeta.formacion .formacion-buttons span.formacion-no-aprobada {
    background-color: #C2717D;
}

#planeta.formacion .formacion-buttons a.formacion-ver,
#planeta.formacion .formacion-buttons a.formacion-test-btn,
#planeta.formacion .formacion-buttons span.formacion-aprobada,
#planeta.formacion .formacion-buttons span.formacion-no-aprobada,
#planeta.formacion .formacion-buttons span.formacion-puntos-text {
    margin-bottom: 10px;
}

#planeta.formacion .formacion-buttons span.formacion-aprobada-text {
    background-color: #71CFA0;
}

#planeta.formacion .formacion-buttons span.formacion-no-aprobada-text {
    background-color: #C2717D;
}

#planeta.formacion .formacion-buttons i {
    font-size: 30px;
    vertical-align: sub;
    padding-right: 5px;
}

#planeta.formacion .formacion-right {
    float: right;
    padding-top: 25px;
}

#planeta.formacion .formacion-right img {
    margin-bottom: 15px;
    max-width: 200px;
    float: right;
    margin-top: 0;
}

#planeta.formacion .formacion-skills {
    position: absolute;
    right: 15px;
    bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 2px solid var(--blue);
    border-radius: 10px;
    padding: 10px;
    min-width: 280px;
}

#planeta.formacion .formacion-skill {
    position: relative;
    width: 49%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

#planeta.formacion .formacion-skill i {
    position: absolute;
    left: 0;
    color: var(--blue);
    margin-top: -2px;
    font-size: 20px;
    left: 15px;
}

#planeta.formacion .formacion-skill span {
    width: 100%;
    float: left;
    text-align: right;
    border-bottom: 1px solid var(--blue); 
    color: var(--blue);
}

#planeta.formacion .formacion-skill:nth-child(1),
#planeta.formacion .formacion-skill:nth-child(2) {
    margin-bottom: 10px;
}

#planeta.formacion .formacion-skill .skill-info {
    position: absolute;
    width: auto;
    border-bottom: none;
    width: 100%;
    right: 15px;
    bottom: -4px;
    font-size: 10px;
}







#planeta.formacion .formacion-content {
    position: relative;
}

#planeta.formacion .formacion-content img.formacion-bg {
    position: absolute;
    top: -30px;
    z-index: -1;
}

#planeta.formacion .formacion-sub-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

#planeta.formacion .formacion-sub-content h2 {
    font-family: 'telegraf';
    font-weight: 300;
    font-size: 50px;
    color: var(--blue);
}

#planeta.formacion .formacion-sub-content p {
    font-family: 'telegraf';
    font-weight: 300;
    font-size: 20px;
    color: #4a4a4a;
}

#planeta.formacion .formacion-sub-content .formacion-button {
    display: inline-block;
    text-align: center;
    background-color: var(--blue);
    font-family: 'telegraf';
    color: var(--white);
    font-size: 18px;
    padding: 11px 62px;
    margin-top: 100px;
    margin-bottom: 100px;
}












/* FORMACION TODAS */


#planeta.formacion-all .formacion-banner {
    text-align: center;
    background-color: var(--blue);
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 25px;

}


#planeta.formacion-all .formacion-banner h3 {
    font-family: 'telegraf';
    font-size: 40px;
    color: var(--white);
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}










/* FORMACION TRAINING */

#planeta.formacion-training #mensajero_banner h3 {
    font-weight: 700;
}

#planeta.formacion-training .formacion-back {
    background-color: var(--blue);
    padding: 15px 20px;
    color: var(--white);
    margin-bottom: 50px;
    border-radius: 5px;
}

#planeta.formacion-training .formacion-logo img {
    max-height: 60px;
    width: auto;
    float: right;
}

#planeta.formacion-training h5 {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    color: var(--blue);
}

#planeta.formacion-training .formacion-desc p {
    font-size: 20px;
    font-weight: 300;
    color: #4a4a4a;
}

#planeta.formacion-training iframe {
    border-radius: 15px;
    box-shadow: 0 0 5px #444;
}

#planeta.formacion-training .pdf-object {
    padding-left: 0;
    padding-right: 0;
    min-height: 200px;
}

#planeta.formacion-training .pdf-object object {
    border-radius: 15px;
    box-shadow: 0 0 5px #444;
}


#planeta.formacion-training .pdf-object,
#planeta.formacion-training .video-formation {
    margin-bottom: 30px;
}

#planeta.formacion-training input[type="submit"] {
    background-color: var(--blue);
    padding: 15px 20px;
    color: var(--white);
    margin-bottom: 50px;
    border-radius: 5px;
}

#planeta.formacion-training .formacion-actions input {
    margin-left: 5px;
    margin-right: 5px;
}

#planeta.formacion-training .formacion-actions input:hover {
    background-color: var(--blue-hover);
    transform: scale(1.05);
}

#planeta.formacion-training .formacion-actions {
    display: flex;
    justify-content: center;
}







/* FORMACION TEST */


#planeta.formacion-test .formacion-back {
    background-color: var(--blue);
    padding: 15px 20px;
    color: var(--white);
    margin-bottom: 50px;
    border-radius: 5px;
}

#planeta.formacion-test .bloque {
    margin-bottom: 15px;
}

#planeta.formacion-test .pregunta {
    background-color: #9019fe;
    padding: 10px;
    color: var(--white);
    font-size: 18px;
    border-radius: 5px;
}

#planeta.formacion-test .respuesta {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 30px;
}

#planeta.formacion-test .bloque .respuesta:last-child {
    border-bottom: none;
}

#planeta.formacion-test .respuesta input {
    vertical-align: text-bottom;
    margin-right: 10px;
    margin-top: 1px;
    float: left;
}

#planeta.formacion-test .respuesta label {
    display: inline-block;
    float: left;
    width: 90%;
}

#planeta.formacion-test input[type="submit"] {
    background-color: var(--blue);
    padding: 15px 20px;
    color: var(--white);
    margin-bottom: 50px;
    border-radius: 5px;
}

#planeta.formacion-test input[type="submit"]:hover {
    background-color: var(--blue-hover);
    transform: scale(1.1);
}













/* FORMACION RESULTADOS */

#planeta.formacion-results .formacion-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 40px;
    color: var(--blue);
    text-align: center;
}

#planeta.formacion-results .formacion-back.button{
    background-color: var(--blue);
    padding: 15px 20px;
    color: var(--white);
    margin-bottom: 15px;
    border-radius: 5px;
}
    

#planeta.formacion-results .formacion-results-explain {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

#planeta.formacion-results .formacion-results-explain .explain-box {
    display: block;
    width: 100%;    
    text-align: center;
    font-size: 12px;
}

#planeta.formacion-results .formacion-results-explain .explain-box span {
    display: block;
    width: 60%;
    margin: 0 auto;
    height: 25px;
    border-radius: 3px;
}

#planeta.formacion-results .formacion-results-explain .explain-box .explain-verde {
    background-color: #70BD70;
}

#planeta.formacion-results .formacion-results-explain .explain-box .explain-rojo {
    background-color: #EA8888;
}

#planeta.formacion-results .formacion-results-explain .explain-box .explain-azul {
    background-color: #4AA8DD;
}

#planeta.formacion-results .bloque {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 10px;
    overflow: hidden;
}

#planeta.formacion-results .pregunta {
    background-color: #9019fe;
    padding: 10px;
    color: var(--white);
    font-size: 18px;
    border-radius: 5px;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#planeta.formacion-results .respuesta {
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
    background-color: #F1F1F1;
}

#planeta.formacion-results .respuesta:last-child {
    border-bottom: 0;
} 

#planeta.formacion-results .respuesta > p {
    padding: 5px;
    margin-bottom: 0;
}

#planeta.formacion-results .respuesta .verde {
    background-color: #70BD70;
}

#planeta.formacion-results .respuesta .rojo {
    background-color: #EA8888;
}

#planeta.formacion-results .respuesta .azul {
    background-color: #4AA8DD;
}





/* FUNCIONAMIENTO */

.cms_style .planeta-title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4a4a4a;
    font-size: 42px;
    text-transform: inherit;
}

.cms_style .planet-content .container {
    position: relative;
    z-index: 99;
}

.cms_style .funcionamiento-content {
    margin-top: -30px;
}

.cms_style .funcionamiento-content img.funcionamiento-bg {
    position: absolute;
    top: -135px;
    z-index: -1;
}

.cms_style .funcionamiento-content img.funcionamiento-bg-2 {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: -1;
}

.cms_style .funcionamiento-block {
    position: relative;
    min-height: 350px;
}

.cms_style .funcionamiento-container {
    max-width: 800px;
    margin: 25px auto 0;
    padding-bottom: 60px;
    clear: both;
}

.cms_style .funcionamiento-block:nth-child(odd) {
    padding-top: 25px;
    background-color: #f8f0fe;
}

.cms_style .funcionamiento-block:last-child {
    padding-bottom: 30px;
}

.cms_style .funcionamiento-container > div > span {
    line-height: 163px;
    font-family: 'telegraf';
    font-size: 28px;
    color: #9b9b9b;
    text-transform: uppercase;
    margin-left: 15px;
    margin-right: 15px;
}

.cms_style .sub-block-left {
    position: relative;
}

.cms_style .meteorito-info {
    position: relative;
    float: left;
    width: 250px;
}

.cms_style .meteorito-info img {
    width: 235px;
}

.cms_style .meteorito-info span:nth-child(2) {
    position: absolute;
    width: 50%;
    left: 36%;
    top: 20%;
    font-family: 'telegraf';
    font-weight: 700;
    color: var(--white);
    font-size: 51px;
    text-align: center;
}

.cms_style .sub-block-right .meteorito-info span:nth-child(2) {
    top: 13%;
}

.cms_style .meteorito-info span:nth-child(3) {
    position: absolute;
    width: 50%;
    left: 36%;
    top: 55%;
    color: var(--white);
    text-align: center;
    font-size: 16px;
}

.cms_style .sub-block-right {
    position: relative;
    margin-top: -50px;
    display: flow-root;
}

.cms_style .sub-block-right > span {
    float: right;
}

.cms_style .sub-block-right .meteorito-info {
    position: relative;
    float: right;
    width: 250px;
    text-align: right;
}

.cms_style .sub-block-right .meteorito-info img {
    width: 250px;
    margin-left: 15px;
    transform: rotate(15deg);
}

.cms_style .sub-block-right .meteorito-info span:nth-child(2) {
    left: inherit;
    right: 36%;
}

.cms_style .sub-block-right .meteorito-info span:nth-child(3) {
    left: inherit;
    right: 36%;
    top: 50%;
}

.cms_style .sub-block-left > img {
    position: absolute;
    width: 67px;
    height: auto;
    left: 35px;
    top: 190px;
}

.cms_style .sub-block-right > img {
    position: absolute;
    width: 67px;
    height: auto;
    right: 35px;
    top: 160px;
}

.cms_style .funcionamiento-info h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4a4a4a;
    font-size: 42px;
    text-transform: inherit;
    font-weight: 700;
    text-align: center;
}

.cms_style .funcionamiento-info h3 {
    font-size: 20px;
    color: var(--blue);
    text-align: center;
}

.cms_style .funcionamiento-info h5 {
    font-size: 18px;
    color: var(--blue);
    font-weight: 300;
    text-align: center;
}

.cms_style .distribuidor-content .funcionamiento-block {
    padding-bottom: 30px;
}

.cms_style .distribuidor-content .sub-block-right {
    margin-top: 0;
}

.cms_style .distribuidor-content .meteorito-info {
    float: none;
    width: inherit;
    text-align: center;
}

.cms_style .distribuidor-content .meteorito-info span:nth-child(2) {
    width: 200px;
    left: 42%;
}

.cms_style .distribuidor-content .meteorito-info span:nth-child(3) {
    width: auto;
    left: 50%;
}

.cms_style .distribuidor-content .sub-block-left > img {
    left: 30%;
    top: 105%;
}

.cms_style .distribuidor-content .sub-block-right > img {
    right: 30%;
    top: 100%;
}

.cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-value {
    left: 33%;
}

.cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-type {
    left: 41%;
    right: inherit;
}

.cms_style .distribuidor-content .funcionamiento-info {
    padding-top: 110px;
}










/* PREMIOS */


#planeta.premio .premio-content {
    margin-top: -30px;
}

#planeta.premio .planet-content > div.container {
    position: relative;
}

#planeta.premio .premio-block {
    padding-bottom: 50px;
}

#planeta.premio .premio-block > div > h3 {
    text-align: center;
    font-family: 'telegraf';
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 65px;
    margin-bottom: 50px;
}

#planeta.premio .premio-block > div > h3 span {
    /*font-size: 28px;*/
}

#planeta.premio .premio-block .premio-foto {
    float: left;
    width: 50%;
}

#planeta.premio .premio-block .premio-foto img,
#planeta.premio .premio-block.premio-foto-right img,
#planeta.premio .premio-block.premio-foto-left img {
    max-width: 100%;
    height: auto;
}

#planeta.premio .premio-block .premio-info {
    float: right;
    width: 44%;
}

#planeta.premio .premio-block .premio-info h2 {
    font-family: 'telegraf';
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    color: var(--blue);
}

#planeta.premio .premio-block .premio-info h4 {
    font-family: 'telegraf';
    font-size: 20px;
    font-weight: 300;
    color: #4A4A4A;
    margin-top: 16px;
    margin-bottom: 0;
}

#planeta.premio .premio-block .premio-button {
    display: inline-block;
    text-align: center;
    background-color: var(--blue);
    font-family: 'telegraf';
    color: var(--white);
    font-size: 18px;
    padding: 11px 62px;
    margin-top: 66px;
}

#planeta.premio .premio-block .premio-ranking-link {    
    display: block;
    font-family: 'telegraf';
    font-size: 18px;
    font-weight: 300;
    color: var(--blue);
    margin-top: 44px;
}

#planeta.premio .premio-block.premio-foto-left {
    background-color: #f8f0fe;
}

#planeta.premio .premio-block.premio-foto-right .premio-foto {
    float: right;
}

#planeta.premio .premio-block.premio-foro-right .premio-info {
    float: left;
}

#planeta.premio .premio-last-block {
    font-family: 'telegraf';
    font-size: 18px;
    font-weight: 300;
    color: var(--blue);
    background-color: #f8f0fe;
    text-align: center;
    padding-top: 67px;
    padding-bottom: 67px;
}






/* PREMIO DETALLE */

#planeta .premio_detalle {
    clear: both;
    width: 100%;
    text-align: center;
    display: none;
}

#planeta .premio_detalle .premio-detalle-foto img {
    margin: 0 auto;
}

#planeta .premio_detalle .premio-detalle-data h2 {
    font-family: 'telegraf';
    font-size: 18px;
    font-weight: 300;
    color: var(--blue);
    text-align: center;
    font-size: 50px;
}

#planeta .premio_detalle .premio-detalle-data p {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    font-family: 'telegraf';
    font-size: 24px;
    font-weight: 300;
}

#planeta .premio_detalle .premio-block > div > h3 {
    text-align: center;
    font-family: 'telegraf';
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 65px;
    margin-bottom: 50px;
}

#planeta .premio_detalle .premio-block .premio-foto img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#planeta .premio_detalle .premio-block .premio-info {
    max-width: 535px;
    margin: 0 auto;
    text-align: center;
}

#planeta .premio_detalle .premio-block .premio-info h2 {
    font-family: 'telegraf';
    font-size: 40px;
    font-weight: 300;
    color: var(--blue);
    margin-top: 65px;
    margin-bottom: 35px;
}

#planeta .premio_detalle .premio-block .premio-info p {
    font-family: 'telegraf';
    font-size: 20px;
    font-weight: 300;
    color: #4A4A4A;
    margin-bottom: 60px;
}

#planeta .premio_detalle .premio-block.premio-detalle-info {
    padding-top: 50px;
    padding-bottom: 50px;
}

#planeta .premio_detalle .premio-block.premio-detalle-info > div {
    text-align: center;
    max-width: 535px;
    margin: 0 auto;
}

#planeta .premio_detalle .premio-block.premio-detalle-info > div > h3 {
    margin-top: 0;
    color: var(--blue);
    font-size: 23px;
}

#planeta .premio_detalle .premio-block.premio-detalle-info ul {
    text-align: left;
}

#planeta .premio_detalle .premio-block.premio-detalle-info ul li {
    position: relative;
    padding-left: 45px;
    padding-bottom: 40px;
    font-family: 'telegraf';
    font-size: 20px;
}

#planeta .premio_detalle .premio-block.premio-detalle-info ul li:before {
    content: "\f192";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--blue);
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
}








/* INFORMACION */


#planeta.informacion .premio-content {
    margin-top: -30px;
}

#planeta.informacion .planet-content > div.container {
    position: relative;
}

#planeta.informacion .premio-block {
    padding-bottom: 50px;
}

#planeta.informacion .premio-block > div > h3 {
    text-align: center;
    font-family: 'telegraf';
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 65px;
    margin-bottom: 50px;
}

#planeta.informacion .premio-block > div > h3 span {
    /*font-size: 28px;*/
}

#planeta.informacion .premio-block .premio-foto {
    float: left;
    width: 50%;
}

#planeta.informacion .premio-block .premio-foto img,
#planeta.informacion .premio-block.premio-foto-right img,
#planeta.informacion .premio-block.premio-foto-left img {
    max-width: 100%;
    height: auto;
}

#planeta.informacion .premio-block .premio-info {
    float: right;
    width: 44%;
}

#planeta.informacion .premio-block .premio-info h2 {
    font-family: 'telegraf';
    font-size: 40px;
    line-height: 48px;
    font-weight: 300;
    color: var(--blue);
}

#planeta.informacion .premio-block .premio-info h4 {
    font-family: 'telegraf';
    font-size: 20px;
    font-weight: 300;
    color: #4A4A4A;
    margin-top: 16px;
    margin-bottom: 0;
}

#planeta.informacion .premio-block .premio-button {
    display: inline-block;
    text-align: center;
    background-color: var(--blue);
    font-family: 'telegraf';
    color: var(--white);
    font-size: 18px;
    padding: 11px 62px;
    margin-top: 66px;
}

#planeta.informacion .premio-block .premio-ranking-link {    
    display: block;
    font-family: 'telegraf';
    font-size: 18px;
    font-weight: 300;
    color: var(--blue);
    margin-top: 44px;
}

#planeta.informacion .premio-block.premio-foto-left {
    background-color: #f8f0fe;
}

#planeta.informacion .premio-block.premio-foto-right .premio-foto {
    float: right;
}

#planeta.informacion .premio-block.premio-foro-right .premio-info {
    float: left;
}

#planeta.informacion .premio-last-block {
    font-family: 'telegraf';
    font-size: 18px;
    font-weight: 300;
    color: var(--blue);
    background-color: #f8f0fe;
    text-align: center;
    padding-top: 67px;
    padding-bottom: 67px;
}





















/* CATÁLOGO */

.catalogo-banner {
    position: relative;
}

#catalogo {
    position: relative;
    padding-top: 50px;
}

#catalogo .content_scene_cat {
    display: none;
}

#catalogo_menu {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 0 7px rgba(0,0,0,0.16);
    background-color: var(--white);
    height: 60px;
    margin-top: -30px;
}

#catalogo_menu ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
}

#catalogo_menu ul li {
    line-height: 35px;
    position: relative;
    padding: 0 15px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#catalogo_menu ul li a {
    font-family: 'telegraf';
    font-size: 20px;
    font-weight: 500;
    color: #d8d8d8;
}

#catalogo_menu ul li:hover > a {
    color: var(--black);
}

#catalogo_menu ul li.active {
    border-bottom: 2px solid var(--blue);
}

#catalogo_menu ul li.active > a {
    color: var(--black);
}

#catalogo ul li:nth-child(odd) .left-block {
    float: left;
    width: 49%
}

#catalogo ul li:nth-child(odd) .right-block {
    float: right;
    width: 49%;
}

#catalogo ul li:nth-child(even) .left-block {
    float: right;
    width: 49%
}

#catalogo ul li:nth-child(even) .right-block {
    float: left;
    width: 49%;
}

#catalogo ul.product_list.grid > li .product-container {
    overflow: visible;
    border-bottom: 1px solid #d4d4d4;
    padding: 15px;
    float: left;
    width: 100%;
}

#catalogo .product-image-container h5 {
    background-color: transparent;
    min-height: inherit;
}

#catalogo .right-block h5 {
    margin-top: 25px;
    margin-bottom: 40px;
}

#catalogo .right-block h5 a {
    font-family: 'telegraf';
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    color: var(--blue);
}

#catalogo .right-block span.product-price {
    font-family: 'telegraf';
    font-size: 16px;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 20px;
    display: block;
}

#catalogo .right-block span.product-price.old-price {
    font-size: 13px;
    margin-right: 0;
    margin-top: -15px;
}

#catalogo .right-block a.more-info-button {
    font-family: 'telegraf';
    background-color: var(--blue);
    color: var(--white);
    padding: 10px 25px;
}

#catalogo .right-block .button-container {
    display: block;
    position: relative;
    bottom: inherit;
    left: inherit;
    right: inherit;
    margin-bottom: 20px;
}

#catalogo .right-block .button-container .ajax_add_to_cart_button {
    border-radius: 0;
    background: var(--blue);
    color: var(--white);
    width: auto;
    border: 0;
    border-radius: 10px;
}

#catalogo .right-block .button-container .ajax_add_to_cart_button span {
    width: auto;
    background: var(--blue);
    border: 0;
    border-radius: 10px;
}

#catalogo .right-block .button-container .ajax_add_to_cart_button span:hover {
    background-color: var(--blue-button-hover);
}



#catalogo ul.product_list.grid > li .product-container .product-image-container {
    overflow: visible;
    box-shadow: none;
}

#catalogo ul.product_list .product-image-container img {
    width: 100%;
    height: auto;
}

.top-pagination-content ul.pagination li.active > span span, .bottom-pagination-content ul.pagination li.active > span span {
    border-radius: 3px;
    background-color: #B892D8;
}

.top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span {
    border-radius: 3px;
    background-color: var(--blue);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.top-pagination-content ul.pagination li > a:hover span, .bottom-pagination-content ul.pagination li > a:hover span {
    border-radius: 3px;
    background-color: #B892D8;
}

#catalogo .product-labels {
    position: absolute;
    top: -30px;
    right: 0;
    margin-left: 0;
}

#catalogo .new-box, #catalogo .sale-box {
    position: relative;
    margin-right: 0;
    margin-left: 5px;
    display: inline-block;
    height: auto;
    top: initial;
    right: 0;
    width: auto;
}

#catalogo .new-box {
    left: inherit;
    right: 0;
    width: 66px;
}

#catalogo .new-label {
    padding: 6px;
    background-color: #7FE39D;
    text-transform: capitalize;
    position: relative;
    top: initial;
    left: initial;
    border-radius: 5px;
}

#catalogo .sale-label {
    width: 82px;
    background-color: #da798e;
    text-transform: capitalize;
    position: relative;
    top: initial;
    left: initial;
    border-radius: 5px;
}



/* CATÁLOGO COLUMNA */

#catalogo .catalogo-column > div {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
}

.block .title_block, .block h4 {
    font-family: 'telegraf';
    font-weight: normal;
}

.block .title_block, .block h4, .block .title_block a, .block h4 a {
    color: var(--blue);
}

#layered_block_left, #new-products_block_right, #special_block_right, 
#stores_block_left, #viewed-products_block_left, #best-sellers_block_right,
#categories_block_left, #manufacturers_block_left, #suppliers_block_left, 
#layered_block_left #tags_block_left {
    clear: both;
    border-top: 2px solid #999999;
    padding: 0;
}

.block .title_block, .block h4 {
    padding: 12px 5px 7px 0;
    text-align: left;
}

.catalogo-column .shopping_cart .cart-button {
    display: none;
}

.catalogo-column .shopping_cart dl {
    margin-bottom: 0;
}

.catalogo-column .shopping_cart dt {
    padding: 5px 0;
}

.cart_block .cart-buttons a#button_order_cart {
    border-radius: 10px;
    overflow: hidden;
}

.catalogo-column .cart_block .cart-info .quantity-formated {
    font-family: 'telegraf';
    font-weight: normal;
    color: var(--blue) !important;
}

.catalogo-column .cart_block .cart-info .product-name {
    margin-top: 0;
    padding-bottom: 0;
    line-height: 15px;
}

.catalogo-column .cart_block .cart-info .product-name a {
    font-family: 'telegraf';
    font-weight: normal;
    color: var(--blue) !important;
}

.catalogo-column .cart_block .cart-info .price {
    margin-top: -5px;
    font-size: 10px;
}

.catalogo-column .shopping_cart .cart-images img {
    width: 30px;
    height: auto;
}

.catalogo-column .cart_block .cart_block_list .remove_link {
    top: 5px;
}

.catalogo-column .cart_block .cart_block_list .remove_link a, .catalogo-column .cart_block .cart_block_list .ajax_cart_block_remove_link {
    color: var(--blue);
}

.catalogo-column .cart_block .cart_block_list .remove_link a:hover, .catalogo-column .cart_block .cart_block_list .ajax_cart_block_remove_link:hover {
    color: #B27BE3;
}

.catalogo-column .cart_block .cart-prices {
    padding: 5px;
    border: none;
    background-color: #f8f8f8;    
}

.catalogo-column .cart_block .cart-prices span:not(.cart-block_total) {
    color: var(--blue);
}

.catalogo-column .cart_block .cart-buttons {
    background: transparent;
}

.catalogo-column .cart_block .cart-buttons a#button_order_cart span {
    border: none;
    background: var(--blue);
    font-family: 'telegraf';
    font-weight: normal;
}

.catalogo-column .cart_block .cart-buttons a#button_order_cart span:hover {
    background: var(--blue-button-hover);
}

.catalogo-column .cart_block .cart_block_no_products {
    border-top: none;
    padding: 0;
    text-align: center;
}

.catalogo-column #layered_block_left {
    position: relative;
    width: 100%;
    left: 0;
    text-align: center;
    margin-top:  0 !important;
    padding: 0;
    padding-top: 20px;
}

.catalogo-column #layered_block_left ul {
    float: none;
}

.catalogo-column #layered_form div div ul {
    overflow-x: hidden;
}

.catalogo-column #layered_block_left .layered_slider_container {
    margin: 0 8px;
    width: 93%;
}

.catalogo-column #new-products_block_right ul li h5 {
    margin: 0;
    min-height: 36px;
}

.catalogo-column #new-products_block_right ul li a {
    border: none;
    text-align: center;
    width: 100%;
    font-family: 'telegraf';
    font-weight: normal;
    color: var(--blue);
}

.catalogo-column #new-products_block_right ul li a img {
    margin: 0 auto;
}

.catalogo-column #new-products_block_right ul li .product-content {
    text-align: center;
    width: 100%;
}

.catalogo-column #new-products_block_right .all-new-products span:hover {
    background-color: var(--blue);
}

.catalogo-column #best-sellers_block_right.block .products-block li .products-block-image {
    border: none;
}

.catalogo-column #best-sellers_block_right.block .button span:hover {
    background-color: var(--blue);
}

.catalogo-column #special_block_right a {
    border: none;
    font-family: 'telegraf';
    font-weight: normal;
}

.catalogo-column #special_block_right .product-content .price-percent-reduction {
    bottom: 25px;
    right: 97px;
}

.catalogo-column #special_block_right .button span:hover {
    background-color: var(--blue);
}









/* LAYER CART */

#layer_cart {
    width: 46%;
}


#layer_cart .layer_cart_product h2 {
    color: var(--blue);
}

#layer_cart .layer_cart_product .product-image-container {
    border: none;
}

#layer_cart .layer_cart_product .layer_cart_product_info {
    padding: 30px 0 0 0 ;
}

#layer_cart .layer_cart_product .layer_cart_product_info * {
    font-family: 'telegraf';
    font-weight: normal;
    font-weight: 300;
}

#qqty {
    color: var(--blue);
}

#layer_cart .button-container .button.exclusive-medium {
    box-shadow: inherit !important;
}

#layer_cart .layer_cart_cart .button-container span.exclusive-medium {
    border-radius: 10px;
}

#layer_cart .button-container .button.exclusive-medium span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    border: none;
    text-shadow: none;
    line-height: 21px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 10px;
}

#layer_cart .button-container .button.exclusive-medium span i {
    color: #ccc
}

#layer_cart .button-container .button.button-medium span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    border: none;
    text-shadow: none;
    line-height: 21px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#layer_cart .button-container .button..button-medium span i {
    color: #ccc
}



/* PRODUCTO */

#product #center_column {
    position: relative;
    padding-top: 50px;
}

#product h1 {
    font-family: 'telegraf';
    font-weight: 300;
    color: var(--blue); 
    margin-top: 0;
    margin-bottom: 15px;
}

#product .pb-left-column {
    border-right: 2px solid #999;
}

#product .pb-center-column #short_description_block #short_description_content {
    padding-bottom: 0;
}

#product .pb-center-column #short_description_block #short_description_content p {
    color: #4a4a4a;
    font-size: 20px;
    margin-bottom: 5px;
}

#product .content_prices {
    position: relative;
    background-color: transparent;
    width: auto;
    padding: 10px 0;
}

#product #product_reference label, #product #product_reference span {
    font-weight: 300;
}

#product .our_price_display {
    color: #4a4a4a;
    font-weight: normal;
}

#product #old_price {
    font-size: 14px;
}

#product #reduction_percent {
    font-size: 14px;
}

#product .product_attributes {
    width: 100%;
    background-color: transparent;
}

#product #buy_block label {
    float: left;
    width: auto;
    padding-right: 5px;
    line-height: 22px;
}

#product #quantity_wanted_p .btn {
    margin-right: 3px;
}

#product #quantity_wanted_p input {
    text-align: center;
}

#product .box-cart-bottom {
    width: 100%;
    background-color: transparent;
    padding-top: 0px;
}

#product .box-info-product .exclusive {
    background-color: var(--blue);
    border: none;
    padding: 0 15px;
    border-radius: 10px;
    overflow: hidden;
}

#product .box-info-product .exclusive:hover {
    background-color: var(--blue-button-hover);
}

#product .box-info-product .exclusive::before {
    top: -1px;
    left: 15px;
}

#product .box-info-product .exclusive:hover::before {
    top: -1px;
    left: 15px;
}

#product .box-info-product .exclusive span {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 12px 6px 14px 40px !important;
}

#product .page-product-box {
    padding: 30px 15px 0;
}

#product h3.page-product-heading {
    border: none;
    font-family: 'telegraf';
    font-weight: 300;
    color: var(--blue);
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
}

#product .product-labels {
    position: absolute;
    top: -30px;
    left: -5px;
    margin-left: 0;
}

#product .pb-left-column #image-block .new-box, #product .pb-left-column #image-block .sale-box {
    position: relative;
    margin-right: 0;
    margin-left: 5px;
    display: inline-block;
    height: auto;
    top: initial;
    right: 0;
    width: auto;
}

#product .pb-left-column #image-block .new-box {
    left: inherit;
    right: 0;
    width: 66px;
}

#product .pb-left-column #image-block .new-label {
    padding: 6px;
    background-color: #7FE39D;
    text-transform: capitalize;
    position: relative;
    top: initial;
    left: initial;
}

#product .pb-left-column #image-block .sale-label {
    width: 82px;
    background-color: #da798e;
    text-transform: capitalize;
    position: relative;
    top: initial;
    left: initial;
}

#product .pb-left-column #image-block #view_full_size .span_link {
    bottom: -30px;
    color: var(--blue);
}







/* PRODUCTOS MISMA CATEGORÍA */

#product .blockproductscategory h2 {
    font-family: 'telegraf';    
}

#product .blockproductscategory ul {
    padding: 0;
}

#product .blockproductscategory p {
    min-height: 30px;
    margin-bottom: 0;
    display: table;
    width: 100%;
    height: 30px;
    text-align: center;
}

#product #productscategory_list .product_name a {
    display: block;
    line-height: 15px;
    min-height: inherit;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: var(--blue);
}

#product #productscategory_list .price_display {
    width: 100%;
}

#product #productscategory_list .price_display span {
    display: table-cell;
    vertical-align: middle;
    background-color: var(--blue);
}

#product #productscategory_list ul li {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#product #productscategory_list ul li:hover {
    transform: scale(1.1);
}











/* DATOS PERSONALES */

.my-account-titles {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.my-account-titles a {
    color: var(--blue);
    margin-left: 30px;
    margin-right: 30px;
    font-size: 14px;
    font-weight: normal;
}

.my-account-titles h1 {
    margin-top: 0;
    margin-bottom: 0;
}


#identity #center_column {
    background-color: transparent;
}

#identity h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
    border-bottom: none;
}

#identity .form-block {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding-top: 25px;
    padding-bottom: 25px;
}

#identity form input[type=text], #identity form input[type=email],
#identity form input[type=password] {
    --webkit-appearance: none;
    border: none;
    border-bottom: 1px solid #9b9b9b;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}

#identity .form-group .form-control {
    max-width: inherit !important;
}

#identity form label {
    display: none;
}

#identity form .identity-text {
    text-align: left;
}

#identity form .identity-text a {
    color: var(--blue);
}

#identity form .optional_passwd {
    margin-top: 40px;
}

#identity form .optional_passwd h3 {
    font-weight: 300;
    color: var(--blue);
    padding: 0;
    font-size: 14px;
    margin-top: 15px;
}

#identity form .identity-close, #identity form .identity-submit {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 10px;
}

#identity form .identity-close:hover, #identity form .identity-submit:hover {
    background-color: var(--blue-hover);
    transform: scale(1.1);
}


#identity form .button-container .btn span {
    font-size: 12px;
}


#identity p.required {
    float: right;
    background-color: #DE7D7D;
    font-size: 12px;
    border-radius: 0;
}

#identity #img_profile label {
    display: block;
}








/* HISTORIAL */

#history #center_column {
    background-color: transparent;
}

#history h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#history #block-history, #history #block-details {
    padding-bottom: 50px;
}

#block-history .border-block, #block-details .border-block {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding: 25px 15px;
}

#block-details h3, #block-no-order-info {
    font-family: 'telegraf';  
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#history table {
    font-size: 12px;
}

#history table td {
    padding: 4px;
    vertical-align: middle;
}

#history .history_detail #detail-history-button {
    background-color: var(--blue);
    color: var(--white);
    padding: 3px;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 3px;
    float: right;
}

#history .history_detail #detail-history-button:hover {
    background-color: var(--blue-hover);
}

#history .history_detail #detail-history-button span {
    padding: 0;
}

#history .history_detail #detail-history-button:hover span {
    background-color: transparent;
}

#history #submitReorder a span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    margin-top: 3px;
}

#history #submitReorder a span:hover {
    background-color: var(--blue-hover);
}

#history #submitReorder p.dark {
    padding-top: 0;
}

#history #sendOrderMessage button {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    margin-top: 3px;
}

#history #sendOrderMessage button:hover {
    background-color: var(--blue-hover);
}











/* ADDRESSES */

#addresses #center_column {
    background-color: transparent;
    padding-bottom: 50px;
}

#addresses h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#addresses .addresses {
    padding-bottom: 50px;
}

#addresses .addresses > p {
    text-align: center;
}

#addresses .bloc_adresses {
    display: flex;
    justify-content: space-between;

}

#addresses .address {
    width: 32%;
    border: none;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding: 25px 15px;
    text-align: center;
}

#addresses .address h3 {
    font-family: 'telegraf';  
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#addresses .address .address_update a span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#addresses .address .address_update a span:hover {
    background-color: var(--blue-hover);
}









/* ADDRESS */

#address #center_column {
    background-color: transparent;
    padding-bottom: 50px;
}

#address h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#address .info-title {
    text-align: center;
}

#address .border-block {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding: 25px 15px;
    margin-bottom: 25px;
}

#address form input[type=text], #address form input[type=email],
#address form input[type=password], #address form select, 
#address form input, #address form textarea {
    --webkit-appearance: none;
    border: none;
    border-bottom: 1px solid #9b9b9b;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}

#address .form-group .form-control {
    max-width: inherit !important;
}

#address form label {
    display: none;
}

#address #submitAddress span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#address #submitAddress:hover span {
    background-color: var(--blue-hover);
}











/* SHOPPING CART */

#order-opc .avatar {

}

#order-opc #center_column {
    background-color: transparent;
    padding-bottom: 50px;
}

#order-opc .container {

}

#order-opc h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#order-opc .shopping-buttons {
    position: absolute;
    top: 0;
    left: 0;
}

#order-opc .cart_navigation a {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 10px;
    float: left;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#order-opc .cart_navigation a:hover {
    background-color: var(--blue-button-hover);
}

#order-opc #cart_summary, #order-opc #cart_summary .product-name {
    font-family: 'telegraf';  
}

#order-opc #cart_summary tbody td.cart_product img {
    border: none;
}

#order-opc #cart_summary .special-price, 
#order-opc #cart_summary .price-percent-reduction,
#order-opc #cart_summary .old-price {
    float: left;
    width: auto;
    clear: both;
} 

#order-opc #cart_summary #total_price {
color: var(--blue);
} 

#order-opc #cart_summary .btn-validar-span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#order-opc #cart_summary .btn-validar:hover .btn-validar-span {
    background-color: var(--blue-hover);
}

#order-opc .table > tbody > tr > td, #order-opc .table > tbody > tr > th, 
#order-opc .table > tfoot > tr > td, #order-opc .table > tfoot > tr > th, 
#order-opc .table > thead > tr > td, #order-opc .table > thead > tr > th {
    line-height: 5px;
    vertical-align: middle;
}

#order-opc .table > thead > tr > th {
    text-align: center;
}

#order-opc .address_delivery.select {
    display: none;
}

#order-opc .payment_module a {
    background-color: var(--blue);
    color: var(--white);
    padding: 15px 40px 15px 15px;
    margin-left: 0;
    border-radius: 2px;
    float: none;
    font-size: 21px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: inherit;
}

#order-opc .payment_module a:hover {
    background-color: var(--blue-hover);
}

#order-opc #address_invoice {
    text-align: center;
}

#order-opc .address_update .button span {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#order-opc .address_update .button:hover span {
    background-color: var(--blue-button-hover);
}

#order-opc .cart_voucher h4 {
    color: #4a4a4a;
    text-transform: initial;
    font-weight: 300
}

#order-opc .order-message {
    display: none;
    text-align: center;
    background-color: #E17878;;
    border-radius: 10px;
    padding: 30px;
}

#order-opc .order-message #message {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 15px;
    height: 30px;
}







/* ORDER CONFIRMATION */



#order-confirmation #center_column {
    background-color: #f8f0fe;
    padding-bottom: 50px;
}

#order-confirmation .container {
    position: relative;
}

#order-confirmation h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}

#order-confirmation .button-exclusive {
    background-color: var(--blue);
    color: var(--white);
    padding: 8px;
    margin-left: 0;
    border-radius: 2px;
    float: left;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#order-confirmation .button-exclusive i {
    color: var(--white);
}

#order-confirmation .button-exclusive:hover {
    background-color: var(--blue-hover);
}








/* CMS */

.cms_style #center_column {
    background-color: transparent;
    padding-bottom: 50px;
}

.cms_style .container {
    position: relative;
}

.cms_style h1 {
    font-family: 'telegraf';  
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
}











/* PANEL DE CONTROL */

#planeta.panel-control #panel_banner {
    clear: both;
    text-align: center;
    background-color: var(--blue);
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 30px;
}

#planeta.panel-control #panel_banner h3 {
    font-family: 'telegraf';
    font-size: 40px;
    color: var(--white);
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

#planeta.panel-control #graph_brand {
    margin-bottom: 50px;
}

#planeta.panel-control .tab-content h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    color: var(--blue);
}

#planeta.panel-control .tab-content h3 {
    margin-top: 0;
    float: left;
    width: 100%;
    color: #4a4a4a;
    text-transform: lowercase;
    padding: 15px;
    border-bottom: 1px solid #dadada;

}

#planeta.panel-control #hijo_title {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: var(--blue);
    margin-top: 35px;
    margin-bottom: 20px;
}

#planeta.panel-control table {
    width: 100%;
}

#planeta.panel-control table thead tr th {
    background-color: var(--blue);
    color: var(--white);
    text-align: right;
}

#planeta.panel-control table thead tr th:nth-child(2) {
    text-align: left;
}

#planeta.panel-control .view_childs i {
    color: #fff;
    font-size: 20px;
}

#planeta.panel-control .eye {
    text-align: center;
}

#planeta.panel-control .eye i {
    color: #fff;
}

#planeta.panel-control .viewing {
    color: var(--white) !important;
}








/* Ajustes Tabla Administrador */

#planeta.control_adm table tbody tr {
    background-color: #E1E1E1;
    color: #BABABA;
}

#planeta.control_adm table tbody tr.level_0 {
    background-color: #282880 !important;
}

#planeta.control_adm table tbody tr.level_1 {
    background-color: #4242AE !important;
}

#planeta.control_adm table tbody tr.level_2 {
    background-color: #3B3BF0 !important;
}

#planeta.control_adm table tbody tr.level_3 {
    background-color: #5656FF !important;
}

#planeta.control_adm table tbody tr.level_4 {
    background-color: #8686FD !important;
}

#planeta.control_adm table tbody tr.level_5 {
    background-color: #9393BF !important;
}

#planeta.control_adm table tbody tr.showing {
    background-color: #282880;
    color: var(--white);
}

#planeta.control_adm table tbody tr.hijo-showing {
    background-color: #5656FF;
    color: var(--white);
}

#planeta.control_adm table tbody tr.hijo-showing~.padre-visible {
    background-color: #4242AE;
    color: var(--white);
}

#planeta.control_adm table tbody tr td {
    text-align: right;
}

#planeta.control_adm table tbody tr td:nth-child(2) {
    text-align: left;
}

#planeta.control_adm #panel_control_table tbody tr:nth-child(odd) {
    background-color: #2F2FFF;
}

#planeta.panel-control #canjeo_title {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #4D4DFF;
    margin-top: 10px;
    margin-bottom: 35px;
}

#planeta.control_adm #graph_product {
    margin-bottom: 50px;
    margin-top: 30px;
}





/* AJUSTES TABLA DISTRIBUIDOR */

#planeta.control_dist table tbody tr {
    background-color: #E1E1E1;
    color: #BABABA;
}

#planeta.control_dist table tbody tr.level_0 {
    background-color: #282880 !important;
}

#planeta.control_dist table tbody tr.padre-visible {
    background-color: #4242AE !important;
}

#planeta.control_dist table tbody tr.level_2 {
    background-color: #3B3BF0 !important;
}

#planeta.control_dist table tbody tr.level_3 {
    background-color: #5656FF !important;
}

#planeta.control_dist table tbody tr.level_4 {
    background-color: #8686FD !important;
}

#planeta.control_dist table tbody tr.level_5 {
    background-color: #9393BF !important;
}

#planeta.control_dist table tbody tr.showing {
    background-color: #282880;
    color: var(--white);
}

#planeta.control_dist table tbody tr.hijo-showing {
    background-color: #5656FF;
    color: var(--white);
}

#planeta.control_dist table tbody tr.hijo-showing~.padre-visible {
    background-color: #4242AE;
    color: var(--white);
}

#planeta.control_dist table tbody tr td {
    text-align: right;
}

#planeta.control_dist table tbody tr td:nth-child(2) {
    text-align: left;
}

#planeta.control_dist #panel_control_table tbody tr:nth-child(odd) {
    background-color: #2F2FFF;
}

#planeta.panel-control #canjeo_title {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #4D4DFF;
    margin-top: 10px;
    margin-bottom: 35px;
}

#planeta.control_dist #graph_product {
    margin-bottom: 50px;
    margin-top: 30px;
}















/* Mensajes */

#planeta.mensajero #mensajero_flex {
    padding-bottom: 100px;
}

#planeta.mensajero .border-block, #planeta.mensajero .border-block {
    float: left;
    width: 100%;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    padding: 25px 15px;
}

#planeta.mensajero .border-block h3 {
    font-family: 'telegraf';
    font-size: 30px;
    color: var(--blue);
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
}

#planeta.mensajero .mensaje {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
    padding-bottom: 0px;
}

#planeta.mensajero .mensaje .mensaje-title a {
    width: 80%;
    float: left;
    font-family: 'telegraf';
    font-size: 18px;
    line-height: 25px;
    color: var(--blue);
    font-weight: 300;
    padding-right: 2%;
    padding-top: 8px;
    padding-bottom: 10px;
}

#planeta.mensajero .mensaje.unread .mensaje-title a {
    font-weight: 500;
}

#planeta.mensajero .mensaje .mensaje-data {
    width: 13%;
    float: left;
    margin-top: 8px;
}

#planeta.mensajero .mensaje .mensaje-actions {
    width: 7%;
    float: left;
    text-align: right;
}

#planeta.mensajero .mensaje .mensaje-data span {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 13px;
    color: var(--blue);
}

#planeta.mensajero .mensaje .mensaje-actions i {
    color: var(--blue);
    line-height: 40px;
    font-size: 22px;
}

#planeta.mensajero .right-mensajero #sin_mensaje {
    color: #4a4a4a;
    text-align: center;
}










/* RECUPERAR PASSWORD */

#password .pass-recover {
    text-align: center;
    margin-top: 50px;
    background-color: var(--blue);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 50px;
    box-shadow: 0 0 4px rgba(0,0,0,0.16)
}

#password .pass-recover p, #password .pass-recover h1, #password .pass-recover label {
    color: var(--white);
}   

#password button {
    border-radius: 5px;
}

#password button:hover {
    transform: scale(1.1);
}






/* UDUN */

#llamaudun .header-container {
    display: none;
}

#llamaudun .columns-container {
    width: 100%;
}

#llamaudun #center_column {
    min-height: inherit !important;
}

#llamaudun #center_column {
    padding-left: 0;
    padding-right: 0;
}

#llamaudun .sf-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
}

#llamaudun #block_top_menu .sf-menu > li {
    width: auto;
}

#llamaudun #block_top_menu .sf-menu > li:hover {
    background-color: transparent;
}

#llamaudun #block_top_menu .sf-menu > li::after {
    display: none;
}

#llamaudun #udun_banner {
    text-align: center;
    background-color: var(--blue);
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 30px;
}

#llamaudun #udun_banner h3 {
    font-family: 'telegraf';
    font-size: 40px;
    line-height: 48px;
    color: var(--white);
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 0;
}

#llamaudun .acceptance-checks {
    text-align: center;
    margin-top: 50px;
    background-color: var(--blue);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 50px;
    box-shadow: 0 0 4px rgba(0,0,0,0.16);
}

#llamaudun .acceptance-checks i {
    color: var(--white);
    font-size: 100px;
    margin-bottom: 10px;
}

#llamaudun .acceptance-checks h3 {
    color: var(--white);
    margin-top: 0;
}

#llamaudun .acceptance-checks a {
    color: var(--white);
    text-decoration: none;
}

#llamaudun .acceptance-checks .box {
    background: transparent;
    margin-bottom: 0;
}

#llamaudun .acceptance-checks #submitUdun {
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 30px;
}

#llamaudun .acceptance-checks #submitUdun:hover {
    background-color: var(--white);
    color: var(--blue);
    transform: scale(1.1);
}


@media (max-width: 767px) {
    #llamaudun .sf-menu {
        top: 0;
        background-color: transparent;
        width: 50px;
        box-shadow: none;
    }

    #llamaudun #columns {
        padding-top: 0;
    }

    #llamaudun #mobile_footer_links {
        display: none !important;
    }

    #llamaudun #block_top_menu .sf-menu > li > a {
        padding: 0  !important;
    }

    #llamaudun .cat-title {
        display: none !important;
    }

    #llamaudun .acceptance-checks {
        width: 80%;
        margin-left: 10%;
    }
}













/* SEARCH */

#search h1 {
    font-family: 'telegraf';
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
    margin-bottom: 20px;
}

#search .product_list li {
    width: 33.333%;
    min-height: 400px;
}

#search .sortPagiBar {
    display: none;
}

#search .product-count {
    display: none;
}

#search #pagination, #search #pagination_bottom {
    text-align: center;
    margin-bottom: 30px;
}

#search .new-box {
    margin-left: 0;
}

#search .new-box span {
    border-radius: 5px;
    background-color: #7FE39D
}


#search .sale-box {
    right: 0;
}

#search .sale-box span {
    padding: 5px;
    width: auto;
    border-radius: 5px;
}

#search .product_list .price-percent-reduction {
    left: 60%;
}

#search ul.product_list .product-image-container img {
    margin: 0 auto;
}

#search ul.product_list.grid > li .product-container .content_price {

}

#search h5 {
    float: left;
    width: 100%;
    display: table;
    height: 45px;
}

#search h5 a.product-name {
    display: table-cell;
    vertical-align: middle;
    font-family: 'telegraf';
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    color: var(--blue);
    margin-bottom: 20px;
    min-height: 50px;
    float: none;
    width: 100%;
    margin-bottom: 0;
}

#search span.price {
    font-family: 'telegraf';
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

#search ul.product_list.grid > li .product-container {
    border-bottom: none;
}

#search .price.product-price {
    margin-top: 0;
}

#search .price.oferta-price {
    font-size: 18px;
    margin-bottom: 3px;
    line-height: 10px
}

#search .old-price {
    font-size: 12px;
    margin-bottom: 3px;
}






/* SCROLL TOP */

#topcontrol i {
    font-size: 24px;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 50%;
    padding: 10px 11px;
    box-shadow: 0 5px 5px #444;
}







/* ----------------- */
/* RESPONSIVE MOBILE */
/* ----------------- */





@media (max-width: 767px) {


    /* GENERAL */

    #columns {
        padding-top: 55px;
    }


    /* FOOTER */

    #bottom_links {
        
    }

    #authentication #authentication_login {
        padding-bottom: 100px;
    }

    #authentication #bottom_links {
        display: block;
        position: absolute;
        bottom: 0;
    }

    #authentication #bottom_links #bottom_contact {
        /*display: none;*/
    }

    #authentication #bottom_links .cms_links {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #authentication #bottom_links .help-link {
        position: absolute;
        bottom: 40px;
        width: 100%;
        max-width: inherit;
    }    

    #bottom_links a::after {
        content: "";
        border: none;
        margin: 0;
        height: 0;
    }

    #authentication.account_body #bottom_links {
        display: none;
    }

    #authentication .create-account img {
        max-width: 100px;
        height: auto;
    }



    /* LOGIN */


    #authentication #center_column .login-title-top {
        margin-top: 50px;
    }

    #authentication #center_column form {
        width: 100%;
    }


    /* MENU */

    #block_top_menu {
        position: absolute;
        top: 0;
        right: 0;
        background-color: var(--blue);
        padding-left: 20%;
    }

    .cat-title {
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 999;
    }

    .cat-title::after {
        top: 14px;
    }

    .cat-title, .cat-title:hover {
        background: transparent;
        border: none;
    }

    .cat-title::after {
        content: "\f0c9";
    }

    .cat-title.active::after {
        content: "\f00d";
    }

    #block_top_menu ul {
        position: absolute;
        z-index: 9999;
        background-color: var(--blue);
        width: 100%;
        height: auto;
        right: 0;
        top: 50px;
        flex-wrap: wrap;
        display: none;
        box-shadow: 0 0 4px var(--black);
        padding: 15px 30px;
    }

    #block_top_menu .sf-menu > li {
        width: 100%;
        max-width: inherit;
    }

    #block_top_menu .sf-menu > li > a {
        padding: 6px 10px 6px 40px !important;
        color: var(--white);
    }

    #block_top_menu .sf-menu > li.sfHover {
        background-color: #6110a8;
    }

    #block_top_menu .sf-menu > li.sfHover > a {
        padding-left: 15px !important;
        color: var(--white);
        font-weight: 500;
    }

    .mobile-info {
        display: block;
    }

    .mobile-info .user-img {
        position: relative;
        overflow: hidden;
        border: 1px solid var(--white);
        border-radius: 50%;
        float: left;
        padding: 5px;
        margin: 10px 15px;
        width: 33px;
        height: 33px;
        line-height: 0;
        text-align: center;
    }

    .mobile-info .user-img a {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .mobile-info .user-img a img {
        width: 31px;
        height: 31px;
        z-index: 10;
    }

    .mobile-info .user-img a i {
        font-size: 21px;
        line-height: 31px;
        text-align: center;
    }

    .mobile-info .user-name-points {
        float: left;
        padding: 14px 0 10px;
    }

    .mobile-info .user-name-points .user-role {
        font-weight: 500;
        color: var(--white);
        line-height: 15px;
    }

    .mobile-info .user-name-points .user-points {
        display: none;
        font-weight: 300;
        color: var(--white);
        line-height: 15px;
        font-size: 10px;
    }

    #block_top_menu .sf-menu li.salir-button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        padding-right: 0;
    }

    #block_top_menu .sf-menu li#search_box {
        position: absolute;
        bottom: -17px;
        left: 0;
        top: inherit;
        width: auto;
        padding: 0;
        box-shadow: 0 0 4px var(--black)
    }



    /* COLUMNUSERINFO */

    #columnuserinfo {
        padding-left: 0;
        padding-right: 0;
    }

    #columnuserinfo .user-block,
    #columnuserinfo .user-zone,
    #columnuserinfo .user-links {
        display: none;
    }

    #columnuserinfo .points-block {
        width: 100%;
        border: none;
    }

    #columnuserinfo .vendor-data,
    #columnuserinfo .vendor-sub-data,
    #columnuserinfo .vendor-buy-button {
        padding: 0;
    }

    #columnuserinfo .vendor-data .amount,
    #columnuserinfo .vendor-sub-data .amount {
        font-size: 20px;
    }

    #columnuserinfo .menu-icon {
        width: 22px;
    }



    /* FOOTER LINKS MOBILE */

    #mobile_footer_links {
        border-top: 1px solid #4a4a4a;
        display: block;
    }

    #mobile_footer_links .user-links {
        display: flex;
        justify-content: space-around;
        width: 60%;
        margin-left: 20%;
        padding-top: 10px;
        border-right: none;

    }

    #mobile_footer_links .user-links a {
        text-align: center;
        width: 100%;
    }

    #mobile_footer_links .user-links > div {
        display: flex;
        width: 33.333%;
        line-height: 45px;
        padding-top: 3px;
        position: relative;
    }

    #mobile_footer_links .user-links img {
        width: 23px;
        height: auto;
        max-height: 20px;
    }

    #mobile_footer_links .user-links span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 10px;
        text-align: center;
    }

    #mobile_footer_links .user-links span i {
        font-size: 10px;
        color: var(--blue);
    }

    #mobile_footer_links .lnk-mensajero {
        position: relative;
        float: none;
        background: none;
        padding: 0;
        line-height: 56px;
        width: inherit;
        height: auto;
        text-align: center;
        padding: 0;
        margin-top: 0;
    }

    /* HOME */

    #logo_info {
        display: none;
    }

    #home_banners {
        padding-top: 30px;
    }

    #home_banners .home-banner {
        width: 100%;
    }







    /* PLANETA MENU */

    #planeta_menu {
        overflow-x: scroll;
    }

    #planeta_menu ul {
        display: block;   
        white-space:nowrap;     
    }

    body.rol_dist #planeta_menu > ul {
        display: flex
    }

    #planeta_menu ul li {
        display:inline;
    }

    #planeta_menu ul li a {
        font-size: 17px;
    }







    /* BRANDSLIDER */

    .brands-slider {
        width: auto;
        white-space: nowrap;
        overflow-x: scroll;
    }
    




    /* PREMIOS FINALES */

    #planeta.premio .premio-block .premio-foto {
        width: 100%;
    }

    #planeta.premio .premio-block .premio-info {
        width: 100%;
        text-align: center;
    }

    #planeta.premio .premio-block .premio-info h2 {
        text-align: center;
    }

    #planeta.premio .premio-block .premio-info h4 {
        text-align: center;
        font-size: 14px;
    }

    #planeta .premio_detalle,
    #planeta .premio_detalle .premio-block.premio-detalle-info {
        padding: 15px;
    }

    #planeta .premio_detalle .premio-block > div > h3,
    #planeta .premio_detalle .premio-detalle-foto,
    #planeta .premio_detalle .premio-detalle-data h2 {
        display: none;
    }



    /* FUNCIONAMIENTO */

    .cms_style .funcionamiento-container {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 120px;
        min-height: 280px;
    }

    .cms_style .meteorito-info {
        position: absolute;
    }

    .cms_style .meteorito-info img {
        width: 60%;
        max-width: 150px;
        height: auto;
    }

    .cms_style .meteorito-info span:nth-child(2) {
        width: 44%;
        left: 17%;
        top: 15%;
        font-size: 35px;
    }

    .cms_style .meteorito-info span:nth-child(3) {
        width: 38%;
        left: 21%;
        top: 53%;
        font-size: 11px;
    }

    .cms_style .meteorito-info span.long-number {
        font-size: 26px;
        line-height: 61px;
    }

    .cms_style .sub-block-left > img {
        left: 5px;
        top: 116px;
    }

    .cms_style .funcionamiento-container > div > span {
        float: right;
        margin-top: 50px;
        margin-right: 20%;
        line-height: 25px;
        font-size: 18px;
        max-width: 34%;
    }

    .cms_style .sub-block-right {
        margin-top: 200px;
        clear: both;
    }

    .cms_style .sub-block-right .meteorito-info span:nth-child(2) {
        right: 18%;
        top: 7%;
    }

    .cms_style .sub-block-right .meteorito-info span:nth-child(3) {
        right: 19%;
        top: 50%;
    }

    .cms_style .sub-block-right > img {
        right: 9px;
        top: 50px;
    }

    .cms_style .funcionamiento-container > div > span.doble-line {
        float: left;
        left: 26%;
        float: none;
        position: absolute;
        margin-top: -26px;
    }

    .cms_style .sub-block-right .meteorito-info {
        position: absolute;
        right: 0;
        top: -40px;
    }

    .cms_style .distribuidor-content .planeta-title {
        font-size: 24px;
    }

    .cms_style .distribuidor-content .funcionamiento-block {
        padding-bottom: 30px;
    }

    .cms_style .distribuidor-content .sub-block-right {
        margin-top: 0;
    }

    .cms_style .distribuidor-content .meteorito-info {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .cms_style .distribuidor-content .meteorito-info img {
        width: 235px;
    }

    .cms_style .distribuidor-content .meteorito-info span:nth-child(2) {
        width: 200px;
        left: 30%;
    }

    .cms_style .distribuidor-content .meteorito-info span:nth-child(3) {
        width: auto;
        left: 50%;
    }

    .cms_style .distribuidor-content .sub-block-left > img {
        left: 16%;
        top: 142px;
    }

    .cms_style .distribuidor-content .sub-block-right > img {
        right: 23%;
        top: 93px;
    }

    .cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-value {
        left: 21%;
    }

    .cms_style .distribuidor-content .funcionamiento-block:nth-child(even) .meteorito-info-type {
        left: 37%;
    }

    .cms_style .distribuidor-content .funcionamiento-info {
        padding-top: 110px;
    }






    /* CATALOGO */

    #catalogo {
        padding-left: 0;
        padding-right: 0;
    }

    #catalogo ul.product_list.grid > li {
        padding-left: 0;
        padding-right: 0;
    }

    #catalogo .right-block h5 a {
        line-height: 25px;
    }

    #layer_cart {
        margin-right: 15px;
        width: auto;
        margin-left: inherit;
    }

    #layer_cart .layer_cart_product h2 {
        font-size: 16px;
        margin: 0;
    }

    #layer_cart .layer_cart_product .product-image-container {
        margin: 0 auto;
    }

    #layer_cart .layer_cart_product img {
        max-width: 100px;
        height: auto;
    }

    #layer_cart .layer_cart_cart {
        padding: 5px 30px 70px;
    }

    .shopping_cart .cart_block {
        float: left;
        width: 100%;
        border-top: 2px solid #999;
        padding-top: 25px;
    }

    /* PRODUCTO */

    #product #center_column .container,
    #product #center_column .container .product-column,
    #product .pb-center-column,
    #product .page-product-box,
    #product .blockproductscategory {
        padding-left: 0;
        padding-right: 0;
    }

    #product .pb-left-column {
        border: none;
    }

    #product .content_prices,
    .pb-center-column #product_reference {
        width: 100%;
        text-align: center;
    }

    #product .product_attributes {
        width: 100%;
        clear: both;
    }

    #product .product_attributes #quantity_wanted_p {
        display: flex;
        width: 50%;
        margin: 0 auto;
    }

    #product .product_attributes #quantity_wanted_p input {
        width: 40px;
        height: 28px;
    }

    #product .pb-center-column #short_description_block #short_description_content p {
        text-align: center;
        margin-top: 15px;
    }

    #product .box-info-product .exclusive {
        margin: 0 auto;
    }

    #product #quantity_wanted_p .btn.button-plus {
        margin-left: 3px !important;
    }

    #product #quantity_wanted_p .btn.button-plus span, 
    #product #quantity_wanted_p .btn.button-minus span {
        padding: 5px 3px;
    }

    #product .box-info-product .exclusive span {
        padding: 12px !important;
    }

    #product .box-cart-bottom {
        margin-top: 10px;
    }




    /* CARRITO */

    #order-opc #center_column .container,
    #order-opc #center_column .container > div {
        padding-left: 0;
        padding-right: 0;
    }

    #order-opc h1 {
        margin-top: 45px;
    }

    #order-detail-content #cart_summary tr td.cart_product {
        width: 30%;
    }

    #order-detail-content #cart_summary tbody td.cart_description {
        width: 70%;
        text-align: right;
    }

    #order-opc #cart_summary .special-price, #order-opc #cart_summary .price-percent-reduction, #order-opc #cart_summary .old-price {
        float: none;
    }

    #order-detail-content #cart_summary td.cart_unit {
        width: 70%;
        text-align: right;
        line-height: 15px;
    }

    .cart_quantity .cart_quantity_input {
        float: left;
    }

    .table tbody > tr > td.cart_quantity .cart_quantity_button a {
        margin-left: 3px;
    }

    #order-detail-content #cart_summary td.cart_total {
        line-height: 15px;
    }

    #opc_delivery_methods .checkbox * {
        line-height: 20px;
    }




    /* HISTORIAL DE PEDIDOS */

    #history #center_column .container,
    #history #center_column .container > div {
        padding-left: 0;
        padding-right: 0;
    }

    #history #order-list tr th:last-child {
        display: none;
    }

    #history #order-list tr td:last-child {
        display: none;
    }

    #history .history_state span {
        word-wrap: break-word;
        white-space: inherit;
        text-align: center;
        display: inherit;    
    }






    /* MI CUENTA */

    #identity #center_column {
        padding-top: 100px;
    }

    #identity #left_column {
        display: block;
    }

    #identity #columnuserinfo {
        flex-wrap: wrap;
    }

    #identity #left_column .user-block {
        display: block;
        width: 100%;
        border-right: none;
    }

    #identity #left_column .user-block .user-info {
        clear: both;
    }

    #identity #left_column #columnuserinfo .avatar {
        max-height: inherit;
    }

    #identity #left_column #columnuserinfo .avatar i {
        float: none;
        margin-top: 0;
    }

    #identity #left_column #columnuserinfo .user-data-edit {
        top: -34px;
        left: 32%;
    }

    #identity #left_column #columnuserinfo .user-role,
    #identity #left_column #columnuserinfo .user-data .name, 
    #identity #left_column #columnuserinfo .user-data .location {
        text-align: center;
    }

    #identity #left_column .user-block .user-buttons {
        width: 100%;
        justify-content: space-around;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #identity #columns {
        padding-left: 0;
        padding-right: 0;
    }

    #identity #columns div.row {
        margin-left: 0;
        margin-right: 0;
    }

    #identity form .checkbox span {
        display: block;
    }




    /* DIRECCIONES */

    #addresses .address {
        width: 100%;
    }




    /* MENSAJERO */

    #planeta.mensajero .left-mensajero {
        margin-bottom: 25px;
    }

    #planeta.mensajero .mensaje .mensaje-title a {
        width: 70%;
        font-size: 14px;
        line-height: 18px;
    }

    #planeta.mensajero .mensaje .mensaje-data {
        width: 20%;
    }

    #planeta.mensajero .mensaje .mensaje-data span {
        font-size: 11px;
    }

    #planeta.mensajero .mensaje .mensaje-actions {
        width: 10%;
    }

    #planeta.mensajero .mensaje .mensaje-actions i {
        font-size: 18px;
    }







    /* CONTACTO */

    #contact #columns {
        padding-top: 0;
    }

    #contact #contact_banner {
        margin-bottom: 50px;
    }

    #contact #contact_banner h3 {
        padding: 15px;
    }

    #contact #att_cliente {
        width: 100%;
        margin-bottom: 25px;
    }

    #contact #att_horario {
        width: 100%;
    }

    #contact #att_horario .horario-table .horario-left,
    #contact #att_horario .horario-table .horario-right {
        font-size: 15px;
    }

    #contact #att_form {
        padding: 15px;
    }

    #contact #att_form .submit {
        flex-wrap: wrap;
    }

    #contact #g-recaptcha {
        min-height: 100px;
    }

    #contact #g-recaptcha > div {
        position: absolute;
        left: -15px;
        transform: scale(0.8);
    }





    /* FORMACIONES */

    #planeta.formacion .formacion-right {
        padding-top: 15px;
    }

    #planeta.formacion .formacion-right img {
        max-width: 30%;
        margin-right: 5%;
    }

    #planeta.formacion .formacion-left {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #planeta.formacion .formacion-left h3 {
        margin-top: 0;
    }

    #planeta.formacion .formacion-buttons {
        position: relative;
        left: inherit;
        bottom: inherit;
        display: block;
        width: 100%;
        text-align: center;
        clear: both;
    }

    #planeta.formacion .formacion-skills {
        position: relative;
        left: inherit;
        right: inherit;
        width: 90%;
        margin-left: 5%;
        bottom: inherit;
        margin-top: 5%;
    }

    #planeta.formacion .formacion-block {
        padding-bottom: 15px;
        border-bottom: 1px solid #999;
    }

    #planeta.formacion .formacion-block:last-child {
        border-bottom: none;
    }

    .video-formation {
        position: relative;
        padding-bottom: 56.25%; /* 16/9 ratio */
        padding-top: 30px; /* IE6 workaround*/
        height: 0;
        overflow: hidden;
        }

    .video-formation iframe,
    .video-formation object,
    .video-formation embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;


    }














    /* GRAFICAS */

    #planeta.panel-control #graph_brand .chart-container{
        height: 300px !important;
    }







    /* RANKING */

    #planeta.ranking table tr th {
        font-size: 11px;
        text-align: left;
    }

    #planeta.ranking table tr td:first-child {
        width: 10%;
        padding: 5px;
    }

    #planeta.ranking table tr:first-child td:first-child span {
        padding: 4px 15px;
    }

    #planeta.ranking table tr td:first-child span {
        padding: 4px 15px;
    }

    #planeta.ranking table tr:first-child td:nth-child(2) {
        font-size: 13px;
    }

    #planeta.ranking table tr td:nth-child(2) {
        font-size: 12px;
    }

    #planeta.ranking table tr:first-child td:nth-child(2) {
        font-size: 11px;
    }

    #planeta.ranking table tr:first-child td:nth-child(2) img {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    #planeta.ranking table tr td:nth-child(2) img {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }

    #planeta.ranking table tr td:nth-child(2) {
        font-size: 10px;
    }

    #planeta.ranking table tr:first-child td:nth-child(3) {
        font-size: 15px;
    }

    #planeta.ranking table tr td:nth-child(3) {
        width: 15%;
        font-size: 13px;
    }









    /* RESULTADOS BÚSQUEDA */

    #search .top-pagination-content ul.pagination, #search .bottom-pagination-content ul.pagination {
        float: none;
    }

    #search .product_list li {
        width: 50%;
        min-height: 375px;
    }


}




@media (min-width: 768px) {
    .mobile-info {
        display: none;
    }

    #mobile_footer_links {
        display: none;
    }
}










@media (max-width: 767px) {
    #block_top_menu {
        /*display: none;*/
    }
}








/* AJUSTES PARA 1378px */



@media (min-width: 1280px) and (max-width: 1440px) {
    #authentication #center_column .login-title-top {
        margin-top: 30px;
    }

    #authentication #center_column .login-logo img {
        max-width: 120px;
    }

    #authentication #center_column #login_form {
        padding-bottom: 10px;
    }
}
















/* TABS */

.nav.nav-tabs {
    display: flex;
    justify-content: center;
}

.nav-tabs > li a {
    background-color: var(--blue-hover);
}

.nav-tabs > li.active a, .nav-tabs > li.active > a:focus {
    background-color: var(--blue);
    color: var(--white);
}

.nav-tabs > li > a, .nav-tabs > li.active > a:focus {
    color: var(--white);
}

.nav-tabs > li > a:hover {
    background-color: #D0AAF2;
    color: #444;
}











/* CMS LEGALITAS STYLES */

.cms_style.cms-21 #center_column {
    padding-left: 0;
    padding-right: 0;
    background-color: var(--white);
}

.cms_style.cms-21 #center_column > .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.cms_style.cms-21 #center_column .container-menu {
    z-index: 999;
}

.cms_style.cms-21 #center_column #planeta_menu ul {
    list-style-type: none; 
}   









/* 7-2-19 */

/* Limito alto de canjeo de regalos en admin */

#planeta.panel-control .canjeo-table {
    max-height: 415px;
    overflow-y: scroll;
    padding-right: 0;
}







/* OBJETIVOS MAQUETACIÓN */

#objetivos {
    padding-top: 30px;
}

.single-objetivo {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    padding: 30px 30px 45px;
}

.objetivos-intro-title {
    text-align: center;
    color: var(--blue);
    text-transform: uppercase;
}

.objetivos-intro-text {
    text-align: center;
}

.single-objetivo .row_obj {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.single-objetivo .row_1 .brand {
    width: 15%;
}

.single-objetivo .row_1 .brand img {
    float: left;
    width: 100%;
    height: auto;
}

.single-objetivo .row_1 .product-name {
    float: left;
    width: 80%;
    padding: 23px 50px 0;
    font-size: 40px;
    text-transform: inherit;
}

.single-objetivo .row_2 .number_0 {
    font-size: 35px;
}

.single-objetivo .row_2 .number {
    font-size: 55px;
    color: var(--blue);
    font-weight: bold;
    display: block;
    margin-bottom: -25px;
}

.single-objetivo .row_2 .number_0 {
    float: left;
    width: 15%;
    text-align: center;
}

.single-objetivo .row_2 #ban_award {
    float: left;
    width: 40%;
    position: relative;
    margin-left: 2%;
    margin-right: 3%;
}

.single-objetivo .row_2 #ban_award .progress {
    margin-top: 40px;
    box-shadow: 0px 3px 5px #444;
}

.single-objetivo .row_2 .progress-bar-danger {
    background-color: var(--blue);
}

.single-objetivo .row_2 .number_target {
    float: left;
    width: 15%;
    text-align: center;
    font-size: 30px;
}

.single-objetivo .row_2 .obj_popup {
    position: absolute;
    top: 110%;
    padding: 10px 0;
    background-color: var(--blue);
    border-radius: 5px;
    margin-left: -50px;
    width: 100px;
    text-align: center;
    color: var(--white);
    font-weight: bold;
    box-shadow: 0px 3px 5px #444;
}

.single-objetivo .row_2 .obj_popup:after {
    content: '';
    position: absolute;
    left: 40%;
    top: -22px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 24px solid var(--blue);
    clear: both;
}

.single-objetivo .row_2 .arrow {
    float: left;
    width: 8%;
    margin-top: 25px;
    text-align: center;
}

.single-objetivo .row_2 .arrow i {
    font-size: 45px;
    color: var(--blue);
}

.single-objetivo .row_2 .target_points {
    float: left;
    width: 17%;
    text-align: center;
    font-size: 30px;
}

.single-objetivo .row_2 .target_points span {
    font-size: 55px;
    color: var(--blue);
    font-weight: bold;
}

@media (max-width: 767px) {

    #planeta .brands-slider {
        margin-top: 0;
    }
    
    #planeta .brands-slider a {
        padding: 10px;
        font-size: 15px;
    }

    #objetivos {
        padding-top: 0;
    }

    #objetivos > div:first-child {
        margin-top: 15px;
    }

    .single-objetivo {
        margin-bottom: 0;
    }

    .single-objetivo .row_obj {
        position: relative;
    }

    .single-objetivo .row_1 .brand {
        width: 30%;
    }

    .single-objetivo .row_1 .product-name {
        font-size: 20px;
        width: 60%;
        padding: 0 20px 0;
    }

    .single-objetivo .row_2 #ban_award {
        position: absolute;
        width: 100%;
        bottom: -25px;
    }

    .single-objetivo .row_2 .obj_popup {
        top: 90%;
    }

    .single-objetivo .row_2 .obj_popup::after {
        content: '';
        position: absolute;
        left: 33%;
        top: -9px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--blue);
        clear: both;

    }

    .single-objetivo .row_2 .number_0 {
        width: 30%;
        font-size: 15px;
    }

    .single-objetivo .row_2 .number {
        font-size: 30px;
        margin-bottom: -55px;
    }

    .single-objetivo .row_2 .obj_popup {
        padding: 3px 0;
        width: 60px;
    }

    .single-objetivo .row_2 .arrow {
        margin-top: 11px;
    }

    .single-objetivo .row_2 .arrow i {
        font-size: 15px;
    }

    .single-objetivo .row_2 .number_target {
        font-size: 15px;
        margin-left: 25%;
    }

    .single-objetivo .row_2 .target_points {
        margin-left: -25px;
        font-size: 15px;
        margin-top: 35px;
    }

    .single-objetivo .row_2 .target_points span {
        position: absolute;
        font-size: 30px;
        margin-left: 30px;
        margin-top: -35px;
    }
}













/* MARQUESINA TEXTO */


#tickerholder {
    margin-left: 0;
    margin-bottom: 30px;
}

.simple-marquee-container {
  
  position: relative;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(#000, 0.9); 
  padding-left: 100%;
  box-sizing: content-box;
  border-radius: 16px;
  border: 2px solid var(--dark-grey);
  background-color: var(--yellow);
}

.simple-marquee-container > div {
    display: inline-block;
    height: 4rem;
    line-height: 4rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
}

.simple-marquee-container > div ul li {
      display: inline-block;
      font-size: 32px;
      line-height: 44px;
      font-family: 'leddot';
      color: var(--dark-grey);   
}


.simple-marquee-container *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
    width: 100%;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 45px;
    position: relative;
    cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
    padding: 0;
    background: rgb(61, 61, 61);
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 35px;
}

.simple-marquee-container .marquee-content-items li:after{
    content: "-";
    margin: 0 1em;
}






.thebox {
    box-shadow: 0 0 10px var(--grey);
    border-radius: 15px;
    padding: 30px;
    background-color: var(--white);
}

.thebox .box-title {
    text-align: center;
    color: var(--blue);
    font-family: 'telegraf';
    margin-bottom: 50px;
    font-size: 28px;
}

.thebox .thebox-title {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.thebox .thebox-title img {
    margin-right: 15px;
}

.thebox-blue {
    background-color: var(--blue);
}

.thebox-blue * {
    color: var(--white);
}

.thebox-blue a {
    font-weight: bold;
}

.thebox-blue a:hover {
    color: #aaa;
}

.thebox-blue .box-title {
    color: var(--blue-title);
}

.thebox table {
    width: 100%;
}

.thebox table tr {
    margin-bottom: 25px;
}

.thebox table td.title {
    font-size: 22px;
    color: var(--grey);
    font-weight: normal;
    width: 33.333%;
}

.thebox table td.separator {
    font-size: 18px;
    text-align: center;
    color: var(--grey);
    width: 33.333%;
}

.thebox table td.data {
    font-size: 18px;
    font-weight: bold;
    color: var(--blue);
    width: 33.333%;
    text-align: right;
}




/* PROGRESS BARS */

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
.progress {
  overflow: visible;
  height: 15px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-radius: 0px;
  -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);
  border-radius: 15px; }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -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;
  border-radius: 15px; }

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-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-image: -moz-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-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #46a74e; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-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-image: -moz-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-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-info {
  background-color: #5192f3; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-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-image: -moz-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-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-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-image: -moz-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-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-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-image: -moz-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-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }






/* MIS MILLAS */

#module-prestaincentivos-puntos .columns-container {
    background-color: var(--blue-column);
}

#module-prestaincentivos-puntos #center_column h2 {
    font-family: 'telegraf';
    font-size: 32px;
    font-weight: bold;
    color: var(--blue);
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

#puntos {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

#puntos .thebox {
    width: 49%;
}

#puntos tr.caducan .data {
    color: var(--red);
}






/* VISADO */

#module-prestaincentivos-visado #center_column #visado {
    margin-bottom: 30px;
}

#module-prestaincentivos-visado #center_column h2 {
    font-family: 'telegraf';
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    color: var(--grey);
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 15%;
    margin-right: 15%;
}

#module-prestaincentivos-visado #center_column h2 span {
    font-weight: bold;
    color: var(--blue);
}

#module-prestaincentivos-visado .mis-ventas-box {
    width: 70%;
    font-family: 'telegraf';
}

#module-prestaincentivos-visado .mis-ventas-box tr {
    margin-bottom: 10px;
}

#module-prestaincentivos-visado .mis-ventas-box tr th.img-th,
#module-prestaincentivos-visado .mis-ventas-box td.empty-td {
    width: 5%;
}

#module-prestaincentivos-visado .mis-ventas-box th.title {
    width: 20%;
    font-size: 22px;
    font-weight: normal;
    color: var(--grey);
}

#module-prestaincentivos-visado .mis-ventas-box th.status {
    width: 5%;
    font-size: 22px;
    font-weight: normal;
    color: var(--grey);
}

#module-prestaincentivos-visado .mis-ventas-box th.progress-th {
    width: 60%;
}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-nombre {
    width: 15%;
    font-size: 22px;
    font-weight: normal;
}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-progress {
    width: 60%;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-progress .progress {
    width: 80%;
    position: relative;
}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-progress .progress span {
    margin-top: -37px;
    position: absolute;
    transform: translateX(-50%);
    padding: 3px;
    border-radius: 5px;
    color: var(--white);
    font-weight: bold;
    text-align: center;

}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-progress .progress svg {
    top: -33px;
    transform: scaleX(1.5) translateX(-33.333%);
}


#module-prestaincentivos-visado .mis-ventas-box td.ventas-progress .progress .progress-target {
    position: absolute;
    left: calc(100% + 15px);
    font-size: 24px;
    font-weight: bold;
}

#module-prestaincentivos-visado .mis-ventas-box td.ventas-status {
    width: 5%;
    text-align: center;
}

#module-prestaincentivos-visado .mi-visado-box {
    width: 28%;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
}

#module-prestaincentivos-visado .mi-visado-box img {
    margin: 15px auto;
}

#module-prestaincentivos-visado .mi-visado-box img.not-completed {
    filter: saturate(0.1);
}

#module-prestaincentivos-visado .mi-visado-box span {
    font-size: 20px;
    font-family: 'telegraf';
}











/* NORMAS DE VUELO */

#normas_vuelo {
    font-family: 'telegraf';
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#normas_vuelo:before {
    display: none !important;
}

#normas_vuelo .grid {
    grid-gap: 30px;
}

#normas_vuelo h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--blue);
    text-align: center;
    margin-bottom: 30px;
}

#normas_vuelo h3 {
    font-size: 24px;
    font-weight: 800;
    color: var(--blue);
}

#normas_vuelo ul {
    padding-left: 60px;
}

#normas_vuelo ul li {
    position: relative;
    margin-bottom: 20px;
}

#normas_vuelo ul li:before {
    position: absolute;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    left: -30px;
    top: 2px;
    background-image: url('../../img/viaje/normas-flecha.svg');
    background-size: cover;
    background-repeat: no-repeat;
}





















/* CAMPAÑA (ACCIÓN) */

#accion {
    margin-bottom: 30px;
}

#accion > h2 {
    font-family: 'telegraf';
    font-size: 32px;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    color: var(--blue);
    margin-bottom: 30px;
}

#accion h3 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'telegraf';
}

#accion h3 img {
    margin-right: 10px;
}

#accion h5 {
    font-size: 22px;
    line-height: 30px;
    color: var(--text-grey);
    text-align: center;
}

#home_table.campaign-table .home-table-head-col-1-2 {
    width: 40%;
}

#home_table.campaign-table .home-table-head-col-3 {
    width: 15%;
}

#home_table.campaign-table .home-table-head-col-4 {
    width: 15%;
}

#home_table.campaign-table .home-table-head-col-5 {
    width: 30%;
}

#home_table.campaign-table .home-table-col-2 {
    width: 40%;
}

#home_table.campaign-table .home-table-col-3 {
    width: 15%;
}

#home_table.campaign-table .home-table-col-4 {
    width: 15%;
}

#home_table.campaign-table .home-table-col-5 {
    width: 30%;
}

#accion #custom_message {
    font-size: 18px;
    padding-left: 10%;
    padding-right: 10%;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

#accion #custom_message h2 {
    font-size: 28px;
    margin-bottom: 30px;
    color: var(--blue);
}

#accion #custom_message p {
    margin-bottom: 30px;
}

.ico-visado {
    position: relative;
    padding-left: 30px;
    align-content: center;
    align-items: center;
    font-size: 24px;
}

.ico-visado:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-image: url(../../img/viaje/ico-visado.svg);
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
}

.ico-maleta {
    position: relative;
    padding-left: 30px;
    align-content: center;
    align-items: center;
    font-size: 24px;
}

.ico-maleta:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-image: url(../../img/viaje/ico-maleta.svg);
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
}

.ico-mapa {
    position: relative;
    padding-left: 30px;
    align-content: center;
    align-items: center;
    font-size: 24px;
}

.ico-mapa:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-image: url(../../img/viaje/ico-mapa.svg);
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
}

#accion #custom_message ul {
    padding-left: 15px;
    list-style: initial;
}

#accion #custom_message ol {
    padding-left: 15px;
    list-style: initial;
    list-style-type: decimal;
}

#accion_premios {
    width: 70%;
    margin-left: 15%;
}

#accion_premios .premio-name {
    font-size: 16px;
    color: var(--dark-grey);
}

#accion_premios .premio-value {
    font-size: 22px;
    line-height: 46px;
    font-weight: bold;
    color: var(--blue);
    white-space: nowrap;
}

#accion_guias {
    width: 60%;
    margin-left: 20%;
    font-size: 16px;
    line-height: 44px;
    color: var(--white);
}

#accion_guias li {
    display: flex;
    align-items: center;
    align-content: center;
}

#accion_guias li img {
    max-width: 25px;
    margin-right: 15px;
}

#accion_guias li a:hover {
    color: var(--light-blue);
}

#accion_condiciones {
    width: 80%;
    margin-left: 10%;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
}

#accion_condiciones ul {
    list-style: inherit;
    list-style-type: disc;
}

#module-prestaincentivos-campaing .mis-ventas-box {
    width: 100%;
    font-family: 'telegraf';
}

#module-prestaincentivos-campaing .mis-ventas-box tr {
    margin-bottom: 10px;
}

#module-prestaincentivos-campaing .mis-ventas-box tr th {
    padding-top: 0;
}

#module-prestaincentivos-campaing .mis-ventas-box tr th.img-th,
#module-prestaincentivos-campaing .mis-ventas-box td.empty-td {
    width: 5%;
}

#module-prestaincentivos-campaing .mis-ventas-box th.title {
    width: 20%;
    font-size: 22px;
    font-weight: normal;
    color: var(--text-grey);
}

#module-prestaincentivos-campaing .mis-ventas-box th.status {
    width: 5%;
    font-size: 22px;
    font-weight: normal;
    color: var(--text-grey);
}

#module-prestaincentivos-campaing .mis-ventas-box th.progress-th {
    width: 60%;
}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-nombre {
    width: 15%;
    font-size: 18px;
    font-weight: normal;
}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-progress {
    width: 60%;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-progress .progress {
    width: 80%;
    position: relative;
}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-progress .progress span {
    margin-top: -37px;
    position: absolute;
    transform: translateX(-50%);
    padding: 3px;
    border-radius: 5px;
    color: var(--white);
    font-weight: bold;
    text-align: center;

}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-progress .progress svg {
    top: -33px;
    transform: scaleX(1.5) translateX(-33.333%);
}


#module-prestaincentivos-campaing .mis-ventas-box td.ventas-progress .progress .progress-target {
    position: absolute;
    left: calc(100% + 15px);
    font-size: 24px;
    font-weight: bold;
}

#module-prestaincentivos-campaing .mis-ventas-box td.ventas-status {
    width: 5%;
    text-align: center;
}

#module-prestaincentivos-campaing .mi-campaing-box {
    width: 28%;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
}

#module-prestaincentivos-campaing .mi-campaing-box img {
    margin: 15px auto;
}

#module-prestaincentivos-campaing .mi-campaing-box span {
    font-size: 20px;
    font-family: 'telegraf';
}














/* AJUSTES PANEL CONTROL */

#planeta.panel-control #panel_control_flex {
    margin-left: 0;
}

#planeta.panel-control #panel_control_flex #panel_control_graphs:before {
    display: none;
}

#planeta.panel-control #graph_product {
    margin-top: 0;
}

#planeta.panel-control #panel_control_flex #panel_control_graphs #graph_formacion {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

#planeta.panel-control #panel_control_canjeos > div#panel_control_table_canjeos {
    width: 55%;
}

#planeta.panel-control #panel_control_canjeos > div#graph_product {
    width: 40%;
}

#planeta.panel-control table tbody tr td {
    font-size: 11px;
}

#planeta.panel-control #insignias_table h3.insignia_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: var(--blue);
}

#planeta.panel-control #insignias_table h3.insignia_zone_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--blue);
}

#planeta.panel-control #insignias_table h3 a {
    color: var(--blue);
}

#planeta.panel-control #insignias_table .thebox {
    clear: both;
    padding: 10px;
}

#planeta.panel-control #insignias_table .insignia_group .thebox h3 a {
    font-weight: bold;
    font-size: 18px;
}

#planeta.panel-control #insignias_table .insignia_master_group {
    background-color: transparent;
}

#planeta.panel-control #insignias_table .insignia_group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    background-color: transparent;
}



/* VIAJE MOBILE */

@media (max-width: 767px) {
    .header-container {
        width: 100%;
        order: 1;
    }

    #header {
        position: relative;
        width: 100%;
        height: 53px;
    }

    #header .sf-menu .lnk-mensajero {
        display: block;
        position: relative;
        bottom: 0;
        padding-top: 4px;
        width: 100%;
        background-color: transparent;
        margin-top: 0;
        margin-right: 0;
    }

    #block_top_menu .sf-menu > li.lnk-mensajero::before {
      background-image: url(../../img/viaje/envelope-white.svg);
    }

    #header .column-close {
        display: none;
     }

    #header .sf-menu .column-close {
        display: block;
        position: relative;
        bottom: 0;
        padding-top: 10px;
    }

    #header .sf-menu .column-close a {
        color: var(--white);
        padding: 5px 15px 5px 55px;
    }

    #header .column-close a::before {
        top: 60%;
    }

    #header #column_logo {
        width: 20%;
        float: left;
        position: absolute;
        z-index: 999;
        left: 0;
        background-color: var(--white);
        top: 0;
        margin-top: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #header #column_logo img {
        max-width: 40px;
    }

    #mobile_footer_links {
        order: 2;
        width: 100%;
        margin-top: 0px;
        z-index: 999;
        overflow: visible;
        border-top: none;
    }

    .col-icons-desktop {
        display: none;
    }

    #col_icons {
        padding-top: 10px;
        margin-bottom: 0;
    }

    .col-icons-wrapper.col-icons-mobile {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        position: absolute;
        width: 100%;
        left: 0;
        margin-top: 0;
        top: 60px;
        transform: translateX(0);
        grid-gap: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .col-icons-wrapper > div {
        height: 100%;
    }

    .col-icons-wrapper > div.boton {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .col-icons-wrapper:before {
        display: none;
    }

    #col_icons .col-icon-data {
        padding:  15px 5px 5px;
    }

    #col_millas .col-millas-data {
        padding: 15px 5px 5px;
    }

    #col_icons > img {
        margin-bottom: -10px;
        max-width: 25px;
    }

    #col_icons .col-icon-data .col-icon-name {
        font-size: 10px;
    }

    #col_icons .col-icon-data .col-icon-status {
        font-size: 12px;
    }

    #col_millas > img {
        margin-bottom: -10px;
        max-width: 40px;
    }

    #col_millas .col-millas-activas {
        font-size: 12px;
    }

    #mobile_footer_links {
        order: 2;
        width: 100%;
    }

    .columns-container {
        order: 3;
        width: 100%;
    }

    #columns {
        padding-top: 15px;
    }

    #columnuserinfo {
        display: none;
    }

    #center_column #home {
        padding-right: 15px;
        padding-left: 15px;
    }

    #block_top_menu .sf-menu > li.menu-panel_de_control:before {
        background-image: url(../../img/viaje/panel-control-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-catalogo:before {
        background-image: url(../../img/viaje/catalogo-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-normas_de_vuelo:before {
        background-image: url(../../img/viaje/normas-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-catalogo:before {
        background-image: url(../../img/viaje/catalogo-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-guias_de_viaje:before {
        background-image: url(../../img/viaje/guia-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-mis_millas:before {
        background-image: url(../../img/viaje/millas-mobile.svg);
    }

    #block_top_menu .sf-menu > li.menu-torre_de_control:before {
        background-image: url(../../img/viaje/torre-mobile.svg);
    }



    #normas_vuelo .grid {
        grid-template-columns: 1fr;
    }


    #puntos {
        padding-top: 15px;
        flex-wrap: wrap;
    }

    #puntos > div.thebox {
        width: 100%;
        margin-bottom: 30px;
    }

    #tickerholder {
        padding-left: 0;
        padding-right: 0;
    }

    #home_table {
        padding-left: 0;
        padding-right: 0;
        font-size: 9px;
    }

    #home_table .home-table-inside {
        padding: 5px;
    }

    #home_table .home-table-contents > li > div > a {
        line-height: 24px;
    }

    #home_table .home-table-heads .home-table-head-col-1-2 {
        width: 30%;
    }

    #home_table .home-table-heads .home-table-head-col-3 {
        width: 15%;
    }

    #home_table .home-table-heads .home-table-head-col-4 {
        width: 15%;
    }

    #home_table .home-table-heads .home-table-head-col-5 {
        width: 26%;
    }

    #home_table .home-table-heads .home-table-head-col-6 {
        width: 16%;
    }


    #home_table .home-table-head-col-6 {
        width: 16%;
    }

    #home_table .home-table-col-2 {
        font-size: 9px
    }

    #home_table .home-table-col-3 {
        font-size: 9px;
        width: 15%;
    }

    #home_table .home-table-col-4 {
        font-size: 9px;
        width: 15%;
    }

    #home_table .home-table-col-5 {
        font-size: 9px;
        width: 26%;
    }

    #home_table .home-table-col-6 {
        font-size: 9px;
        width: 16%
    }

    #home_table .home-table-col-1 {
        width: 0;
        display: none;
    }

    .footer-container {
        order: 4;
    }

    #bottom_links .help-link {
        right: 75px;
    }

    #bottom_links .help-link img {
        right: 0;
    }

    #bottom_links .help-link p {
        right: 15px;
        left: inherit;
    }

    #bottom_links .cms_links {
        float: none;
        padding-right: 30%;
    }

    .footer-container #footer a {
        line-height: 18px;
        display: block;
        text-align: left;
    }

    #accion_guias {
        width: 80%;
        margin-left: 10%;
    }

    #accion #home_table.campaign-table .home-table-head-col-1-2 {
        width: 35%;
    }

    #accion #home_table.campaign-table .home-table-head-col-3 {
        width: 20%;
    }

    #accion #home_table.campaign-table .home-table-head-col-4 {
        width: 20%;
    }

    #accion #home_table.campaign-table .home-table-head-col-5 {
        width: 35%;
    }

    #accion #home_table.campaign-table .home-table-col-2 {
        width: 35%;
    }

    #accion #home_table.campaign-table .home-table-col-3 {
        width: 20%;
    }

    #accion #home_table.campaign-table .home-table-col-4 {
        width: 20%;
    }

    #accion #home_table.campaign-table .home-table-col-5 {
        width: 35%;
    }

    #accion #home_table.campaign-table .home-table-head-col-3 span {
        display: none;
    }

    #accion #home_table.campaign-table .home-table-head-col-4 span {
        display: none;
    }

    #accion #custom_message {
        padding-left: 0;
        padding-right: 0;
    }


    #accion_premios {
        width: 100%;
        margin-left: 0;
    }

    #accion .grid.grid-2 {
        grid-template-columns: 1fr;
    }

      #accion .thebox {
        width: 100%;
        padding: 15px;
    }

    .ico-visado,
    .ico-maleta,
    .ico-mapa {
        font-size: 16px;
    }

    #module-prestaincentivos-visado #center_column #visado {
        flex-wrap: wrap;
    }

    #module-prestaincentivos-visado .mis-ventas-box {
        width: 100%;
        margin-bottom: 30px;
    }

    #module-prestaincentivos-visado .mi-visado-box {
        width: 100%;
        margin: 0;
    }

    #module-prestaincentivos-visado .mis-ventas-box tr th.img-th, #module-prestaincentivos-visado .mis-ventas-box td.empty-td {
        display: none;
    }

    #module-prestaincentivos-visado .mis-ventas-box {
        padding: 15px;
    }

    #module-prestaincentivos-visado .mis-ventas-box td.ventas-nombre {
        font-size: 14px;
    }










    .simple-marquee-container {
        height: 34px;
    }

    .simple-marquee-container .marquee-content-items {
        height: 34px;
    }

    .simple-marquee-container .marquee-content-items li {
        height: 34px;
        line-height: 24px;
        font-size: 16px;
        vertical-align: text-bottom;
    }









    #module-prestaincentivos-panelcontrol #planeta > .container {
        padding-left: 0;
        padding-right: 0;
    }

    #planeta.panel-control #panel_control_flex #panel_control_graphs > div {
        width: 100%;
        margin-bottom: 30px;
    }

    #planeta.panel-control #panel_control_canjeos > div#panel_control_table_canjeos {
        width: 100%;
        margin-bottom: 30px;
    }

    #planeta.panel-control #panel_control_canjeos > div#graph_product {
        width: 100%;
    }

    #planeta.panel-control #panel_control_canjeos > div#panel_control_table_canjeos {
        padding: 15px;
    }

    #planeta.panel-control .canjeo-table {
        padding-left: 0;
    }

    #planeta.panel-control #insignias_table .insignia_group {
        display: flex;
        flex-wrap: wrap;
    }

    #planeta.panel-control #insignias_table .insignia_group table tr {
        background-color: #95C4EC;
        color: var(--black);
    }









    /* LOGIN */


    #authentication #center_column {
        margin-bottom: 0;
    }

    #authentication .footer-container {
        display: none;
    }


    #authentication #login_block {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-image:  url('https://elviajedigital.es/themes/traveler/img/viaje/login-form-bg.png');

    }

    #authentication #center_column .login-holder {
        width: 90%;
    }





    /* LLAMAUDUN */

    #llamaudun #block_top_menu {
        display: none;
    }


}






/* QUICKLOGIN */

body #center_column .fo_quicklogin_message_6 {
    position: fixed;
    right: 5px;
    top: 5px;
}

body #center_column .fo_quicklogin_message_6 tr {
    line-height: 16px;
}

body #center_column .fo_quicklogin_message_6 td {
    font-size: 10px;
}

body #center_column .fo_quicklogin_message_6 h3 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

#custom_message { margin: 40px 0 40px 0; }














#new-products_block_right, #special_block_right, #stores_block_left, #viewed-products_block_left, #best-sellers_block_right, #categories_block_left, #manufacturers_block_left, #suppliers_block_left, #layered_block_left #tags_block_left {
    background-color: transparent;
}







/* CAJA PREMIOS O RECOMPENSAS */

#premios.thebox h2 {
    margin-bottom: 60px;
    text-align: center;
    color: var(--blue);
}

#premios.thebox h4 {
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--text-grey);
}







.tabla-objetivos tr {
    position: relative;
}

.tabla-objetivos tr td {
    position: relative;
    padding-left: 0;
    padding-right: 0;

}

.tabla-objetivos tr:first-child {
    border-bottom: 1px solid var(--grey);
    margin-bottom: 10px;
}

.tabla-objetivos tr:first-child td {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 30px;
}

.tabla-objetivos tr:first-child td:first-child:after{
    content: '';
    display: none;
}

.tabla-objetivos tr:first-child td:nth-child(2) {
    color: var(--black);
}

.tabla-objetivos tr td:first-child:after {
    content: '';
    background-image: url('../../img/viaje/normas-flecha.svg');
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tabla-objetivos tr {
    margin-bottom: 30px;
}

.tabla-objetivos tr td {
    font-size: 16px;
    padding-bottom: 20px;
}

.tabla-objetivos tr td:nth-child(2) {
    text-align: right;
    color: var(--blue);
    font-size: 18px;
}

.tabla-objetivos tr:nth-child(2) td {
    padding-top: 20px;
} 




@media (min-width: 767px) {
    .sf-menu .column-close {
        display: none;
    }

    #block_top_menu .sf-menu > li::after {
        right: 0;
    }
}





@media(max-width: 1500px) {

    #block_top_menu .sf-menu > li {
        max-width: 80%;
    }

    #block_top_menu .sf-menu > li::before {
        width: 20px;
        height: 20px;
    }

    #block_top_menu .sf-menu > li > a {
        padding: 5px 5px 5px 30px;
    }

    .col-icons-wrapper {
        margin-top: 10px;
    }

    #col_icons > img {
        max-width: 25px;
    }

    #col_icons .col-icon-data {
        padding: 30px 15px 15px;
    }

    #col_icons .col-icon-data .col-icon-name,
    #col_icons .col-icon-data .col-icon-status {
        font-size: 12px;
    }

    #col_icons .boton {
        height: 28px;
    }

    #col_millas > img {
        max-width: 42px;
    }

    #col_millas .col-millas-data {
        padding: 25px 15px 0;
    }

    #col_millas .col-millas-activas {
        font-size: 12px;
    }

    #col_millas .col-millas-value {
        font-size: 18px;
    }

    #header .column-close {
        width: 80%;
        bottom: 5px;
    }

    #header .column-close a {
        justify-content: center;
    }
}