@keyframes FromTop {
    from {
        top: -10000px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
    }

    to {
        top: 100px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }
}

@-moz-keyframes FromTop {
    from {
        top: -10000px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
    }

    to {
        top: 100px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }
}

@-webkit-keyframes FromTop {
    from {
        top: -10000px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
    }

    to {
        top: 100px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
}

body.modal-open {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

.content {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.center {
    display: table;
    margin: 0 auto;
    color: #58595b;
    text-align: center;
}

.clear {
    clear: both;
}

figure {
    margin: 20px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track-piece {
    background: #eee !important;
}

::-webkit-scrollbar-thumb {
    background: #888 !important;
}

@media only screen and (min-width: 1261px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 1261px) {
    .visible-tablet {
        display: none !important;
    }
}

@media only screen and (max-width: 1261px) {
    .visible-tablet {
        display: block !important;
    }
}

/*@media only screen and (max-width: 719px) {
  .hidden-mobile {
    display: none !important;
  }
}*/
@media only screen and (min-width: 1260px) {
    .visible-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 1260px) {
    .visible-mobile {
        display: none !important;
    }
}

/*@media only screen and (max-width: 719px) {
  .visible-mobile {
    display: block !important;
  }
}*/
.visible-desktop {
    display: block;
}

@media only screen and (max-width: 1261px) {
    .visible-desktop {
        display: none !important;
    }
}

.pull-right {
    float: right;
}

a {
    color: #ec7c00;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

.btn-primary {
    background: #58595b;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    border: none;
    padding: 0 30px;
    line-height: 1.2em;
    text-decoration: none !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: #58595b;
}

.btn-default-profile {
    background: #f7f7f7;
    font-size: 0.7em;
    padding: 10px 15px;
    display: table;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border: none;
    cursor: pointer;
    font-size: 1em;
    margin: 0 0 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.btn-default-profile:hover {
    background: #ec7c00;
    color: #fff;
}

.btn-profile {
    background: #fff;
    border: solid 1px #ec7c00;
    padding: 8px 15px;
    font-size: 1em;
    color: #ec7c00;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.btn-profile:hover {
    background: #ec7c00;
    color: #fff;
    border: solid 1px #ec7c00;
}

.btn-secondary {
    background: #e9e9e9;
    color: #333;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border: none;
    padding: 0 15px;
    height: 35px;
    line-height: 1.2em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background: #ec7c00;
    color: #fff;
}

.btn-small {
    padding: 3px 10px;
    font-size: 1em;
    height: auto;
    cursor: pointer;
    border: solid 1px #ccc;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    -border-radius: 4px;
}

.btn-default {
    background: #fff;
    color: #333;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    border: none;
    padding: 0 15px;
    height: 35px;
    line-height: 1.2em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {}

h3 {
    font-size: 3.5em;
    margin: 0;
    padding: 0;
}

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

ul li {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.col-100 {
    width: 100%;
    display: table;
}

.col-50 {
    width: 50%;
    float: left;
}

.col-45 {
    width: 48%;
    float: left;
    margin-right: 2%;
    padding: 2%;
}

.col-33 {
    width: 30.3%;
    float: left;
    padding: 20px;
}

@media only screen and (max-width: 750px) {
    .col-45 {
        width: 100%;
        float: none;
        margin-right: 2%;
        padding: 2%;
    }
}

@media only screen and (max-width: 750px){
    .col-sm-50 {
      width: 100%;
      float: none;
      
  }
  
  }


.col-33:first-child {
    padding-left: 0;
}

.col-33:last-child {
    padding-right: 0;
}

.loading {
    background: #fff;
    padding: 10px;
    display: table;
    margin: 20px auto;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.loading span {
    font-size: 34px;
    width: 34px;
    height: 34px;
    display: block;
    overflow: hidden;
    background: transparent url(../kids/img/loading.gif) no-repeat;
}

.loadingInscripcion {
    background: #fff;
    padding: 10px;
    display: table;
    margin: 20px auto;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.loadingInscripcion span {
    font-size: 34px;
    width: 34px;
    height: 34px;
    display: block;
    overflow: hidden;
    background: transparent url(../kids/img/loading.gif) no-repeat;
}

.alert-error {
    background: #c70000;
    color: #fff;
    display: table;
    overflow: hidden;
    text-align: center;
    padding: 15px 25px;
    margin: 10px auto;
    font-size: 1.1em;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.alert-error.block {
    display: block;
}

.alert-info {
    background: #e7e7e7;
    color: #333;
    display: table;
    overflow: hidden;
    text-align: center;
    padding: 15px 25px;
    margin: 10px auto;
    font-size: 1.1em;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.alert-default {
    background: #e7e7e7;
    color: #333;
    display: table;
    overflow: hidden;
    text-align: center;
    padding: 15px 25px;
    margin: 30px auto;
    font-size: 1.1em;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.alert-default p {
    margin: 0;
    line-height: 1em;
}

.alert-success {
    background: #65bf29;
    color: #fff;
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
}

.modal {
    background: rgba(255, 255, 255, 0.8);
    display: none;
    position: fixed;
    overflow: auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.modal .modal-inner {
    background: #fff;
    width: 600px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -300px;
    box-shadow: 0px 2px 35px #999;
    z-index: 990;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
    animation: FromTop 0.5s ease-in-out;
    -moz-animation: FromTop 0.5s ease-in-out;
    -webkit-animation: FromTop 0.5s ease-in-out;
    -ms-animation: FromTop 0.5s ease-in-out;
}

@media only screen and (max-width: 1261px) {
    .modal .modal-inner {
        width: auto;
        height: auto;
        max-height: 99999px;
        margin: 10px;
        top: 0;
        left: 0;
        right: 0;
    }
}

.modal .modal-header {
    padding: 20px 25px;
    border-bottom: solid 1px #ebebeb;
    position: relative;
}

.modal .modal-header h3 {
    font-size: 2em;
    margin: 0;
    padding: 0;
    color: #ec7c00;
}

.modal .close-modal {
    color: #58595b;
    font-size: 1.5em;
    line-height: 1.7em;
    text-align: center;
    height: 32px;
    width: 32px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: -30px;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    -border-radius: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 1261px) {
    .modal .close-modal {
        top: 10px;
        right: 15px;
    }
}

.modal .close-modal:hover,
.modal .close-modal:active,
.modal .close-modal:focus {
    color: #fff;
}

@media only screen and (max-width: 1261px) {

    .modal .close-modal:hover,
    .modal .close-modal:active,
    .modal .close-modal:focus {
        color: #000000;
    }
}

.modal .modal-footer {
    padding: 20px;
    border-top: solid 1px #ebebeb;
    position: relative;
}

.modal .modal-body {
    padding: 30px;
    max-height: 500px;
    overflow: auto;
}

@media only screen and (max-width: 1261px) {
    .modal .modal-body {
        max-height: 9999px;
    }
}

.collapse {
    display: none;
}

.collapsing {
    display: none;
}

.collapse.in {
    display: block;
}

.tabs {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    position: absolute;
    top: -40px;
    left: 5px;
}

@media only screen and (max-width: 1261px) {
    .tabs {
        position: inherit;
        top: inherit;
        left: inherit;
        border-bottom: solid 1px #e9e9e9;
        margin-bottom: 20px;
    }
}

.tabs li {
    display: block;
    float: left;
    overflow: hidden;
}

.tabs li a {
    background: #dbdbdb;
    color: #999;
    padding: 10px 20px;
    height: 40px;
    line-height: 1.5em;
    display: block;
    -webkit-border-radius: 5px 6px 0 0;
    -webkit-border-radius: 5px 6px 0 0;
    -border-radius: 5px 6px 0 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 1261px) {
    .tabs li a {
        padding: 6px 10px;
        margin: 0;
        height: auto;
        display: table;
        background: none;
    }
}

.tabs li.active a,
.tabs li a:hover,
.tabs li a:active,
.tabs li a:focus {
    background: #fff;
    color: #000000;
}

input,
textarea,
select {
    background: #fff;
    border: solid 1px #ddd;
    padding: 10px 15px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

select {
    padding: 0 15px;
}

input:focus,
textarea:focus,
select:focus {
    box-shadow: none;
    outline: none;
    border-color: #ec7c00;
}

input.error,
textarea.error,
.custom-select.error {
    border: solid 1px #c70000;
    background: #fff4f4;
}

.error-label {
    font-size: 14px;
    color: #c70000;
    display: block;
    margin: 0 0 15px 0;
}

select {
    height: 35px;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -border-radius: 0;
}

.responsive-table {
    clear: both;
    overflow: auto;
}

@media only screen and (max-width: 719px) {
    .responsive-table {
        width: 100%;
        overflow-y: auto;
    }
}

table.grid-table tbody tr:nth-child(2n+1) {
    background: #e5bdc6;
}

table.grid-table strong {
    font-weight: 700;
}

table.profile-table {
    border: solid 1px #ccc;
    width: 100%;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

@media only screen and (max-width: 1261px) {
    table.profile-table {
        width: auto;
    }
}

table.profile-table th {
    background: #f5f5f5;
    color: #333;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
}

table.profile-table td {
    border-bottom: solid 1px #ccc;
}

table.profile-table tfoot td {
    background: #f7f7f7;
}

.send-message-icon {
    background: transparent url(../kids/img/tileset-profile.png) -60px -244px no-repeat;
    display: inline-block;
    overflow: hidden;
    height: 16px;
    width: 20px;
    margin: 0 5px 0 0;
}

@keyframes slide {
    from {
        left: -200px;
    }

    to {
        left: 0;
    }
}

@-moz-keyframes slide {
    from {
        left: -200px;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes slide {
    from {
        left: -200px;
    }

    to {
        left: 0;
    }
}

@-ms-keyframes slide {
    from {
        left: -200px;
    }

    to {
        left: 0;
    }
}

header {
    background: #404041;
    color: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

header.blog {
    background: #facf0e;
}

header.blog h1 a {
    background: transparent url(../kids/img/kids-logo.png) 0 center no-repeat;
    display: block;
    height: 60px;
    overflow: hidden;
    padding-left: 175px;
    width: auto;
    text-indent: 0;
    line-height: 3em;
    font-size: 0.8em;
    padding-right: 15px;
    color: #777;
}

header h1 {
    display: block;
    margin: 0 auto;
    padding: 25px 8px;
    float: left;
}

@media only screen and (max-width: 1261px) {
    header h1 {
        float: none;
        padding: 15px 0;
    }
}

header h1 a {
    background: transparent url(../kids/img/logo.svg) center center no-repeat;
    background-size: 100%;
    display: block;
    width: 170px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0;
    padding: 5px 10px;
}

@media only screen and (max-width: 1261px) {
    header h1 a {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 380px) {
    header h1 a {
        background: transparent url(../kids/img/logo.svg) center center no-repeat;
        background-size: 70%;
    }
}

header #ripley-header-logo {
    background: transparent url(../kids/img/ripley-logo-small.png) center center no-repeat;
    height: 60px;
    width: 150px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
    border-right: solid 1px #222;
}

@media only screen and (max-width: 1261px) {
    header #ripley-header-logo {
        display: none;
    }
}

header nav {
    display: block;
    float: right;
    padding: 35px 15px;
}

@media only screen and (max-width: 1261px) {
    header nav {
        background: none;
        position: absolute;
        display: block;
        width: 10%;
        top: 10px;
        left: 10px;
        padding: 0;
    }
}

header nav ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: table;
}

@media only screen and (max-width: 1261px) {
    header nav ul {
        position: fixed;
        top: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        left: -200px;
        width: 200px;
        z-index: 9999;
        display: none;
        overflow-x: auto;
        animation: slide 0.3s ease-in-out;
        -moz-animation: slide 0.3s ease-in-out;
        -webkit-animation: slide 0.3s ease-in-out;
        -ms-animation: slide 0.3s ease-in-out;
    }
}

@media only screen and (max-width: 1261px) {
    header nav ul.in {
        left: 0;
        display: block;
        top: 70px;
    }
}

header nav ul li {
    display: table;
    float: left;
    position: relative;
    margin: 0;
}

header nav ul li.active {
    background: #818386;
}

@media only screen and (max-width: 1261px) {
    header nav ul li {
        display: block;
        float: none;
    }
}

header nav ul li:nth-child(7) {
    display: none;
}

@media only screen and (max-width: 1261px) {
    header nav ul li:nth-child(7) {
        display: block;
    }
}

header nav ul li a {
    background: transparent;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    outline: 0;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 400;
    display: block;
    text-decoration: none !important;
    padding: 0 25px;
    border-right: 1px solid #FFF;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 1261px) {
    header nav ul li a {
        height: auto;
        line-height: 1em;
        color: #fff;
        padding: 15px 25px;
        border: none;
    }
}

header nav ul li a:hover {
    color: #fff;
}

header nav ul li a.active {
    font-weight: 700;
}

header nav ul li:last-child a {
    border-right: none;
}

header nav ul li ul li:first-child a {
    color: #FFF;
    background: none;
}

header nav ul li ul li:first-child {
    background: none;
}

header nav ul li ul {
    position: inherit;
    left: inherit;
    top: inherit;
    display: none;
    background: #58595b;
}

@media only screen and (min-width: 1261px) {
    header nav ul li ul {
        position: absolute;
        top: 30px;
        right: 0px;
        z-index: 9999;
    }
}

header nav ul li ul li {
    display: block;
    float: none;
}

header nav ul li ul a {
    color: #f7f7f7;
    background: #58595b;
    display: block;
    float: none;
    padding: 0 20px;
    width: 225px;
    line-height: 2.5em;
}

@media only screen and (max-width: 1261px) {
    header nav ul li ul a {
        width: 100%;
        font-size: 0.8em;
        line-height: 1em;
        padding: 15px 30px;
        height: auto;
    }
}

header nav ul li.open ul {
    display: block;
}

header nav ul li.profile-section a {
    padding: 0 0 0 25px;
}

@media only screen and (max-width: 1261px) {
    header nav ul li.profile-section a {
        padding: 15px 25px;
    }
}

header nav ul li.profile-section a .name {
    max-width: 94px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
}

@media only screen and (max-width: 1261px) {
    header nav ul li.profile-section a .name {
        max-width: inherit;
        text-overflow: inherit;
        white-space: inherit;
        float: none;
    }
}

header nav ul li.profile-section .profile-avie {
    height: 60px;
    width: 60px;
    display: block;
    float: right;
    overflow: hidden;
    margin: 0 0 0 15px;
    background: transparent url(../kids/img/profile-default.jpg) center center;
    background-size: 60px 60px;
}

@media only screen and (max-width: 1261px) {
    header nav ul li.profile-section .profile-avie {
        display: none;
    }
}

header nav ul li.profile-section .profile-avie img {
    width: 60px;
    height: auto;
    display: block;
}

header nav .mobile-menu,
header nav .mobile-login {
    padding: 10px 5px;
    width: 100%;
    color: #fff;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

header nav .mobile-menu:hover,
header nav .mobile-login:hover {}

header nav .mobile-menu .fa,
header nav .mobile-login .fa {
    font-size: 3em;
    display: block;
    margin: 3px 0;
}

header nav .mobile-login {
    display: none !important;
}

header.blog nav li a {
    color: #ec7c00;
}

header.blog .mobile-menu,
header.blog .mobile-login {
    background: #facf0e;
    color: #ec7c00;
}

.fa-user {
    background: url("../kids/img/icono-user.png") no-repeat center;
    height: 30px;
    background-size: 70%;
}

.fa-user:before {
    display: none;
}

.fa-bars {
    background: url("../kids/img/icono-menu.png") no-repeat center;
    height: 30px;
    background-size: 110%;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    display: none;
}

#main-slider {
    display: block;
    margin: 0;
    padding: 115px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 1261px) {
    #main-slider {
        width: 100%;
        padding: 95px 0 0;
    }
}

@media only screen and (max-width: 480px) {
    #main-slider {
        width: 100%;
        padding: 80px 0 0;
    }
}

@media only screen and (min-width: 721px) {
    #main-slider .container .slide .slide-item .desktop {
        display: show !important;
    }

    #main-slider .container .slide .slide-item .mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 720px) {
    #main-slider .container .slide .slide-item .desktop {
        display: none !important;
    }

    #main-slider .container .slide .slide-item .mobile {
        display: show !important;
    }
}

#main-slider img {
    height: auto;
    display: block;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 1261px) {
    #main-slider img {
        width: 100%;

    }
}

#main-slider figure {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {
    #main-slider figure {
        max-height: 99999px;
    }
}

#main-slider figcaption {
    background: -webkit-linear-gradient(transparent, #000000);
    background: -moz-linear-gradient(transparent, #000000);
    background: -o-linear-gradient(transparent, #000000);
    background: linear-gradient(transparent, #000000);
    display: block;
    padding: 20px 0;
    text-align: center;
    padding-bottom: 65px;
    font-size: 1.8em;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media only screen and (max-width: 1261px) {
    #main-slider figcaption {
        position: inherit;
        bottom: inherit;
        left: inherit;
        background: #000000;
    }
}

#main-slider figcaption small {
    display: block;
    font-size: 0.7em;
    margin-bottom: 10px;
}

#main-slider .slick-slider {
    overflow: hidden;
    color: #fff;
}

@media only screen and (max-width: 1261px) {
    #main-slider .slick-slider {
        max-height: 9999px;
    }
}

#main-slider .slick-dots {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    padding: 0;
    margin: 0;
}

#main-slider .slick-dots li {
    display: table;
    float: left;
    margin: 0 3px;
}

#main-slider .slick-dots li button {
    background: #fff;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    height: 12px;
    width: 10px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#main-slider .slick-dots li button:hover {
    background: #333;
}

#main-slider .slick-dots li.slick-active button {
    background: #ec7c00;
}

#search {
    background: #fff;
    text-align: center;
    color: #222;
    overflow: hidden;
    padding: 20px 0;
    clear: both;
    margin: 0;
    min-height: 580px;
}

#contenedorEventos {
    width: 1180px;
    margin: 0 auto;
}

#search.totem {
    padding: 115px 0 0;
    position: relative;
}

#search.totem .loading {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../kids/img/80.png);
    margin: 0;
    padding: 0;
}

#search.totem .loading span {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -17px 0 0 -17px;
}

#search.totem p,
#search.totem h3 {
    display: table;
    margin: 20px auto 10px;
}

#search p {
    font-size: 14px;
    margin: 0;
    line-height: 1.3em;
}

#search h3 {
    margin: 15px 0;
    background: url(../kids/img/hacer-regalo.png) no-repeat center top;
    color: #58595b;
    font-size: 14px;
    font-weight: 700;
    padding: 55px 0 0;
    text-transform: uppercase;
}

#search .regalo {
    color: #ec7c00;
}

#search .texto {
    color: #000;
}

#search .titulo-search {
    display: block;
    width: 100%;
}

@media only screen and (max-width:1261px) {
    #search .titulo-search {
        float: none;
        width: 100%;
        text-align: center;
    }
}

#search #search-box {
    padding: 10px 0 0;
    display: block;
    width: 50%;
    margin: 0 auto;
}

@media only screen and (max-width:1240px) {
    #search #search-box {
        width: 70%;
    }
}

@media only screen and (max-width:800px) {
    #search #search-box {
        width: 85%;
    }
}

@media only screen and (max-width:700px) {
    #search #search-box {
        width: 100%;
    }
}

#search #search-box ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
    position: absolute;
    top: -67px;
    left: 0;
}

@media only screen and (max-width: 719px) {
    #search #search-box ul {
        width: 100%;
    }
}

#search #search-box ul li {
    display: block;
    float: left;
}

@media only screen and (max-width: 719px) {
    #search #search-box ul li {
        width: 50%;
    }
}

#search #search-box ul li a {
    background: #444;
    color: #222;
    display: block;
    padding: 12px 15px;
    font-size: 1.2em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 719px) {
    #search #search-box ul li a {
        background: #222;
    }
}

#search #search-box ul li a:hover,
#search #search-box ul li a:active,
#search #search-box ul li a:focus {
    background: #000000;
    color: #fff;
}

#search #search-box ul li.active a {
    background: #000000;
    color: #fff;
}

#search #search-box #search-box-holder {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

@media only screen and (max-width: 1261px) {
    #search #search-box #search-box-holder {
        width: 100%;
    }
}

#search #search-box #search-box-holder .center {
    display: block;
}

@media only screen and (max-width: 719px) {
    #search #search-box #search-box-holder .center {
        padding: 0 25px;
    }
}

#search #search-box #search-box-holder input {
    border: 2px solid #d2d2d2;
    padding: 8px 10px;
    background: #fff;
    color: #abacae;
    font-size: 11px;
    text-transform: uppercase;
    width: 45%;
    float: left;
    margin: 20px 10px;
}

#search #search-box #search-box-holder .custom-select {
    display: block;
    float: left;
    width: 25%;
    height: 45px;
    font-size: 1em;
    border: none;
    border-right: solid 1px #eee;
    position: relative;
    margin: 0;
}

#search #search-box #search-box-holder .custom-select select {
    height: 45px;
}

.custom-select {
    display: block;
    overflow: hidden;
    border: solid 1px #ddd;
    position: relative;
    margin-bottom: 20px;
    padding-right: 30px;
    background: #fff url(../kids/img/select-bg.png) right 15px no-repeat;
}

.custom-select select {
    display: block;
    width: 130%;
    border: none;
    padding: 0 15px;
    margin: 0 !important;
    font-size: 13px;
    background: none;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#search #search-box #search-box-holder button {
    background: #58595b;
    color: #fff;
    border: 1px solid #acacac;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    padding: 5px 20px;
    float: left;
    cursor: pointer;
    margin: 20px 0;
}

#search #search-box #search-box-holder button:hover {
    background: #58595b;
}

#search #search-box #search-box-holder a {
    display: block;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
}

#accesos-directos {
    min-height: 500px;
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0 0px;
}

@media only screen and (max-width:720px) {
    #accesos-directos {
        min-height: 250px;
    }
}

#accesos-directos .container {
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

#accesos-directos .accesos {
    background: url(../kids/img/banner-principal.png) no-repeat center;
    background-size: cover;
    width: 100%;
    min-height: 550px;
    padding: 15% 10%;
    text-align: center;
    border-top-right-radius: 80px;
}

@media only screen and (max-width:1240px) {
    #accesos-directos .accesos {
        padding: 15% 0;
    }
}

@media only screen and (max-width:1261px) {
    #accesos-directos .accesos {
        padding: 5% 0;
    }
}

@media only screen and (max-width:720px) {
    #accesos-directos .accesos {
        min-height: 250px;
    }
}

#accesos-directos .acceso {
    width: 20%;
    margin: 4%;
    display: inline-block;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #FFF;
}

@media only screen and (max-width:1024px) {
    #accesos-directos .acceso {
        width: 25%;
    }
}

@media only screen and (max-width:1261px) {
    #accesos-directos .acceso {
        width: 32%;
        margin: 4% auto;
        display: block;
    }
}

@media only screen and (max-width:580px) {
    #accesos-directos .acceso {
        width: 50%;
    }
}

@media only screen and (max-width:380px) {
    #accesos-directos .acceso {
        width: 70%;
    }
}

#accesos-directos .acceso a {
    display: block;
    margin: 0 auto;
    color: #FFF;
    padding: 110px 30px 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #FFF;
    opacity: 0.6;
}

@media only screen and (max-width:480px) {
    #accesos-directos .acceso a {
        font-size: 11px;
        padding: 85px 30px 15px;
    }
}

#accesos-directos .acceso .regalo {
    background: url(../kids/img/acceso-regalo.png) no-repeat center 20px #171717;
    background-size: 65px;
}

@media only screen and (max-width:480px) {
    #accesos-directos .acceso .regalo {
        background-size: 44px;
    }
}

#accesos-directos .acceso .inscripcion-aqui {
    background: url(../kids/img/acceso-inscripcion.png) no-repeat center 20px #f2dc34;
    background-size: 65px;
}

@media only screen and (max-width:480px) {
    #accesos-directos .acceso .inscripcion-aqui {
        background-size: 44px;
    }
}

#accesos-directos .acceso .ingreso-aqui {
    background: url(../kids/img/acceso-ingresa.png) no-repeat center 20px #171717;
    background-size: 65px;
}

@media only screen and (max-width:480px) {
    #accesos-directos .acceso .ingreso-aqui {
        background-size: 44px;
    }
}

#accesos-directos h3 {
    text-align: center;
    color: #58595b;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 10px 0;
}

#accesos-directos h4 {
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 30px auto 0;
    line-height: 20px;
    font-weight: 300;
    width: 80%;
    color: #58595b;
}

#accesos-directos span {
    font-weight: 700;
}

#latest-posts {
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

@media only screen and (max-width:1261px) {
    #latest-posts {
        padding: 30px 0;
    }
}

#latest-posts a {
    display: block;
}

#latest-posts h2 {
    font-size: 32px;
    display: none;
    font-weight: normal;
    margin: 0 0 30px;
}

#latest-posts .col-70 h3 {
    color: #58595b;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 15px;
    display: block;
}

#latest-posts .post-single {
    width: 24%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0;
    margin: 2px 4px;
}

@media only screen and (min-width: 1261px) {
    /*  #latest-posts .post:nth-child(3n+1){
    clear:left;
  }*/
}

@media only screen and (max-width: 1261px) {
    #latest-posts .post:nth-child(2n+1) {
        clear: left;
    }

    #latest-posts .post-single {
        width: 46%;
        height: auto;
    }
}

@media only screen and (max-width: 380px) {
    #latest-posts .post-single {
        width: 100%;
        height: auto;
    }
}

#latest-posts .post-single img {
    width: 100%;
    height: auto;
    display: block;
}

#latest-posts .post-single img.responsive-grid {
    display: none;
}

@media only screen and (max-width: 1261px) {
    #latest-posts .post-single img {
        text-align: center;
    }
}

#latest-posts .post-double {
    width: 49%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0;
    height: 288px;
    margin: 2px 4px;
}

#latest-posts .post-double img.responsive-grid {
    display: none;
}

@media only screen and (max-width:1261px) {
    #latest-posts .post-double {
        width: 46%;
        height: auto;
    }

    #latest-posts .post-double img {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media only screen and (max-width:380px) {
    #latest-posts .post-double {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1261px) {
    #latest-posts .post-double img {
        width: auto;
        height: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }

    #latest-posts .post-double img.responsive-grid {
        position: inherit;
        width: 100%;
        height: auto;
        display: block;
    }
}

#latest-posts figure {
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    position: relative;
}

#latest-posts figure img {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -webkit-transition: .2s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: .2s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: .2s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .2s cubic-bezier(.77, 0, .175, 1);
    display: block;
}

#latest-posts .post:hover figure img {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
}

#latest-posts .category {
    color: #222;
    padding: 0;
    margin: 0;
    font-size: 1em;
    position: absolute;
    top: 15%;
    text-align: center;
    width: 100%;
    z-index: 20;
    -webkit-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .6s cubic-bezier(.77, 0, .175, 1);
    display: none;
}

#latest-posts .post:hover .category {
    display: block;
    text-indent: -9999px;
    height: 150px;
}

.category.tips {
    background: url("../kids/img/icono-tips.png") no-repeat center;
}

.category.convenios {
    background: url("../kids/img/icono-convenios.png") no-repeat center;
}

.category.luna-de-miel {
    background: url("../kids/img/icono-luna-de-miel.png") no-repeat center;
}

.category.ceremonia-y-fiesta {
    background: url("../kids/img/icono-ceremonia-y-fiesta.png") no-repeat center;
}

.category.eventos {
    background: url("../kids/img/icono-eventos.png") no-repeat center;
}

.category.tendencias {
    background: url("../kids/img/icono-tendencias.png") no-repeat center;
}

.category.concursos {
    background: url("../kids/img/icono-concursos.png") no-repeat center;
}

/*#latest-posts .category:hover {
  background: #ec7c00;
  color: #fff;
}*/
#latest-posts h5 {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.3em;
    color: #333;
    background: #FFF;
    opacity: 0.8;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#latest-posts h5 small {
    font-size: 0.5em;
    display: none;
    font-weight: 300;
    margin-bottom: 5px;
    color: #ccc;
}

#latest-posts h4 {
    padding: 45px 30px;
    font-size: 4em;
    width: 100%;
    display: block;
    margin: 0;
    font-weight: 300;
    color: #ec7c00;
}

@media only screen and (max-width: 1261px) {
    #latest-posts h4 {
        font-size: 2.2em;
    }
}

#latest-posts .wide-link {
    background: #000000;
    color: #fff;
    font-size: 1.2em;
    padding: 15px 0;
    display: block;
    text-align: center;
    clear: both;
}

#instagram,
#twitter,
#facebook,
#newsletter,
#pinterest,
#instagram-wide,
#youtube {
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    margin: 0 10px;
}

#instagram {
    width: 30% !important;
}

@media only screen and (max-width: 1261px) {

    #instagram,
    #twitter,
    #facebook,
    #newsletter,
    #pinterest,
    #instagram-wide,
    #youtube {
        float: none;
        width: 100%;
    }
}

#instagram h3,
#twitter h3,
#facebook h3,
#newsletter h3,
#pinterest h3,
#instagram-wide h3,
#youtube h3 {
    background: #f5f5f5;
    color: #333;
    display: block;
    padding: 15px 20px;
    font-size: 1.5em;
}

#instagram-wide {
    width: 100%;
}

#instagram-wide a {
    width: 16.6%;
    display: block;
    float: left;
    position: relative;
    background: #ec7c00;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}

#instagram-wide a:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

@media only screen and (max-width: 1261px) {
    #instagram-wide a {
        width: 16.6%;
    }
}

@media only screen and (max-width: 719px) {
    #instagram-wide a {
        width: 33.3%;
    }
}

#instagram-wide a img {
    display: block;
    width: 100%;
}

#instagram a {
    width: 20%;
    display: block;
    float: left;
    position: relative;
    background: #fff;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}

#instagram a:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

@media only screen and (max-width: 1261px) {
    #instagram a {
        width: 16.6%;
    }
}

@media only screen and (max-width: 719px) {
    #instagram a {
        width: 33.3%;
    }
}

#instagram a img {
    display: block;
    width: 100%;
}

#instagram a #instafeed {
    overflow: hidden;
}

#twitter {
    background: #fff;
}

#twitter iframe {
    width: 100% !important;
    display: block;
}

#facebook {
    background: #fff;
    width: 50%;
    display: block;
}

@media only screen and (max-width: 1261px) {
    #facebook {
        width: 100%;
    }
}

#facebook .fb-page {
    display: block;
    margin: 0 auto;
    width: 100%;
}

#facebook h3 {
    background: #ec7c00;
    color: #FFF;
    width: 340px
}

@media only screen and (max-width: 1261px) {
    #facebook h3 {
        margin: 0 auto;
    }
}

#newsletter {
    background: #ffffff url(../kids/img/newsletter.png) center bottom no-repeat;
}

#newsletter #email-holder {
    width: 70%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

#newsletter p {
    display: block;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 25px;
    padding: 0 25px;
}

#newsletter input {
    border: solid 1px #ccc;
    height: 35px;
    display: block;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 10px;
}

#newsletter button {
    display: table;
    margin: 0 auto 90px;
    cursor: pointer;
}

#pinterest {
    background: #fff;
}

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

#pinterest ul li {
    display: block;
    background-color: #000;
    float: left;
    width: 33.3%;
    height: 33.3%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}

#pinterest ul li:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

@media only screen and (max-width: 1261px) {
    #pinterest ul li {
        width: 16.6%;
    }
}

#pinterest ul li a {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-indent: -9999px;
}

#modal-contact h4 {
    display: block;
    margin: 0 0 20px;
    text-align: center;
    font-size: 1.3em;
    font-weight: normal;
}

#modal-contact label {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#modal-contact input,
#modal-contact textarea {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#modal-contact textarea {
    height: 100px;
    resize: vertical;
}

#modal-contact .btn {
    height: 35px;
    font-size: 1.4em;
    line-height: 2.2em;
    display: table;
    float: right;
    padding: 2px 40px;
}

#modal-login .modal-inner {
    width: 580px;
    margin: 0 0 0 -300px;
    top: 70px;
    left: 50%;
}

@media only screen and (max-width: 719px) {
    #modal-login .modal-inner {
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        overflow: auto;
        position: fixed;
        margin: 0;
        z-index: 900;
    }
}

#modal-login img {
    display: block;
    margin: 0 auto 10px;
}

#modal-login h4 {
    font-size: 17px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 20px auto;
    color: #58595b;
    font-weight: 700;
}

#modal-login label {
    display: block;
    margin: 0 auto 5px;
    width: 70%;
}

#modal-login input {
    display: block;
    margin: 0 auto 10px;
    width: 70%;
    font-size: 14px;
}

#modal-login .btn-primary {
    display: table;
    font-size: 17px;
    padding: 10px 30px;
    font-weight: 700;
    margin: 20px auto;
    text-transform: uppercase;
}

#modal-login #forgoten-password {
    display: block;
    width: 100%;
    margin: 10px auto;
    line-height: 2.3em;
    color: #58595b;
    text-align: center;
}

#modal-login .modal-footer {
    clear: both;
    text-align: center;
    background: #f7f7f7;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
}

#modal-login .modal-footer p {
    margin: 0;
}

#modal-login .modal-footer p a {
    color: #58595b;
}

#single article .article-inner {
    width: 70%;
    float: left;
    padding: 45px;
    z-index: 200;
    background-color: #fff;
}

@media only screen and (max-width: 1261px) {
    #single article .article-inner {
        width: 100%;
        padding: 20px;
    }
}

#single article .article-inner h2 {
    font-size: 32px;
    color: #ec7c00;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 800;
}

@media only screen and (max-width: 1261px) {
    #single article .article-inner h2 {
        font-size: 2em;
        text-align: left;
        margin: 0 0 20px;
    }
}

#single article .article-inner h3 {
    font-size: 2em;
    color: #ec7c00;
    margin: 0 0 20px;
}

#single article .article-inner p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #646262;
    display: block;
    width: 100%;
    float: left;

}

#single article .article-inner strong {
    font-weight: 800;
}

#single article .article-inner em {
    font-size: 1.6em;
    line-height: 1.3em;
    padding: 30px 0;
}

@media only screen and (max-width: 1261px) {
    #single article .article-inner em {
        font-size: 1.3em;
        padding: 0;
    }
}

#single article .article-inner h4 {
    font-size: 2em;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    color: #ec7c00;
}

#single article .article-inner img {
    padding: 0;
    margin: 0 0 15px;
    max-width: 100%;
}

#single article .article-inner img.align-left {
    margin-right: 15px;
    display: table;
    float: left;
}

#single article .article-inner img.align-right {
    margin-left: 15px;
    display: table;
    float: right;
}

#single article .article-inner img.align-center {
    margin: 0 auto 15px;
    display: table;
}

#single article .article-inner .social {
    font-size: 1.3em;
    display: table;
    width: 100%;
}

#single article .article-inner .social .share {
    display: block;
    float: left;
    margin-right: 10px;
    line-height: 2.2em;
}

#single article .article-inner .social a {
    background: #ccc;
    color: #fff;
    font-size: 1.6em;
    display: block;
    height: 40px;
    width: 40px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    line-height: 1.7em;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    -border-radius: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#single article .article-inner .social a:hover {
    background: #ec7c00;
}

#single article aside {
    width: 30%;
    float: left;
    padding: 10px 40px;
    margin: 115px 0;
    background: #eeeeed
}

@media only screen and (max-width: 1261px) {
    #single article aside {
        width: 100%;
        padding: 0 45px 45px;
    }
}

#single article aside h3 {
    font-size: 20px;
    text-align: center;
    margin: 15px 0;
    color: #646262;
}

#single article aside .related-post {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

@media only screen and (max-width: 1261px) {
    #single article aside .related-post {
        width: 33.3%;
        display: block;
        float: left;
        margin: 0;
    }
}

@media only screen and (max-width: 719px) {
    #single article aside .related-post {
        width: 100%;
        display: block;
        float: none;
        margin: 0 0 30px;
    }
}

#single article aside .related-post .category {
    background: #fff;
    color: #ec7c00;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30;
}

#single article aside .related-post a {
    display: block;
    overflow: hidden;
}

#single article aside .related-post figure {
    margin: 0;
    padding: 0;
    display: block;
    width: 40%;
    float: left;
}

#single article aside .related-post img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;

}

#single article aside .related-post a:hover img {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

#single article aside .related-post h4 {
    font-size: 16px;
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 19px;
    width: 50%;
    font-weight: 800;
    color: #ec7c00;
}

#single article aside .related-post h4 small {
    display: block;
    color: #ccc;
    font-size: 0.6em;
    margin-bottom: 5px;
}

.disclaimer-noviosgold {
    background: #fae8a0;
    color: #4e3e1f;
    font-size: 1em !important;
    padding: 15px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.disclaimer,
.legal {
    background: #f7f7f7;
    color: #333;
    font-size: 1em !important;
    padding: 15px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
    text-align: center;
}

#featured-image {
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 1261px) {
    #featured-image {
        max-height: 900px;
    }
}

#featured-image img {
    display: block;
    width: 100%;
    height: auto;
}

#featured-image h2 {
    font-size: 4em;
    max-width: 65%;
    text-align: right;
    color: #ec7c00;
    display: none;
    background: #fff;
    padding: 15px 25px;
    margin: 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

@media only screen and (max-width: 1261px) {}

@media only screen and (max-width: 719px) {
    #featured-image h2 {
        font-size: 3em;
    }
}

#single .content {
    padding: 40px 0;
}

@media only screen and (max-width: 1261px) {
    #single .content {
        padding: 10px;
    }
}

#single .content p {
    text-align: center;
    font-size: 1.4em;
}

#single .content h3 {
    display: block;
    text-align: center;
    margin: 0 0 30px;
}

table {
    text-align: center;
}

table td,
table th {
    padding: 10px;
}

@media only screen and (max-width: 719px) {
    table thead {
        display: none;
    }
}

table thead tr {
    background: #771469;
    color: #fff;
    font-size: 1.1em;
}

table thead .gold {
    background: #ac8a00;
}

table tbody tr:nth-child(2n+1) {
    background: #f7f7f7;
}

@media only screen and (max-width: 719px) {
    table.stackable td {
        display: block;
        clear: both;
        width: 100%;
    }
}

table .title {
    font-size: 1.1;
    color: #ec7c00;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
    font-weight: bold;
    text-align: left;
}

.texto-beneficio {
    font-size: 14px;
    text-align: center;
    display: block;
    width: 100%;
}

.beneficio {
    width: 60%;
    margin: 30px auto;
    display: table;
}

@media only screen and (max-width: 480px) {
    .beneficio {
        width: 90%;
    }
}

.beneficio .col-100 {
    margin: 30px auto 5px;
}

.beneficio .col-70 p {
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .beneficio .col-30 {
        width: 100%;
    }

    .beneficio .col-70 {
        width: 100%;
    }

    .beneficio .col-70 p {
        font-size: 12px;
        text-align: center;
    }
}

.beneficio .col-70 .moneda {
    margin: 60px auto 0;
}

#inscribete-aqui {
    margin: 40px 0;
    display: block;
    width: 100%;
    text-align: center;
}

#inscribete-aqui a {
    background: #ec7c00;
    padding: 5px 10px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
}

.lattam h3 {
    color: #02668f !important;
    font-size: 20px !important;
    text-align: left !important;
}

.lattam p {
    display: block;
    text-align: left;
}

#benefits {
    position: relative;
    overflow: hidden;
}

#benefits-details {
    padding: 30px 0 20px;
    overflow: hidden;
    font-size: 1.2em;
    line-height: 1.4em;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    #benefits-details {
        padding: 20px 0;
    }
}

#benefits-details small {
    display: block;
    margin-bottom: 15px;
    font-size: 0.8em;
}

#benefits-details .container {
    background: #fff;
}

#benefits-details .container h2 {
    color: #ec7c00;
    margin: 20px 0 30px;
    text-align: center;
    font-size: 3em;
}

@media only screen and (max-width: 719px) {
    #benefits-details .container h2 {
        font-size: 2em;
        line-height: 1.3em;
    }
}

#benefits-details .btn {
    padding: 15px 35px;
}

#benefits-details img {
    max-width: 100%;
    height: auto;
}

#benefits-details h3 {
    color: #58595b;
    font-size: 25px;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
    display: block;
}

#benefits-details ul {
    margin: 0 auto 60px;
    display: table;
}

#benefits-details ul li {
    margin: 0 0 15px;
    font-size: 1em;
    list-style-type: disc;
    text-align: left;
}

#benefits-details figure {
    margin: 10px 0 5px 0;
}

#ayuda {
    padding: 50px 0 0;
    overflow: hidden;
    font-size: 1.2em;
    line-height: 1.4em;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    #ayuda figure {
        margin: 0 !important;
    }

    #ayuda img {
        max-width: 100% !important;
    }
}

#ayuda img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

#ayuda h3 {
    color: #58595b;
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 0px 0 50px;
    text-transform: uppercase;
}

@media only screen and (max-width: 550px) {
    #ayuda h3 {
        margin: 0 0 30px;
    }
}

#ayuda ul {
    margin: 0 auto 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

#ayuda ul li {
    margin: 0 5px;
    font-size: 17px;
    list-style-type: none;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 30%;
    font-weight: 700;
}

@media only screen and (max-width: 900px) {
    #ayuda ul li {
        font-size: 18px;
        width: 30%;
        margin: 0 1%;
    }
}

@media only screen and (max-width: 480px) {
    #ayuda ul li {
        width: 31%;
    }
}

#ayuda ul li a {
    color: #58595b;
    padding: 0;
    display: block;
}

#sidebar-filter {
    width: 20%;
    display: block;
    float: left;
    padding: 30px 30px 0 0;
}

@media only screen and (max-width: 1261px) {
    #sidebar-filter {
        width: 100%;
        float: none;
        padding: 0;
    }
}

#sidebar-filter #filter-benefits {
    display: none;
    height: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#sidebar-filter #filter-benefits.in {
    display: block;
    height: auto;
}

@media only screen and (min-width: 1261px) {
    #sidebar-filter #filter-benefits {
        display: block;
        height: auto;
    }
}

#sidebar-filter .btn {
    background: #f7f7f7;
    color: #222;
    font-size: 16px;
    padding: 10px 20px;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

#sidebar-filter .btn.active,
#sidebar-filter .btn:hover {
    background: #ec7c00;
    color: #fff;
}

#sidebar-filter h4 {
    font-size: 18px;
    display: block;
    padding: 10px 0;
    margin: 0 0 10px;
}

#sidebar-filter ul {
    display: block;
    margin: 0 0 20px;
    padding: 0;
}

#sidebar-filter ul li {
    display: block;
    margin: 0;
    border-bottom: solid 1px #ddd;
}

#sidebar-filter ul li a {
    background: #f7f7f7;
    padding: 7px 20px;
    color: #222;
    display: block;
    font-size: 13px;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#sidebar-filter ul li a:hover,
#sidebar-filter ul li.active a {
    background: #ec7c00;
    color: #fff;
}

#filtered-benefits {
    width: 100%;
    display: block;
    float: left;
    padding: 30px 0 0;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1261px) {
    #filtered-benefits {
        width: 100%;
    }
}

#filter-benefits {
    text-align: left;
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
}

#filtered-benefits h2 {
    color: #ec7c00;
    font-size: 25px;
}

@media only screen and (max-width: 719px) {
    #filtered-benefits h2 {
        text-align: center;
    }
}

#filtered-benefits h3 {
    color: #646262;
    font-size: 20px;
    padding: 40px 5px 10px;
    font-weight: 400;
}

@media only screen and (max-width: 719px) {
    #filtered-benefits h3 {
        text-align: center;
    }
}

#filter-benefits .item {
    margin: 0 20px 0 0;
    display: inline-block;
    background: #ec7c00;
    color: #FFF;
    font-size: 17px;
}

@media only screen and (max-width: 719px) {
    #filter-benefits .item {
        margin: 20px auto;
        display: block;
    }
}

#filter-benefits .btn {
    color: #646262;
}

@media only screen and (max-width: 719px) {
    #filter-benefits .btn {
        margin: 20px auto;
        display: block;
    }
}

#benefits .benefits-item {
    width: 25%;
    max-height: 300px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 5px;
}

@media only screen and (max-width: 719px) {
    #benefits .benefits-item {
        width: 50%;
    }
}

@media only screen and (max-width: 380px) {
    #benefits .benefits-item {
        width: 100%;
    }
}

#benefits .benefits-item figure {
    margin: 0;
    padding: 0;
    position: relative;
    max-height: 260px;
    overflow: hidden;
}

#benefits .benefits-item figure::after {
    content: '';
    background: #FFF;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#benefits .benefits-item figure img {
    width: 100%;
    height: auto;
    display: block;
}

#benefits .benefits-item:hover figure::after {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    filter: alpha(opacity=70);
}

@media only screen and (max-width: 719px) {
    #benefits .benefits-item figure::after {
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

#benefits .benefits-item h3 {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 98%;
    z-index: 20;
    text-align: center;
    line-height: 1.3em;
    color: #333;
    background: #FFF;
    opacity: 0.8;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#benefits .benefits-item .discount {
    font-size: 60px;
    color: #646262;
    text-align: center;
    width: 100%;
    padding: 0;
    font-weight: bold;
    display: none;
    position: absolute;
    bottom: 40%;
    left: 0;
    z-index: 20;
    -webkit-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .6s cubic-bezier(.77, 0, .175, 1);
    line-height: 55px;
}

@media only screen and (max-width: 719px) {
    #benefits .benefits-item .discount {
        color: #333;
        display: block;
    }
}

#benefits .benefits-item:hover .discount {
    display: block;
}

#benefits .add-me-benefits {
    background: #ec7c00;
    padding: 12px 20px;
    display: block;
    color: #fff;
    font-size: 1.3em;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#benefits .add-me-benefits:hover,
#benefits .add-me-benefits:active,
#benefits .add-me-benefits:focus {
    background: #000000;
}

@media only screen and (max-width: 719px) {
    #benefits .add-me-benefits {
        position: inherit;
        bottom: inherit;
        right: inherit;
        width: 100%;
        clear: both;
        text-align: center;
    }
}

#add-benefits label {
    display: block;
    margin-bottom: 5px;
}

#add-benefits input {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

#add-benefits .btn {
    height: 35px;
    line-height: 2em;
    font-size: 1.3em;
}

#faq-noviosripley {
    overflow: hidden;
    padding: 0;
}

.preguntas {
    width: 85%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1261px) {
    .preguntas {
        width: 95%;
    }
}

#faq-noviosripley .col-50 {
    padding: 45px 70px;
}

@media only screen and (max-width: 1261px) {
    #faq-noviosripley .col-50 {
        padding: 25px 10px;
    }
}

#faq-noviosripley h3 {
    font-size: 21px;
    display: block;
    text-align: center;
    margin: 0 0 20px;
    color: #ffffff;
    clear: both;
    background-color: #868585;
}

#faq-noviosripley h4 {
    font-size: 1.6em;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    color: #ec7c00;
}

#faq-noviosripley p {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    margin: 0;
    color: #58595d;
}

@media only screen and (max-width: 480px) {
    #faq-noviosripley p {
        font-size: 12px;
    }
}

#faq-noviosripley ul {
    display: block;
    text-align: center;
    padding: 0 0 50px;
}

#faq-noviosripley ul li {
    font-size: 1em;
    margin: 38px 0 0;
    text-align: left;
}

#faq-noviosripley ul li a {
    color: #771469;
    font-size: 18px;
    font-weight: 900;
    display: block;
    margin: 0 0 15px;
}

@media only screen and (max-width: 480px) {
    #faq-noviosripley ul li a {
        font-size: 14px;
    }
}

#faq-noviosripley ul li a:hover {
    color: #58595d;
}

#faq-noviosripley img {
    margin: 0 auto;
    display: block;
}

#related-faq {
    background: #f7f7f7;
    overflow: hidden;
    padding: 30px 0;
}

@media only screen and (max-width: 1261px) {
    #related-faq {
        padding: 25px 10px;
    }
}

#related-faq h2 {
    font-size: 2em;
    display: block;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center;
}

#related-faq .toggable {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

#related-faq .toggable:hover,
#related-faq .toggable:active,
#related-faq .toggable:focus {
    color: #ec7c00;
}

#related-faq .toggable h3 {
    font-size: 1.4em;
    display: block;
    text-align: center;
}

#related-faq .toggable .fa {
    font-size: 1.6em;
    display: none;
}

#related-faq .toggable .fa.fa-plus {
    float: right;
}

#related-faq .toggable .fa.fa-minus {
    float: right;
}

#related-faq p {
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 15px;
    display: none;
    text-align: center;
}

#related-faq p.in {
    display: block;
}

#signup {
    padding: 0;
    display: block;
}

#signup.inscribete {
    padding: 100px 0 0;
}

@media only screen and (max-width: 1261px) {
    #signup.inscribete {
        padding: 70px 0 0;
    }
}

#signup .content {
    padding: 0 0 35px;
    width: 60%;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {
    #signup .content {
        width: 90%;
    }
}

@media only screen and (max-width: 719px) {
    #signup .content {
        width: 90%;
    }
}

#signup h3 {
    color: #58595b;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0;
    display: block;
}

#signup h4 {
    display: block;
    text-align: left;
    font-size: 18px;
    color: #ec7c00;
    margin: 0 0 30px;
}

#signup label {
    display: block;
    margin: 5px auto;
    text-align: left;
    color: #58595b;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}

#signup label span {
    color: #58595b;
    font-size: 12px;
    text-align: center;
}

#signup label.radio {
    font-size: 1.1em;
    margin-right: 15px;
}

#signup .col-50 {
    padding: 10px;
}

#signup .col-50.center {
    float: none;
}

#signup .col-30 {
    width: 30%;
    display: block;
    float: left;
    margin-right: 10px;
}

#signup .col-70 {
    width: 65%;
    display: block;
    float: right;
}

.col-30 {
    width: 30%;
    display: block;
    float: left;
}

.col-66 {
    width: 60%;
    float: left;
    margin-top: 25px;
  }

  @media only screen and (max-width: 750px){
    .col-66 {
      width: 100%;
      float: none;
  }
  
  }


.col-70 {
    width: 65%;
    display: block;
    float: right;
}


#signup select,
#signup input {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    height: 35px;
}

#signup input[type="radio"],
#signup input[type="checkbox"] {
    display: inline;
    width: auto;
    height: auto;
}

#signup input[type="radio"]+label,
#signup input[type="checkbox"]+label {
    display: inline;
    width: auto;
}

#signup .steps {
    overflow: hidden;
    margin-bottom: 30px;
}

#signup .steps ul {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
}

@media only screen and (max-width: 1261px) {
    #signup .steps ul {
        float: none;
        margin: 0 auto;
        display: table;
    }
}

#signup .steps ul li {
    background: #f7f7f7;
    color: #ccc;
    height: 35px;
    width: 35px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 27pt;
    -webkit-border-radius: 25px;
    -webkit-border-radius: 25px;
    -border-radius: 25px;
}

#signup .steps ul li.active {
    color: #fff;
    background: #ec7c00;
}

#signup .btn {
    line-height: 2.5em;
    display: table;
    color: #FFF;
}

@media only screen and (max-width: 1261px) {
    #signup .btn {
        float: none;
        margin: 0 auto 10px;
    }
}

#signup .add-form {
    font-size: 1.3em;
    display: table;
    margin-bottom: 30px;
    float: left;
}

@media only screen and (max-width: 1261px) {
    #signup .add-form {
        float: none;
        margin: 0 auto 30px;
    }
}

#signup #collapsesecond {
    clear: both;
    padding: 0 0 30px;
}

#gift-list-search {
    padding: 30px 0 0;
}

#gift-list-search h2 {
    display: block;
    text-align: center;
    font-size: 3em;
    padding: 0;
    margin: 0 0 15px;
}

#gift-list-search p {
    display: block;
    text-align: center;
    margin: 0 0 60px;
    padding: 0;
    font-size: 1.3em;
}

#gift-list-search #search-tabs {
    background: #333;
    padding: 15px 0;
}

#gift-list-search #search-tabs .content {
    width: 70%;
}

@media only screen and (max-width: 719px) {
    #gift-list-search #search-tabs .content {
        width: 95%;
    }
}

.tabs-filter {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    position: absolute;
    top: -55px;
    left: 0;
}

@media only screen and (max-width: 719px) {
    .tabs-filter {
        left: -5%;
        right: -5%;
        top: -55px;
    }
}

.tabs-filter li {
    display: block;
    float: left;
    margin: 0;
}

@media only screen and (max-width: 719px) {
    .tabs-filter li {
        width: 50%;
        text-align: center;
    }
}

.tabs-filter a {
    background: #333;
    padding: 0 15px;
    height: 50px;
    color: #fff;
    display: block;
    font-size: 1.1em;
    line-height: 2.6em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.tabs-filter a:hover,
.tabs-filter a:active,
.tabs-filter a:focus {
    background: #ec7c00;
}

.tabs-filter .active a {
    background: #ec7c00;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.tab-pane .center {
    width: 100%;
    margin: 0 auto;
}

.tab-pane .center input {
    display: block;
    float: left;
    width: 80%;
    margin-bottom: 10px;
}

.tab-pane .center button {
    display: block;
    float: left;
    width: 20%;
    margin-bottom: 10px;
    cursor: pointer;
}

.tab-pane .center button .fa {
    margin-right: 10px;
}

#gift-search-results {
    display: block;
    padding: 0;
    margin: 0;
}

#gift-search-results ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#gift-search-results ul li {
    display: block;
    overflow: hidden;
    margin: 20px 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#gift-search-results ul li:nth-child(2n) {
    background: #e9e9e9;
}

#gift-search-results ul li:hover {
    background: #f7f7f7;
}

#gift-search-results ul li a {
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#gift-search-results ul li figure {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 719px) {
    #gift-search-results ul li figure {
        width: 70px;
        height: 70px;
    }
}

#gift-search-results ul li figure img {
    display: block;
    width: 100%;
    height: auto;
}

#gift-search-results ul li p {
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 15px;
    margin: 10px 0;
    color: #58595b;
}

@media only screen and (max-width: 719px) {
    #gift-search-results ul li p {
        font-size: 1em;
    }
}

#gift-search-results ul li p span {
    display: block;
    margin-bottom: 0;
    color: #58595b;
    font-size: 0.8em;
}

#gift-search-results ul li p strong {
    font-size: 17px;
    color: #58595b;
}

#invitation-event {
    padding: 45px 0;
    background: url("../kids/img/banner-regalos.jpg") center no-repeat;
    background-size: cover;
}

#invitation-event figure {
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    width: 150px;
    height: 150px;
    border: solid 10px #fff;
}

#invitation-event figure img {
    display: block;
    width: 100%;
    height: auto;
}

#invitation-event .btn {
    line-height: 2.2em;
}

#invitation-event h2 {
    display: table;
    text-align: center;
    margin: 0 auto 10px;
    padding: 10px 20px;
    font-style: italic;
    font-size: 2em;
    color: #ec7c00;
    background: #fff;
}

#filter-top {
    overflow: hidden;
}

@media only screen and (min-width: 1261px) {
    #gift-list-filter #filter-top {
        background: #e9e9e9;
        overflow: hidden;
    }
}

#gift-list-filter #filter-top form {
    display: table;
    float: right;
    margin: 0;
    font-size: 1.1em;
}

@media only screen and (max-width: 1240px) {
    #gift-list-filter #filter-top form {
        display: block;
        float: none;
        clear: both;
        padding-left: 10px;
        background: #f7f7f7;
        overflow: hidden;
    }
}

#gift-list-filter #filter-top form label {
    margin-right: 10px;
    display: table;
    float: left;
    height: 25px;
    line-height: 2.5em;
    margin-top: 8px;
}

#gift-list-filter #filter-top form select {
    height: 35px;
    margin: 0 10px 0 0;
    width: 150px;
    display: block;
    float: left;
    font-size: 1em;
    margin-top: 8px;
}

#gift-list-filter #filter-top form input {
    font-size: 14px;
    height: 34px;
    margin: 0 3px 0 0;
    margin-top: 8px;
}

#gift-list-filter #filter-top form .btn {
    height: 50px;
    display: block;
    float: right;
    width: 106px;
    line-height: 50px;
}

#gift-list-filter .tabs-filter {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
}

@media only screen and (max-width: 1261px) {
    #gift-list-filter .tabs-filter {
        width: 50%;
        float: left;
        clear: inherit;
    }
}

#gift-list-filter .tabs-filter.pull-right {
    float: none !important;
}

#gift-list-filter .tabs-filter li {
    width: 100%;
}

@media only screen and (min-width: 1261px) {
    #gift-list-filter .tabs-filter {
        display: table;
        float: left;
    }

    #gift-list-filter .tabs-filter.pull-right {
        float: right !important;
    }
}

#gift-list-filter .tabs-filter a {
    line-height: 2.8em;
}

@media only screen and (max-width: 1261px) {
    #gift-list-filter .tabs-filter a {
        text-align: center;
    }
}

#gift-list-filter #filtered-gifts #filters,
#gift-list-filter #view-all-gifts #filters {
    background: #222;
    padding: 15px;
    color: #fff;
    position: relative;
}

#gift-list-filter #filtered-gifts label,
#gift-list-filter #view-all-gifts label {
    display: block;
    margin: 0 0 10px;
    color: #fff;
}

#gift-list-filter #filtered-gifts select,
#gift-list-filter #view-all-gifts select {
    width: 100%;
    margin-bottom: 20px;
}

#gift-list-filter #filtered-gifts select:last-child,
#gift-list-filter #view-all-gifts select:last-child {
    margin-bottom: 0;
}

#gift-list-filter #filtered-gifts ul,
#gift-list-filter #view-all-gifts ul {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#gift-list-filter #filtered-gifts ul li,
#gift-list-filter #view-all-gifts ul li {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    text-align: center;
    padding: 10px 5px;
}

#gift-list-filter #filtered-gifts ul li:nth-child(2n+1),
#gift-list-filter #view-all-gifts ul li:nth-child(2n+1) {
    clear: left;
}

@media only screen and (min-width: 1261px) {

    #gift-list-filter #filtered-gifts ul li,
    #gift-list-filter #view-all-gifts ul li {
        width: 20%;
        padding: 30px;
    }

    #gift-list-filter #filtered-gifts ul li:nth-child(2n+1),
    #gift-list-filter #view-all-gifts ul li:nth-child(2n+1) {
        clear: inherit;
    }

    #gift-list-filter #filtered-gifts ul li:nth-child(5n+1),
    #gift-list-filter #view-all-gifts ul li:nth-child(5n+1) {
        clear: left;
    }
}

#gift-list-filter #filtered-gifts ul li figure,
#gift-list-filter #view-all-gifts ul li figure {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#gift-list-filter #filtered-gifts ul li figure .cuantity,
#gift-list-filter #view-all-gifts ul li figure .cuantity {
    display: none;
}

#gift-list-filter #filtered-gifts ul li figure img,
#gift-list-filter #view-all-gifts ul li figure img {
    display: block;
    width: 100%;
    height: auto;
}

#gift-list-filter #filtered-gifts ul li figure img.image,
#gift-list-filter #view-all-gifts ul li figure img.image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

#gift-list-filter #filtered-gifts ul li .product-info,
#gift-list-filter #view-all-gifts ul li .product-info {
    height: 180px;
    overflow: hidden;
}

#gift-list-filter #filtered-gifts ul li h3,
#gift-list-filter #view-all-gifts ul li h3 {
    margin: 0 10px 15px;
    font-size: 1em;
    color: #ec7c00;
    height: 45px;
    overflow: hidden;
}

@media only screen and (min-width: 1261px) {

    #gift-list-filter #filtered-gifts ul li h3,
    #gift-list-filter #view-all-gifts ul li h3 {
        font-size: 1em;
    }
}

#gift-list-filter #filtered-gifts ul li p,
#gift-list-filter #view-all-gifts ul li p {
    display: none;
}

@media only screen and (min-width: 1261px) {

    #gift-list-filter #filtered-gifts ul li p,
    #gift-list-filter #view-all-gifts ul li p {
        font-size: 1em;
    }
}

#gift-list-filter #filtered-gifts ul li strong,
#gift-list-filter #view-all-gifts ul li strong {
    display: block;
    font-size: 1.2em;
    margin: 0 10px 20px;
}

@media only screen and (min-width: 1261px) {

    #gift-list-filter #filtered-gifts ul li strong,
    #gift-list-filter #view-all-gifts ul li strong {
        font-size: 1.2em;
    }
}

#gift-list-filter #filtered-gifts ul li .btn,
#gift-list-filter #view-all-gifts ul li .btn {
    display: block;
    padding: 0;
    width: 100%;
    height: 45px;
    font-size: 1.4em;
    line-height: 2.1em;
}

#community-top {
    overflow: hidden;
    padding: 35px 0;
}

#community-top .content {
    width: 70%;
}

@media only screen and (max-width: 1261px) {
    #community-top .content {
        width: 95%;
    }
}

#community-top img {
    display: block;
    float: left;
    width: 50%;
    height: auto;
    margin-right: 40px;
}

@media only screen and (max-width: 1261px) {
    #community-top img {
        width: 200px;
        float: none;
        margin: 0 auto 20px;
    }
}

#community-top h2 {
    font-size: 2em;
    display: block;
    float: right;
    width: 40%;
    text-align: center;
    margin: 150px 0 0;
}

@media only screen and (max-width: 1261px) {
    #community-top h2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
}

#communities-list {
    overflow: hidden;
}

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

#communities-list ul li {
    display: block;
    float: left;
    width: 25%;
}

@media only screen and (max-width: 1261px) {
    #communities-list ul li {
        width: 50%;
    }
}

#communities-list ul li a {
    display: block;
    padding: 30px 0;
}

#communities-list ul li a img {
    width: 70px;
    height: auto;
    display: block;
    margin: 20px auto;
}

#communities-list ul li h3 {
    font-size: 2em;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 1261px) {
    #communities-list ul li h3 {
        font-size: 1.6em;
    }
}

#communities-list ul li p {
    display: block;
    text-align: center;
    font-size: 1.3em;
}

@media only screen and (max-width: 1261px) {
    #communities-list ul li p {
        font-size: 1em;
    }
}

#single.sponsored #featured-image,
#single.table #featured-image {
    max-height: 180px;
}

#single.sponsored .sponsor-image,
#single.table .sponsor-image,
#single.sponsored .table-side,
#single.table .table-side {
    width: 30%;
    display: block;
    float: left;
    padding: 40px 30px;
}

@media only screen and (max-width: 1261px) {

    #single.sponsored .sponsor-image,
    #single.table .sponsor-image,
    #single.sponsored .table-side,
    #single.table .table-side {
        width: 100%;
        float: none;
    }
}

#single.sponsored .sponsor-image img,
#single.table .sponsor-image img,
#single.sponsored .table-side img,
#single.table .table-side img {
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 719px) {

    #single.sponsored .sponsor-image img,
    #single.table .sponsor-image img,
    #single.sponsored .table-side img,
    #single.table .table-side img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 1261px) {

    #single.sponsored .article-inner h2,
    #single.table .article-inner h2 {
        display: block;
        text-align: center;
    }
}

#noviosripley {
    padding: 40px;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {
    #noviosripley {
        padding: 0 20px 20px;
    }
}

#noviosripley .side-description {
    width: 30%;
    float: left;
    padding: 60px;
}

@media only screen and (max-width: 1261px) {
    #noviosripley .side-description {
        width: 100%;
        float: none;
    }
}

#noviosripley .side-description img {
    display: block;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 1261px) {
    #noviosripley .side-description img {
        width: auto;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 719px) {
    #noviosripley .side-description img {
        width: 100%;
        height: auto;
    }
}

#noviosripley .info {
    width: 70%;
    float: left;
    padding: 60px 30px 0;
}

@media only screen and (max-width: 1261px) {
    #noviosripley .info {
        padding: 30px;
        float: none;
        width: 100%;
    }
}

#noviosripley .info h3 {
    color: #ec7c00;
    margin: 0 0 30px;
}

@media only screen and (max-width: 1261px) {
    #noviosripley .info h3 {
        text-align: center;
        line-height: 1.3em;
        font-size: 2em;
    }
}

#noviosripley .info p {
    font-size: 1.3em;
    line-height: 1.6em;
}

@media only screen and (max-width: 1261px) {
    #noviosripley .info p {
        font-size: 1.1em;
    }
}

#noviosripley-detail {
    background: #f7f7f7;
    padding: 40px;
    overflow: hidden;
}

#noviosripley-detail h3 {
    color: #ec7c00;
    margin: 0 0 30px;
    text-align: center;
}

@media only screen and (max-width: 1261px) {
    #noviosripley-detail h3 {
        line-height: 1.3em;
    }
}

#noviosripley-detail ul {
    display: table;
    margin: 0 auto;
}

#noviosripley-detail ul li {
    display: block;
    float: left;
    width: 33.3%;
    padding: 30px;
    text-align: center;
    color: #333;
}

@media only screen and (max-width: 1261px) {
    #noviosripley-detail ul li {
        padding: 20px;
    }
}

@media only screen and (max-width: 719px) {
    #noviosripley-detail ul li {
        width: 100%;
    }
}

#noviosripley-detail ul li .fa {
    display: block;
    width: 60%;
    margin: 0 auto 20px;
    font-size: 4em;
    text-align: center;
    color: #333;
}

#noviosripley-detail .btn {
    display: table;
    margin: 0 auto;
    line-height: 3em;
    padding: 0 35px;
}

#paginator {
    display: block;
    overflow: hidden;
    margin: 20px 0;
}

#paginator ul {
    display: table;
    margin: 0 auto;
    padding: 0;
}

#paginator ul li {
    display: block;
    float: left;
    width: 34px;
}

#paginator ul li a {
    display: block;
    overflow: hidden;
    height: 34px;
    width: 34px;
    text-align: center;
    background: #f7f7f7;
    color: #333;
    line-height: 2.2em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#paginator ul li a:hover {
    color: #fff;
    background: #ff84bd;
}

#paginator ul li.active a {
    color: #fff;
    background: #ff84bd;
}

#paginator ul li>span {
    display: block;
    overflow: hidden;
    height: 34px;
    width: 34px;
    text-align: center;
    background: #f7f7f7;
    color: #333;
    line-height: 2.2em;
}

#profile-holder {
    overflow: hidden;
    padding: 0 100px 100px;
    background: #ffffff;
}

@media only screen and (max-width: 1261px) {
    #profile-holder {
        padding: 15px;
    }
}

#profile-inner {
    display: block;
    float: left;
    width: 70%;
    padding-top: 60px;
}

@media only screen and (max-width: 1261px) {
    #profile-inner {
        width: 100%;
        padding-top: 0;
    }
}

#profile-inner .alert-info {
    margin: 0 0 30px;
}

#profile-inner .profile-inner-holder {
    background: #fff;
    padding: 25px;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {
    #profile-inner .profile-inner-holder {
        padding: 0;
    }
}

.profile-inner-holder h4 {
    font-size: 16px;
    display: block;
    margin: 0 0 15px 0;
}

.profile-inner-holder p {
    line-height: 14pt;
}

.profile-inner-holder strong {
    color: #ec7c00;
}

.profile-inner-holder ul,
.profile-inner-holder ol {
    margin: 0 0 15px 15px;
    padding: 0;
}

.profile-inner-holder ul li,
.profile-inner-holder ol li {
    margin: 0 0 10px;
    font-size: 13px;
}

.profile-inner-holder .nav-tabs {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.profile-inner-holder .nav-tabs li {
    display: table;
    float: left;
    margin: 0 10px 25px 0;
}

.profile-inner-holder .nav-tabs li a {
    display: block;
    padding: 7px 15px;
    color: #333;
    background: #f7f7f7;
    position: relative;
}

.profile-inner-holder .nav-tabs li.active a::after {
    content: "";
    height: 0;
    width: 0;
    border-top: solid 7px #ec7c00;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -3px;
    z-index: 20;
}

.profile-inner-holder .nav-tabs li.active a,
.profile-inner-holder .nav-tabs li a:hover {
    background: #ec7c00;
    color: #fff;
}

#profile-inner .filters {
    margin-bottom: 20px;
}

#profile-inner h3 {
    background: transparent url(../kids/img/80.png) repeat;
    padding: 10px;
    color: #771469;
    font-size: 2em;
    display: block;
    margin: 0 0 20px;
}

#profile-inner h3 form {
    float: right;
}

#profile-inner h3 form label {
    color: #757575;
    font-size: 0.5em;
    display: table;
    margin: 0 10px 0 0;
    float: left;
    line-height: 20pt;
}

#profile-inner h3 form select {
    display: table;
    float: right;
    height: 24px;
}

#profile-inner h3 .breadcrumbs {
    display: table;
    float: right;
    color: #757575;
    font-size: 0.5em;
}

@media only screen and (max-width: 1261px) {
    #profile-inner h3 .breadcrumbs {
        float: none;
        display: block;
        margin: 10px 0 0;
    }
}

#profile-inner table th {
    padding: 10px;
}

#profile-inner table th button {
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
}

#profile-inner table tr:nth-child(2n) td {
    background: #fff;
}

#profile-inner .col-33,
#profile-inner .col-50 {
    color: #6a6a6a;
    font-size: 1.5em;
    margin: 0 0 15px;
    padding: 0 15px 0 0;
}

#profile-inner .col-33+.col-33,
#profile-inner .col-50+.col-50 {
    padding-left: 15px;
}

@media only screen and (max-width: 1261px) {

    #profile-inner .col-33+.col-33,
    #profile-inner .col-50+.col-50 {
        padding: 0;
    }
}

#profile-inner .col-33 p,
#profile-inner .col-50 p {
    margin: 0 0 5px;
    padding: 0;
}

#profile-inner .col-33 .accumulated,
#profile-inner .col-50 .accumulated {
    overflow: hidden;
}

#profile-inner .col-33 .resume-side,
#profile-inner .col-50 .resume-side {
    display: block;
    margin-bottom: 5px;
    color: #ec7c00;
    font-size: 0.9em;
}

#profile-inner .col-33 .resume-amount,
#profile-inner .col-50 .resume-amount {
    display: block;
    color: #771469;
    font-size: 1.8em;
    font-weight: 700;
}

#profile-inner .col-33 .btn-secondary,
#profile-inner .col-50 .btn-secondary {
    color: #333;
    font-size: 0.8em;
    padding: 10px 15px;
    display: table;
}

#profile-inner .col-33 .btn-secondary:hover,
#profile-inner .col-50 .btn-secondary:hover {
    color: #fff;
}

#profile-inner .profile-display-data h4 {
    font-size: 1.2em;
    color: #ec7c00;
    margin: 0 0 15px;
}

#profile-inner .profile-display-data label {
    color: #000;
    font-size: 0.8em;
    display: block;
    margin: 0 0 5px;
}

#profile-inner .profile-display-data label span {
    color: #ec7c00;
    font-size: 12px;
}

#profile-inner .profile-display-data label input {
    width: auto;
    height: auto;
    margin: 0 7px 0 0;
    display: inline;
}

#profile-inner .profile-display-data label.radio {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 3px;
}

#profile-inner .profile-display-data p {
    display: block;
    font-size: 1em;
    margin: 0 0 15px;
}

#profile-inner .profile-display-data input,
#profile-inner .profile-display-data select {
    display: block;
    font-size: 0.7em;
    height: 34px;
    width: 100%;
    margin: 0 0 15px;
    font-family: 'Montserrat', sans-serif;
}

#profile-inner #profile-info {
    overflow: hidden;
    display: block;
    margin: 0 0 20px;
}

#profile-inner #profile-info #profile-avatar {
    width: 25%;
    display: block;
    position: relative;
    background: transparent url(../kids/img/profile-avie-shadow.png) center bottom no-repeat;
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
}

#profile-inner #profile-info #profile-avatar::before {
    content: '';
    background: transparent url(../kids/img/tileset-profile.png) -60px -75px no-repeat;
    height: 43px;
    width: 48px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
}

@media only screen and (max-width: 1261px) {
    #profile-inner #profile-info #profile-avatar {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
    }
}

#profile-inner #profile-info #profile-avatar a {
    background: transparent url(../kids/img/80.png) repeat;
    color: #ec7c00;
    display: block;
    border: solid 1px #ec7c00;
    width: 100px;
    height: 34px;
    text-align: center;
    line-height: 2.4em;
    font-weight: bold;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -50px;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}

#profile-inner #profile-info #profile-avatar:hover a {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
}

#profile-inner #profile-info figure {
    margin: 0 auto;
    background: transparent url(../kids/img/profile-default.jpg) center center no-repeat;
    padding: 0;
    height: 180px;
    width: 180px;
    display: block;
    overflow: hidden;
    border: solid 10px #fff;
    -webkit-border-radius: 100px;
    -webkit-border-radius: 100px;
    -border-radius: 100px;
}

#profile-inner #profile-info figure img {
    display: block;
    width: 100%;
    height: auto;
}

#profile-inner #event-info {
    float: left;
    width: 70%;
    background: #fff;
    display: block;
}

@media only screen and (max-width: 1261px) {
    #profile-inner #event-info {
        width: 100%;
        float: none;
    }
}

#profile-inner #event-info>p {
    padding: 20px 20px 5px;
    margin: 0;
    font-size: 1.8em;
    color: #a8a8a8;
    font-style: italic;
}

#profile-inner #event-info #event-days-holder {
    color: #ec7c00;
    padding: 0 20px 20px;
    font-style: normal;
    font-size: 1.5em;
}

#profile-inner #event-info #event-code {
    color: #939393;
    padding: 0 20px 20px;
    font-style: normal;
    font-size: 1.3em;
}

#profile-inner #event-info #event-days-holder #event-days {
    color: #a8a8a8;
    text-decoration: underline;
    font-weight: 700;
}

#profile-inner #event-info #event-resume {
    background: #d5d5d5;
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {

    #profile-inner #event-info #event-resume .pull-left,
    #profile-inner #event-info #event-resume .pull-right {
        width: 100%;
        float: none;
        display: block;
        overflow: hidden;
    }

    #profile-inner #event-info #event-resume .pull-right a {
        width: 100%;
    }
}

#profile-inner #event-info #event-resume #gifts-number {
    font-size: 2.5em;
    color: #ec7c00;
    padding: 10px 0 10px 20px;
    display: table;
    float: left;
    margin: 0 15px 0 0;
}

#profile-inner #event-info #event-resume .pull-right a {
    background: #ec7c00;
    color: #fff;
    display: block;
    padding: 25px 20px;
    float: left;
    font-size: 1.2em;
    line-height: 1.8em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#profile-inner #event-info #event-resume .pull-right a:hover {
    background: #ec7c00;
}

#profile-inner #event-info #event-resume #gift-resume {
    display: block;
    float: left;
    padding: 10px 0 0;
    margin: 0;
}

#profile-inner #event-info #event-resume #gift-resume p {
    margin: 0;
    padding: 0;
    color: #ec7c00;
    font-size: 1.5em;
}

#profile-inner #event-info #event-resume #gift-resume p#last-visit {
    color: #939393;
    font-size: 0.9em;
}

#profile-inner #event-info #event-resume #gift-resume p#last-visit #last-visit-date {
    font-weight: 700;
    text-decoration: underline;
}

#modal-view-details p {
    margin: 0 0 10px;
    display: block;
}

#modal-view-details p strong {
    display: block;
    color: #ec7c00;
    font-size: 1.2em;
}

.custom-gift-list {
    display: block;
    overflow: hidden;
    background: #f7f7f7;
    color: #757575;
    padding: 15px;
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.custom-gift-list span.fa {
    font-size: 3em;
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

.custom-gift-list h4 {
    font-size: 1.1em;
    line-height: 1.2em;
    display: block;
    text-align: center;
    margin: 0;
}

.custom-gift-list h4 strong {
    display: block;
}

.custom-gift-list:hover {
    background: #ec7c00;
    color: #fff;
}

#gift-search {
    display: block;
    overflow: hidden;
    margin: 0 0 30px;
}

#gift-search label {
    height: 34px;
    font-size: 1em;
    line-height: 2.7em;
    display: block;
    width: 10%;
    float: left;
}

#gift-search select {
    height: 40px;
    margin: 0;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    display: block;
    width: 20%;
    float: left;
}

#gift-search input {
    height: 40px;
    margin: 0;
    width: 50%;
    float: left;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
}

#gift-search button {
    height: 40px;
    cursor: pointer;
    width: 20%;
    float: left;
}

#giftlist-search-results h4 {
    color: #ec7c00;
    font-size: 1.3em;
    margin: 0 0 20px;
    display: block;
}

#giftlist-search-results td img {
    width: 60px;
    height: auto;
    display: block;
}

#gift-departament-search {
    overflow: hidden;
    margin: 0 0 30px;
}

#gift-departament-search select {
    width: 20%;
    display: block;
    float: left;
    height: 34px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    margin: 0;
}

#gift-departament-search input {
    width: 60%;
    display: block;
    float: left;
    height: 34px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
}

#gift-departament-search button {
    width: 20%;
    float: left;
    display: block;
    height: 34px;
    margin: 0;
}

.table-actions {
    overflow: hidden;
    margin: 0 0 20px;
}

@media only screen and (max-width: 1261px) {
    .table-actions .btn {
        width: 100%;
        display: block;
        margin: 0 0 10px;
    }

    .table-actions .btn:last-child {
        margin-bottom: 0;
    }
}

.profile-contact {
    display: block;
    width: 70%;
}

@media only screen and (max-width: 1261px) {
    .profile-contact {
        width: 100%;
    }
}

.profile-contact label {
    color: #000;
    display: block;
    margin: 0 0 7px;
    font-size: 1.1em;
}

.profile-contact label span {
    color: #ec7c00;
    font-size: 0.8em;
}

.profile-contact input {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 1em;
    margin: 0 0 15px;
}

.profile-contact textarea {
    display: block;
    width: 100%;
    height: 200px;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 30px;
}

.profile-contact select {
    display: block;
    margin: 0 0 15px;
    width: 100%;
}

.profile-contact .btn {
    height: 40px;
}

.social-links {
    overflow: hidden;
}

.social-links a {
    background: #a8a8a8;
    height: 36px;
    width: 36px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.9em;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    -border-radius: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.social-links a:hover {
    background: #ec7c00;
}

#profile-sidebar {
    background: #efb000;
    display: block;
    float: left;
    width: 25%;
    margin-right: 2%;
}

@media only screen and (max-width: 1261px) {
    #profile-sidebar {
        width: 100%;
        margin: 0 0 30px;
    }
}

#profile-sidebar h1 {
    background: #fff;
    padding: 15px 0;
    margin: 0;
    display: block;
}

#profile-sidebar h1 span {
    background: transparent url(../kids/img/tileset-profile.png) 0 0 no-repeat;
    height: 70px;
    width: 200px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto;
}

@media only screen and (max-width: 1261px) {
    #profile-sidebar h1 {
        display: none;
    }
}

#profile-sidebar #logout-link {
    color: #fff;
    background: #771469;
    padding: 10px 15px;
    font-size: 1.2em;
    display: block;
    line-height: 1.8em;
    margin: 150px 0 15px 0;
}

#profile-sidebar #logout-link .profile-logout-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -266px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin: 0 10px 0 0;
}

@media only screen and (max-width: 1261px) {
    #profile-sidebar #logout-link {
        margin: 0 0 15px;
        display: none;
    }
}

#profile-sidebar ul {
    display: block;
}

#profile-sidebar ul li {
    display: block;
    margin: 0;
    border-bottom: solid 1px #cccccc;
}

#profile-sidebar ul li a {
    color: #fff;
    display: block;
    font-size: 0.9em;
    padding: 10px 12px;
    line-height: 1.8em;
    text-transform: uppercase;
    border-right: solid 10px transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

#profile-sidebar ul li a:hover {
    border-right: solid 10px ##b6a2d7;
}

#profile-sidebar ul li:last-child {
    border-bottom: none;
}

#profile-sidebar ul li.active a {
    border-right: solid 10px ##b6a2d7;
}

#profile-sidebar ul li ul {
    margin: 0;
    padding: 0;
}

#profile-sidebar ul li ul li a {
    background: #771469;
    font-size: 0.7em;
}

@media only screen and (max-width: 1261px) {
    #profile-sidebar ul {
        height: 0;
        overflow: hidden;
    }
}

#profile-sidebar.open ul {
    height: auto;
}

#profile-sidebar.open #logout-link {
    display: block;
}

#collapsable-profile-menu {
    background: #efb000;
    display: none;
    width: 100%;
    text-align: left;
    color: #fff;
    border: none;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 25px;
    cursor: pointer;
}

@media only screen and (max-width: 1261px) {
    #collapsable-profile-menu {
        display: block;
    }
}

.profile-home-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -73px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-info-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -101px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-info-iconm {
    background: transparent url(../kids/img/tileset-profile.png) -28px -101px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-list-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -129px no-repeat;
    height: 26px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-list-iconm {
    background: transparent url(../kids/img/tileset-profile.png) -27px -129px no-repeat;
    height: 26px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-gift-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -159px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-gift-iconm {
    background: transparent url(../kids/img/tileset-profile.png) -28px -159px no-repeat;
    height: 24px;
    width: 25px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-shopping-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -187px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-shopping-iconm {
    background: transparent url(../kids/img/tileset-profile.png) -26px -187px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-diamond-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -215px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-diamond-iconm {
    background: transparent url(../kids/img/tileset-profile.png) -26px -215px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

.profile-contact-icon {
    background: transparent url(../kids/img/tileset-profile.png) 0 -241px no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 12px 0 0;
}

#terms-contract .terms-holder {
    max-height: 350px;
    overflow: auto;
    margin-bottom: 30px;
    padding: 15px;
}

#terms-contract .terms-link {
    display: table;
    margin: 0 auto 30px;
    font-size: 1.1em;
    color: #ec7c00;
    padding: 15px;
}

#terms-contract .terms-link:hover {
    text-decoration: underline;
}

#terms-contract p {
    line-height: 1.4em;
}

.profile-shopping-amount h4 {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 10px;
}

.profile-shopping-amount p {
    color: #ec7c00;
    font-size: 0.8em;
    display: block;
    margin: 0;
}

.profile-shopping-amount p.amount {
    font-size: 1.5em;
    font-weight: bold;
}

.profile-shopping-amount .btn-default {
    background: #f7f7f7;
    font-size: 0.7em;
    padding: 10px 15px;
    display: table;
    margin: 0 0 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.profile-shopping-amount .btn-default:hover {
    background: #ec7c00;
}

.benefits-table {
    display: block;
    overflow: hidden;
    clear: both;
}

.benefits-table h4 {
    margin: 0 0 20px;
    font-size: 1.2em;
}

.benefits-table th a,
.benefits-table td a {
    color: #757575;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.benefits-table th a:hover,
.benefits-table td a:hover {
    color: #ec7c00;
}

.benefits-table table {
    margin: 0 0 20px;
}

.benefits-table .btn {
    display: inline-block !important;
    margin: 0 10px 0 0;
}

#benefits-amount {
    display: table;
    margin: 0 auto 20px;
    text-align: center;
    overflow: hidden;
}

#benefits-amount p {
    font-size: 36px;
    line-height: 24pt;
    margin: 0 0 10px;
    padding: 0;
}

#benefits-amount .title {
    font-size: 16px;
}

#add-certificate {
    overflow: hidden;
    display: block;
    margin: 0 0 30px;
}

#add-certificate h4 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 10px;
}

#modal-benefits-details .resume-amount {
    font-size: 26px;
}

.tooltip-parent {
    display: table;
    position: relative;
    color: #757575;
    margin: 0 auto;
}

.tooltip-parent .tooltip {
    background: #fff;
    padding: 8px 15px;
    width: 300px;
    display: none;
    color: #757575;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 20;
    margin-left: -150px;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
}

.tooltip-parent .tooltip p {
    margin: 0;
}

.tooltip-parent:hover .tooltip {
    display: block;
}

#modal-gift-message .modal-body p {
    font-size: 2em;
    text-align: center;
    line-height: 2em;
}

#modal-last-gift h3 {
    overflow: hidden;
}

#modal-last-gift h3 .modal-title {
    display: table;
    float: left;
}

#modal-last-gift h3 .last-visit {
    font-size: 0.5em;
    display: table;
    float: right;
    line-height: 2em;
    color: #757575;
    margin: 0;
}

@media only screen and (min-width: 1261px) {
    #modal-last-gift .modal-inner {
        width: 900px;
        margin-left: -450px;
    }
}

#modal-send-message label {
    display: block;
    margin: 0 0 10px;
}

#modal-send-message textarea {
    display: block;
    resize: vertical;
    height: 100px;
    margin: 0 0 20px;
    width: 100%;
}

#prefooter-social {
    clear: both;
    margin: 0 0 50px;
    overflow: hidden;
}

@media only screen and (max-width: 1261px) {
    #prefooter-social {
        text-align: center;
    }
}

#prefooter-social #instagram,
#prefooter-social #newsletter,
#prefooter-social #twitter,
#prefooter-social #facebook {
    display: block;
    float: left;
}

@media only screen and (max-width: 1261px) {

    #prefooter-social #instagram,
    #prefooter-social #newsletter,
    #prefooter-social #twitter,
    #prefooter-social #facebook {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
}

#prefooter-social #instagram iframe,
#prefooter-social #newsletter iframe,
#prefooter-social #twitter iframe,
#prefooter-social #facebook iframe {
    display: block;
    width: 100% !important;
}

footer {
    background: #404041;
    overflow: hidden;
    color: #FFF;
    clear: both;
    padding: 25px 0;
    margin: 40px 0 0;
}

@media only screen and (max-width: 570px) {
    footer {
        padding: 15px 0;
        margin: 20px 0 0;
    }
}

footer .container {
    width: 100%;
}

footer .footer-col {
    display: block;
    float: left;
    padding: 0 15px;
}

@media only screen and (max-width: 920px) {
    footer .footer-col {
        display: inline-block;
        float: none;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 730px) {
    footer .footer-col {
        display: inline-block;
        float: none;
    }
}

.footer-right .ripleycom {
    background: transparent url(../kids/img/logo-ripley.png) 0 0 no-repeat;
    background-size: 100%;
    display: block;
    text-indent: -9999px;
    width: 60px;
    height: 80px;
    margin: 0;
}

@media only screen and (max-width: 570px) {
    .footer-right .ripleycom {
        margin: 0 auto;
        background-size: 100%;
        width: 120px;
        height: 42px;
    }
}

.footer-col h3 {
    margin: 0 0 5px;
    display: block;
    color: #a0a0a0;
    padding: 10px 0;
    border-bottom: 1px solid #57585a;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

footer .footer-col #footer-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
}

footer .footer-col #footer-links li {
    margin-bottom: 5px;
    display: table;
}

@media only screen and (max-width: 1261px) {
    footer .footer-col #footer-links li {
        float: left;
        width: 100%;
        margin-bottom: 0;
        display: block;
    }
}

footer .footer-col #footer-links li a {
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

footer .footer-col #footer-links li a:hover {
    color: #ec7c00;
}

@media only screen and (max-width: 1261px) {
    footer .footer-col #footer-links li a {
        display: block;
        padding: 8px 0;
        border: solid 1px transparent;
    }
}

footer .footer-col ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .footer-col .clubes {
    margin: 0;
    padding: 10px 30px;
    list-style-type: none;
}

@media only screen and (max-width: 920px) {
    footer .footer-col .clubes {
        padding: 5px 20px;
    }
}

@media only screen and (max-width: 590px) {
    footer .footer-col .clubes {
        border-left: none;
    }
}

footer .footer-col .clubes li {
    display: inline-block;
    margin: 0 5px;
}

@media only screen and (max-width: 570px) {
    footer .footer-col .clubes li {
        height: 40px;
    }
}

footer .footer-col ul li a {
    font-size: 1.2em;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

footer .footer-col #club-novios,
footer .footer-col #club-deco,
footer .footer-col #club-mama,
footer .footer-col #club-viajes,
footer .footer-col #club-kids,
footer .footer-col #club-fitness {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 48px;
    width: 126px;
    opacity: 0.2;
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}

@media only screen and (max-width: 1261px) {

    footer .footer-col #club-novios,
    footer .footer-col #club-deco,
    footer .footer-col #club-mama,
    footer .footer-col #club-viajes,
    footer .footer-col #club-kids,
    footer .footer-col #club-fitness {
        margin: 0 auto 10px;
    }
}

footer .footer-col #club-deco {
    background: transparent url(../kids/img/logos-clubes.png) 0 0 no-repeat;
}

footer .footer-col #club-deco:hover,
footer .footer-col #club-deco:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 0 no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

footer .footer-col #club-novios {
    background: transparent url(../kids/img/logos-clubes.png) 0 -48px no-repeat;
}

footer .footer-col #club-novios:hover,
footer .footer-col #club-novios:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 -48px no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

footer .footer-col #club-mama {
    background: transparent url(../kids/img/logos-clubes.png) 0 -96px no-repeat;
}

footer .footer-col #club-mama:hover,
footer .footer-col #club-mama:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 -96px no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

footer .footer-col #club-viajes {
    background: transparent url(../kids/img/logos-clubes.png) 0 -148px no-repeat;
}

footer .footer-col #club-viajes:hover,
footer .footer-col #club-viajes:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 -148px no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

footer .footer-col #club-kids {
    background: transparent url(../kids/img/logos-clubes.png) 0 -200px no-repeat
}

footer .footer-col #club-kids:hover,
footer .footer-col #club-kids:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 -200px no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}

footer .footer-col #club-fitness {
    background: transparent url(../kids/img/logos-clubes.png) 0 -250px no-repeat
}

footer .footer-col #club-fitness:hover,
footer .footer-col #club-fitness:active {
    background: transparent url(../kids/img/logos-clubes.png) 0 -250px no-repeat;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}

footer .footer-col .twitter,
footer .footer-col .whatsapp,
footer .footer-col .facebook,
footer .footer-col .pinterest,
footer .footer-col .instagram,
footer .footer-col .youtube {
    font-size: 3em;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #333;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

footer .footer-col .twitter:hover,
footer .footer-col .whatsapp:hover,
footer .footer-col .facebook:hover,
footer .footer-col .pinterest:hover,
footer .footer-col .instagram:hover,
footer .footer-col .youtube:hover,
footer .footer-col .twitter:active,
footer .footer-col .whatsapp:active,
footer .footer-col .facebook:active,
footer .footer-col .pinterest:active,
footer .footer-col .instagram:active,
footer .footer-col .youtube:active {
    color: #ec7c00;
}

#welcome.content {
    padding: 50px 0;
}

#welcome.content h3 {
    font-size: 34px;
    color: #333;
}

#welcome.content .btn {
    display: table;
    margin: 0 auto;
    float: none;
}

#welcome.content p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}

#welcome.content p strong {
    font-weight: 700;
}

#error.content {
    padding: 100px 0;
}

#error.content h3 {
    font-size: 24px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

#error.content p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}

#error.content .btn {
    display: table;
    margin: 0 auto;
    float: none;
    padding: 8px 25px;
}

#modal-forgot-password label {
    display: block;
    overflow: hidden;
    margin: 0 0 5px;
}

#modal-forgot-password label span {
    color: #ec7c00;
    margin: 0 0 0 5px;
}

#modal-forgot-password input[type="text"] {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
}

#modal-forgot-password .btn {
    display: table;
    float: right;
    line-height: 50px;
}

#modal-forgot-password .btn:last-child {
    float: left;
}

#modal-forgot-password br {
    display: none;
}

.container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
    .container {
        width: 1024px;
        padding: 0;
    }
}

@media only screen and (min-width: 1241px) {
    .container {
        width: 1100px;
        padding: 0;
    }
}

@media print {
    header {
        background: none;
    }

    header h1 {
        float: none;
        margin: 0 auto;
        display: block;
    }

    header h1 a {
        background: url(../kids/img/logo.svg) !important;
        margin: 0 auto;
        float: none;
        -webkit-print-color-adjust: exact;
    }

    #invitation-event h2 {
        color: #222;
    }

    #gift-list-filter #view-all-gifts ul li {
        width: 25%;
        padding: 10px;
    }

    #gift-list-filter #view-all-gifts ul li:nth-child(2n+1) {
        clear: inherit;
    }

    #gift-list-filter #view-all-gifts ul li:nth-child(3n+1) {
        clear: left;
    }

    #gift-list-filter #filtered-gifts ul li h3,
    #gift-list-filter #view-all-gifts ul li h3 {
        color: #222;
        font-weight: 300;
    }

    .btn-secondary {
        background: none;
        border: solid 1px #222;
    }

    #gift-list-filter #view-all-gifts ul li .btn {
        font-size: 18px;
        height: auto;
    }

    nav#menu,
    #invitation-event figure,
    #filter-top,
    footer {
        display: none;
    }
}

#alianza-latam h3 {
    display: table;
    text-align: center;
    margin: 0 auto;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    padding: 20px 0;
    border-bottom: 7px solid #e83051;
}

#alianza-latam .red {
    background: #ea2a53;
    color: #FFF;
}

#alianza-latam .yellow-white {
    background: #f1efe4;
}

#alianza-latam p {
    padding: 30px 150px;
    margin: 20px 0;
    text-align: center;
    font-size: 20px;
}

#alianza-latam .font50 {
    font-size: 50px;
}

#alianza-latam span {
    font-size: 14px;
}

.footer-left {
    float: left;
    display: block;
}

@media only screen and (max-width: 920px) {
    .footer-left {
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
        display: table;
    }
}

.footer-left img {
    width: 100%;
    padding: 15px 0;
}

@media only screen and (max-width: 920px) {
    .footer-left img {
        padding: 0;
    }
}

.footer-right {
    float: right;
    display: block;
}

@media only screen and (max-width: 920px) {
    .footer-right {
        display: none;
    }
}

.footer-left .clubes {
    border-left: 2px solid #57585a;
    margin-right: 30px;
}

@media only screen and (max-width: 690px) {
    .footer-left .clubes {
        display: block;
        width: 100%;
        padding: 20px 0;
        border-right: none;
    }
}

.clubes .home {
    background: url("../kids/img/club-home.png") no-repeat center;
}

.clubes .mama {
    background: url("../kids/img/club-mama.png") no-repeat center;
}

.clubes .gira {
    background: url("../kids/img/club-gira.png") no-repeat center;
}

.clubes .kids {
    background: url("../kids/img/club-kids.png") no-repeat center;
}

.clubes .fitness {
    background: url("../kids/img/club-fitness.png") no-repeat center;
}

.clubes .novios {
    background: url("../kids/img/club-novios.png") no-repeat center;
}

.clubes .mascota {
    background: url("../kids/img/club-mascota.png") no-repeat center;
}

.footer-left .clubes a {
    color: #57585a;
    font-size: 13px;
    display: block;
    text-indent: -9999px;
    background-size: 72px;
    background-position: left;
    width: 85px;
    padding: 5px 0;
}

@media only screen and (max-width: 570px) {
    .footer-left .clubes a {}
}

.redes li a {
    display: block !important;
    height: 40px;
    width: 40px;
    text-indent: -9999px;
    margin: 0 auto !important;
}

.whatsapp {
    background: url("../kids/img/whatsapp.png") no-repeat center;
}

.facebook {
    background: url("../kids/img/facebook.png") no-repeat center;
}

.twitter {
    background: url("../kids/img/twitter.png") no-repeat center;
}

.instagram {
    background: url("../kids/img/instagram.png") no-repeat center;
}

.youtube {
    background: url("../kids/img/youtube.png") no-repeat center;
}

.redes li {
    display: inline-block !important;
    margin: 0;
}

.ingreso {
    position: absolute;
    top: 25%;
    visibility: hidden;
    color: #FFF;
    font-size: 16px;
    padding: 0 10px;
}

.ingreso1 {
    position: absolute;
    top: 25%;
    visibility: hidden;
    color: #FFF;
    font-size: 16px;
    padding: 0 10px;
}

@media only screen and (max-width: 1261px) {
    .ingreso {
        top: 40%;
        right: -800%;
        visibility: visible;
    }

    .ingreso1 {
        top: 15%;
        right: -900%;
        visibility: visible;
    }
}

@media only screen and (max-width: 480px) {
    .ingreso {
        font-size: 12px;
        width: 65px;
        text-align: center;
        top: 30%;
        right: -750%;
        visibility: visible;
    }

    .ingreso1 {
        top: 15%;
        right: -880%;
        visibility: visible;
    }
}

.ingreso span {
    font-weight: 700;
}

.inscripcion {
    position: absolute;
    top: 23%;
    left: 2%;
    color: #FFF;
    font-size: 16px;
    border: 1px solid #FFF;
    padding: 3px 10px;
}

@media only screen and (max-width: 1261px) {
    .inscripcion {
        display: none;
    }
}

#destacados {
    padding: 10px 0;
}

#destacados .container {
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

#destacados .dest-vertical {
    width: 20%;
    display: block;
}

@media only screen and (max-width: 1240px) {
    #destacados .dest-vertical {
        width: 25%;
    }
}

@media only screen and (max-width: 950px) {
    #destacados .dest-vertical {
        width: 100%;
        text-align: center;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 390px) {
    #destacados .dest-vertical img {
        margin: 0 auto;
    }
}

#destacados .dest-horizontal {
    width: 100%;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 1240px) {
    #destacados .dest-horizontal {}
}

@media only screen and (max-width: 950px) {
    #destacados .dest-horizontal {}

    #destacados .dest-horizontal a {}
}

@media only screen and (max-width: 720px) {
    #destacados .dest-horizontal img {}
}

#destacados .dest-horizontal .item{
    width: 47%;
    display: inline-block;
    margin: 1%;
  }

@media only screen and (max-width: 580px) {
    #destacados .dest-horizontal .item {
        width: 99%;
    }
}

@media only screen and (max-width: 380px) {
    #destacados .dest-horizontal .item {
        width: 99%;
        align-content: center;
    }
}

#destacados .dest-horizontal img {
    width: 100%;
    display: block;
}

#prefooter {
    padding: 50px 0;
    display: block;
}

#prefooter img {
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 480px) {
    #prefooter img {
        width: 70px;
    }
}

.post-blog {
    margin: 20px;
    display: inline-block;
    width: 30%;
    padding: 0;
}

@media only screen and (max-width: 1240px) {
    .post-blog {
        width: 40%;
    }
}

@media only screen and (max-width: 950px) {
    .post-blog {
        width: 50%;
    }
}

@media only screen and (max-width: 550px) {
    .post-blog {
        width: 65%;
        margin: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .post-blog {
        width: 80%;
        margin: 10px;
    }
}

@media only screen and (max-width: 770px) {
    .post-blog .col-30 {
        display: none !important;
    }

    .post-blog .col-70 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .post-blog .col-100 {
        display: block;
    }
}

.post-blog img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.post-blog h3 {
    color: #58595b;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    display: block;
    padding: 20px 50px;
    background: #eee;
}

@media only screen and (max-width: 480px) {
    .post-blog h3 {
        padding: 20px 10%;
        font-size: 12px;
    }
}

.post-blog p {
    font-size: 14px;
    color: #5126159;
    margin: 15px auto;
    display: block;
    font-weight: 300;
    text-align: left;
}

.post-blog a {
    color: #5126159;
}

.post-blog .leer-mas {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

@media only screen and (max-width: 480px) {
    .post-blog .leer-mas {
        font-size: 12px;
    }
}

.blog-interior {
    padding: 50px 0;
    width: 95%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    .blog-interior {
        width: 100%;
        padding: 0;
    }
}

.blog-interior h3 {
    font-size: 25px;
    color: #5126159;
    margin: 0 auto 20px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}

@media only screen and (max-width: 770px) {
    .blog-interior h3 {
        font-size: 20px;
    }
}

.blog-interior p {
    font-size: 15px;
    color: #5126159;
    margin: 15px auto;
    display: block;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
}

@media only screen and (max-width: 770px) {
    .blog-interior p {
        font-size: 12px;
    }
}

.blog-interior img {
    width: 100%;
}

#okButton {
    padding: 10px 30px;
    margin: 0 5px;
}

#contacto-form {
    text-align: center;
    padding: 50px 0;
}

#contacto-form h3 {
    color: #58595b;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0;
}

@media only screen and (max-width: 900px) {
    #contacto-form h3 {
        margin: 50px 0 20px;
    }
}

#contacto-form input,
#contacto-form textarea {
    display: block;
    margin: 5px auto 30px;
    width: 250px;
    border: 1px solid #d5d5d5;
    font-family: 'Montserrat', sans-serif;
}

#contacto-form label {
    display: block;
    margin: 0px auto;
    width: 250px;
    text-align: left;
    color: #58595b;
    font-size: 13px;
}

#contacto-form a {
    padding: 5px 25px;
    text-transform: uppercase;
}

#contacto-form p {
    color: #58595b;
    margin: 20px 0;
    font-size: 14px;
}

#contacto-form img {
    max-width: 100%;
    margin: 0 auto;
}

#contacto-form form {
    padding: 20px 0 0;
}

@media only screen and (max-width: 480px) {
    #contacto-form figure {
        margin: 2% auto;
        width: 55%;
    }
}

#convenios {
    padding: 50px 0;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 650px) {
    #convenios {
        padding: 20px 0;
    }
}

#convenios h3 {
    color: #58595b;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 50px;
}

#convenios .filtro-zona {
    display: table;
    margin: 0 auto 50px;
    width: 45%;
}

@media only screen and (max-width: 1240px) {
    #convenios .filtro-zona {
        width: 55%;
    }
}

@media only screen and (max-width: 830px) {
    #convenios .filtro-zona {
        width: 70%;
    }
}

@media only screen and (max-width: 670px) {
    #convenios .filtro-zona {
        width: 100%;
        margin: 0 auto;
    }

    #convenios .filtro-zona .col-20 {
        display: none;
    }

    #convenios .filtro-zona .col-80 {
        display: block;
        margin: 0 auto;
        float: none;
    }
}

.col-20 {
    display: block;
    float: left;
    width: 20%;
}

.col-80 {
    display: block;
    float: right;
    width: 80%;
}

@media only screen and (max-width: 650px) {
    #convenios .filtro-zona .col-20 {
        display: none;
    }

    #convenios .filtro-zona .col-30 img {
        width: 40%;
        margin: 0 auto;
    }

    #convenios .filtro-zona .col-70 {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}

#convenios .filtro-zona label {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #58595b;
}

@media only screen and (max-width: 650px) {
    #convenios .filtro-zona label {
        margin: 10px 0;
        font-size: 14px;
        display: block;
        text-align: center;
    }
}

#convenios .filtro-zona img {
    width: 100%;
}

#convenios figure {
    margin: 0;
}

#convenios select {
    width: 50%;
    margin: 5px 0;
    border: 2px solid #d2d2d2;
    font-size: 12px;
    text-transform: uppercase;
    color: #58595b;
    font-family: "Montserrat";
}

@media only screen and (max-width: 650px) {
    #convenios select {
        margin: 0;
        font-size: 10px;
    }
}

@media only screen and (max-width: 480px) {
    #convenios select {
        width: 80%;
    }
}

#convenios img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    #convenios img {
        width: 90%;
    }
}

#filtros {
    text-align: center;
}

#filtros li {
    width: 25%;
    display: inline-block;
    margin: 0 2%;
}

@media only screen and (max-width: 530px) {
    #filtros li {
        width: 30%;
        margin: 1%;
    }
}

#filtros li img {
    width: 100%;
    display: block;
    margin: 20px auto;
}

@media only screen and (max-width: 650px) {
    #filtros li img {
        width: 100px;
    }
}

@media only screen and (max-width: 480px) {
    #filtros li img {
        width: 100%;
    }
}

#filtros li select {
    width: 100%;
}

#filtros li select:disabled {
    color: #ddd;
}

#filtros li select option {
    text-align: center;
    display: block;
}

#novedades {
    margin: 80px 0 0;
    display: table;
    width: 100%;
}

#novedades ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

#novedades ul li {
    width: 20%;
    margin: 0 20px;
    display: block;
}

#novedades figure {
    margin: 0 auto;
    display: block;
    width: 70%;
}

#novedades-destacados {
    width: 70%;
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 480px) {
    #novedades-destacados {
        width: 100%;
    }
}

#novedades-destacados .col-70 {
    float: left;
}

#novedades-destacados .col-30 {
    float: right;
}

#novedades-destacados .col-50 {
    margin: 0;
}

@media only screen and (max-width: 1261px) {
    #novedades-destacados .col-50 {
        width: 50%;
        float: left;
    }
}

#novedades-destacados .col-100 {
    margin: 0 0 10px;
}

#novedades-destacados figure {
    margin: 0 auto;
    display: block;
    width: 100%;
}

#novedades-destacados img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#resumen-convenio {
    display: table;
    width: 100%;
    margin: 0px auto;

}

@media only screen and (max-width: 850px) {
    #resumen-convenio {
        width: 90%;
    }
}

#resumen-convenio h3 {
    margin: 0 0 30px;
}

#resumen-convenio span {
    font-weight: 300;
}

#resumen-convenio .item {
    display: inline-block;
    margin: 15px;
    width: 28%;
    border: 1px solid #d5d5d5;
    padding: 15px;
    height: 450px;
}

@media only screen and (max-width: 850px) {
    #resumen-convenio .item {
        width: 40%;
    }
}

@media only screen and (max-width: 600px) {
    #resumen-convenio .item {
        width: 55%;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    #resumen-convenio .item {
        width: 85%;
    }
}

#resumen-convenio .item h4 {
    color: #58595b;
    font-size: 17px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    margin: 10px 0;
}

@media only screen and (max-width: 480px) {
    #resumen-convenio .item h4 {
        text-align: center;
    }
}

#resumen-convenio .item .descuento {
    color: #ec7c00;
    font-size: 20px;
    text-align: center;
    display: block;
    margin: 5px 0;
    font-weight: 700;
}

@media only screen and (max-width: 480px) {
    #resumen-convenio .item .descuento {
        text-align: center;
    }
}

#resumen-convenio .item p {
    color: #58595b;
    font-size: 13px;
    text-align: center;
    display: block;
    line-height: 23px;
}

@media only screen and (max-width: 480px) {
    #resumen-convenio .item p {
        text-align: center;
    }
}

#resumen-convenio .item a {
    color: #ec7c00;
    display: block;
}

@media only screen and (max-width: 670px) {
    #resumen-convenio .col-30 {
        width: 60%;
        margin: 0 auto;
        float: none;
    }

    #resumen-convenio .col-70 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
}

#latam-pass figure {
    margin: 20px 0;
}

#latam-pass img {
    width: 100%;
    display: block;
    margin: 10px auto;
}

#latam-pass h3 {
    color: #58595b;
    font-size: 17px;
    display: block;
    text-align: center;
    margin: 50px 0 0;
    text-transform: uppercase;
    padding: 0;
}

#latam-pass h4 {
    color: #58595b;
    font-size: 17px;
    display: block;
    text-align: center;
    margin: 80px 0 0;
    text-transform: uppercase;
    padding: 0;
}

.kilometro-destino {
    margin: 20px auto;
    display: block;
    width: 70%;
}

@media only screen and (max-width: 770px) {
    .kilometro-destino {
        width: 95%;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino {
        width: 100%;
    }
}

.kilometro-destino h4 {
    padding: 20px 0 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 900px) {
    .kilometro-destino h4 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 550px) {
    .kilometro-destino h4 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino h4 {
        font-size: 12px;
    }
}

.kilometro-destino .headerkm {
    display: table;
    width: 100%;
}

.kilometro-destino .headerkm p {
    background: #cecece;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 5px 0;
}

@media only screen and (max-width: 900px) {
    .kilometro-destino .headerkm p {
        font-size: 17px;
    }
}

@media only screen and (max-width: 550px) {
    .kilometro-destino .headerkm p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino .headerkm p {
        font-size: 9px;
    }
}

.kilometro-destino .km {
    padding: 5px 0;
    display: block;
}

.kilometro-destino .km a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 5px 0;
}

.kilometro-destino .km .kms {
    width: 30%;
    display: block;
    color: #595a5c;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    background: url("../kids/img/close.jpg") no-repeat left;
}

@media only screen and (max-width: 900px) {
    .kilometro-destino .km .kms {
        font-size: 16px;
    }
}

@media only screen and (max-width: 550px) {
    .kilometro-destino .km .kms {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino .km .kms {
        font-size: 8px;
        width: 32%;
        background-size: 25px;
    }
}

.kilometro-destino .km .separador {
    width: 30%;
    display: block;
    color: #595a5c;
    text-align: center;
    font-size: 17px;
}

@media only screen and (max-width: 900px) {
    .kilometro-destino .km .separador {
        font-size: 16px;
    }
}

@media only screen and (max-width: 550px) {
    .kilometro-destino .km .separador {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino .km .separador {
        font-size: 8px;
        width: 32%;
    }
}

.kilometro-destino .km .destino {
    width: 30%;
    display: block;
    color: #595a5c;
    text-align: left;
    font-size: 17px;
    font-weight: 700;
}

@media only screen and (max-width: 900px) {
    .kilometro-destino .km .destino {
        font-size: 16px;
    }
}

@media only screen and (max-width: 550px) {
    .kilometro-destino .km .destino {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .kilometro-destino .km .destino {
        font-size: 8px;
        width: 32%;
    }
}

.kilometro-destino .km img {
    width: 70% !important;
    margin: 30px auto !important;
}

@media only screen and (max-width: 1261px) {
    .kilometro-destino .col-50 {
        width: 50%;
        float: left;
    }
}

#idSelectTipoBusquedaInvitado {
    float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 620px) {
    #idSelectTipoBusquedaInvitado {
        width: 100%;
        float: none;
    }
}

#idSelectTipoBusquedaInvitado img {
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
}

#post-container {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.filtro-interes {
    display: table;
    margin: 0 auto 50px;
    width: 40%;
}

@media only screen and (max-width: 1240px) {
    .filtro-interes {
        width: 55%;
    }
}

@media only screen and (max-width: 830px) {
    .filtro-interes {
        width: 70%;
    }
}

@media only screen and (max-width: 670px) {
    .filtro-interes {
        width: 100%;
        margin: 0 auto 20px;
    }

    .filtro-interes .col-20 {
        display: none;
    }

    .filtro-interes .col-80 {
        display: block;
        margin: 0 auto;
        float: none;
    }
}

.filtro-interes .col-20 img {
    width: 80%;
    margin: 0 auto;
}

.filtro-interes label {
    display: inline-block;
    margin: 0 20px;
    font-weight: 700;
    font-size: 16px;
    color: #58595b;
}

@media only screen and (max-width: 480px) {
    .filtro-interes label {
        display: block;
        text-align: center;
        font-size: 14px;
    }
}

.filtro-interes select {
    margin: 25px auto 0;
    font-family: "Montserrat";
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .filtro-interes select {
        margin: 10px auto 0;
        display: block;
        font-size: 10px;
        color: #58595b;
        text-transform: uppercase;
    }
}

#redes-header {
    float: right;
    display: block;
    padding: 35px 10px;
}

@media only screen and (max-width: 1261px) {
    #redes-header {
        display: none;
    }
}

#redes-header .item {
    display: inline-block;
    margin: 0 3px;
}

#redes-header .item a {
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 30px;
}

#redes-menu {
    text-align: center;
}

#redes-menu a {
    display: inline-block;
    margin: 0 5px;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    padding: 20px;
}

.legal-small-center {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .legal-small-center {
        font-size: 10px;
    }
}

.legal-small {
    font-size: 12px;
}

@media only screen and (max-width: 480px) {
    .legal-small {
        font-size: 10px;
    }
}

#step2 label.center {
    text-align: center !important;
    margin: 0 auto 30px !important;
}

#concurso {
    display: block;
    margin: 0;
    padding: 100px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#concurso img {
    margin: 0 auto;
    display: block;
}

#event-list {
    padding: 140px 0 0;
    display: block;
}

#form-ingreso {
    float: right;
    display: block;
    padding: 22px 0 12px;
}

@media only screen and (max-width: 1261px) {
    #form-ingreso {
        display: none;
    }
}

#form-ingreso h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}

#idFormAcceso {}

#idFormAcceso .campos {
    display: table;
    margin: 5px 0;
}

#idFormAcceso .campos input {
    background: #505050;
    font-size: 10px;
    padding: 5px;
    color: #FFF;
    border: none;
    margin: 0 5px 0 0;
}

#idFormAcceso .boton-form {
    display: table;
    margin: 10px 0 0;
    width: 100%;
}

#idFormAcceso .boton-form .btn-ingresar {
    font-size: 10px;
    padding: 5px 10px;
}

#forgoten-password {
    color: #FFF;
    font-size: 9px;
    float: right;
    margin: 5px 0;
}

.clubes h3 {
    color: #a7a9ab;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    margin: 0;
    padding: 5px 0;
}

.clubes h3 span {
    font-weight: 700;
}

.contacto-redes {
    padding: 0 0 0 40px;
    border-left: 2px solid #57585a;
}

#beneficio {
    display: table;
    margin: 0 auto 40px;
    border-bottom: 1px solid #a0a0a0;
    padding: 0 0 10px;
    width: 90%;
}

#beneficio .col-50 {
    margin: 0 2%;
    display: block;
    width: 45%;
}

@media only screen and (max-width: 480px) {
    #beneficio .col-50 {
        margin: 0 auto;
        display: block;
        width: 80%;
        float: none;
    }
}

@media only screen and (max-width: 380px) {
    #beneficio .col-50 {
        margin: 0 auto;
        display: block;
        width: 100%;
        float: none;
    }
}

#beneficio h3 {
    margin: 20px 0;
    font-style: italic;
}

#descuentos {
    display: table;
    margin: 0 auto 10px;
    width: 100%;
}

#descuentos h3 {
    margin: 25px 0 30px;
}

#descuentos .item {
    display: block;
    width: 30%;
    margin: 1%;
    float: left;
}

@media only screen and (max-width: 630px) {
    #descuentos .item {
        margin: 5px auto;
        display: block;
        width: 80%;
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    #descuentos .item {
        width: 90%;
        margin: 20px auto 0;
    }
}

@media only screen and (max-width: 380px) {
    #descuentos .item {
        width: 100%;
    }
}

#descuentos p {
    text-align: center;
    color: #58595b;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #efefef;
    padding: 10px;
    margin: 0;
}

.legal-small-left {
    text-align: left;
    font-size: 10px;
    width: 85%;
    margin: 0 auto 40px;
    padding: 20px 0;
    border-bottom: 1px solid #a0a0a0;
}

@media only screen and (max-width: 630px) {
    .legal-small-left {
        width: 100%;
        margin: 0 auto 20px;
    }
}

.mt-40{
    margin-top: 20px !important;
  }
  
.mb-40{
    margin-bottom: 30px !important;
  }


#millas {
    display: table;
    margin: 0 auto 0px;
    padding: 0 0 0px;
    width: 97%;
}


#millas .col-50 {
    width: 48%;
    margin: 1%;
}

@media only screen and (max-width: 480px) {
    #millas .col-50 {
        width: 80%;
        margin: 0 auto;
        float: none;
    }
}

@media only screen and (max-width: 380px) {
    #millas .col-50 {
        width: 80%;
    }
}

#internacional {
    margin: 0 0 20px 0;
}

#internacional h3 {
    margin: 30px 0 25px 0;
    font-size: 20px;
}

#internacional .item {
    display: inline-block;
    margin: 5px;
    width: 30%;
}

@media only screen and (max-width: 480px) {
    #internacional .item {
        width: 45%;
    }
}

#internacional .item img {
    width: 100%;
}

#nacional {
    display: table;
    margin: 0 auto 20px;
    border-bottom: 1px solid #a0a0a0;
    padding: 0 0 30px;
}

#nacional h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
}

#nacional .item {
    display: inline-block;
    margin: 5px;
    width: 30%;
}

@media only screen and (max-width: 480px) {
    #nacional .item {
        width: 45%;
    }
}

#nacional .item img {
    width: 100%;
}

.como-funciona .item {
    display: inline-block;
}

@media only screen and (max-width: 900px) {
    .como-funciona .item {
        width: 40%;
    }
}

select.ui-datepicker-year {
    width: unset !important;
}


#faq-noviosripley ul li a {
    color: #f2dc34;
   
    font-weight: normal;
}

#faq-noviosripley ul li p a {
    display: inline-block;
    font-size: inherit;
    margin: 0;
}

#signup h3 small {
    text-transform: none;
    font-size: .75rem;
}

#benefits-details .container {
    background: none;
}

#benefits-details .title-beneficios {
    color: #646364;
    font-weight: normal;
    font-size: 23px;
    margin-top: 35px;
    margin-bottom: 60px;
    margin-left: 80px;
}


#benefits-details .icono-bolsa {
    width: 85px;
    height: 85px;
    display: inline-block;
    background: url("../kids/img/icono-bolsa.png") center no-repeat;
    background-size: contain;
    margin-bottom: 20px;


}

#grilla .icono-flecha {
    display: block;
    width: 50px;
    height: 80px;
    background: url(../kids/img/icono-flecha.png) center no-repeat;
    background-size: contain;
    margin: 0 auto;

}

#grilla .icono-4porc {
    display: block;
    width: 85px;
    height: 85px;
    background: url("../kids/img/icono-4porciento.png") center no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 20px;


}

#grilla {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

#grilla p {

    border: 0;
    margin: 0;
    margin-bottom: 40px;
    clear: both;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    color: #5f5c5d;

}

#grilla p.legal-small-center {
    font-size: 12px;
    color: #646364;
    font-family: 'Montserrat', sans-serif;
}


#grilla p.nm {
    margin: 0;
}



@media (min-width: 768px) {
    #grilla .col-3 {
        width: 33.33333333%;
        float: left;
    }

    #grilla .col-2 {
        width: 20%;
        float: left;
    }

    #grilla .col-4 {
        width: 40%;
        float: left;
    }
}

#grilla .col-3,
#grilla .col-2,
#grilla .col-4 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#grilla .row {
    width: 100%;
    display: block;
    clear: both;

}


#millas h3.title-beneficios img {
    position: absolute;
    left: -70px;
    top: -18px;
}

#millas .img-alianza {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin: 0 auto;
  }

#millas .logo-latam {
    margin-top: 40px;
    display: block;
    width: 100%;
    max-width: 210px;
    margin: 20px auto 10px 0;
}

@media (max-width: 1024px) {
    #millas .logo-latam {
        margin-top: 25px;
        margin-left: 10px;
        width: 170px;
    }
}

@media (max-width: 767px) {
    #millas .logo-latam {
        margin-top: 10px;
        margin-left: 160px;
        margin-bottom: 0px;
        width: 200px;

    }
}

#millas .legal-millas {
    max-width: 90%;
    display: block;
    margin: 20px auto;
}


@media (max-width: 768px) {
    #benefits-details h3.title-beneficios img {
        left: -65px;

    }

    #benefits-details .title-beneficios {
        margin-left: 80px;
    }
}

@media (max-width: 767px) {
    #benefits-details .title-beneficios {
        font-size: 18px !important;
        text-align: center !important;
        margin-bottom: 30px !important;
        margin-left: auto;

    }

    #benefits-details h3.title-beneficios img {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin: 0 auto 20px auto;
        max-width: 60px;
    }

    #benefits-details .icono-bolsa {
        width: 100px;
        height: 100px;
        background: url(../kids/img/icono-bolsa.png) center no-repeat;
        background-size: contain;
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
    }

    #benefits-details .icono-4porc {
        width: 100px;
        height: 100px;
        background: url(../kids/img/icono-4porciento.png) center no-repeat;
        background-size: contain;
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
    }

    #grilla .icono-flecha {
        display: block;
        width: 34px;
        height: 65px;
        background: url(../kids/img/icono-flecha2.png) center no-repeat;
        background-size: contain;
        margin: 0 auto;
        margin-bottom: 20px;

    }

    #grilla p {
        margin-bottom: 15px;
    }

    #grilla p.legal-small-center {
        margin-top: 20px;
    }


}

/* end media query */


.fijos {
    margin: 20px auto;
}

@media(max-width: 768px) {
    .banner-xs {
        display: block !important;
    }

    .banner-sm {
        display: none !important;
    }
}

@media(min-width: 769px) {
    .banner-sm {
        display: block !important;
    }

    .banner-xs {
        display: none !important;
    }
}

@media (min-width: 1200px) {

    #accesos-directos h1 {
        font-size: 25px !important;
    }
}

#accesos-directos .acceso {
    margin-top: 0;
    margin-bottom: 0;
}

#descuentos p.legal-small-center {
    font-size: 12px;
    color: #646364;
    font-family: 'Montserrat', sans-serif;
    border: none;
    font-weight: normal;
}

#benefits-details img.badge {
    max-width: 54px;
    height: auto;
}