/*/*Template Name: Smartly - Responsive App Landing PageVersion      : 1.0*/
/*=============================================================    CSS INDEX    =============================    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)    02. BOOTSTRAP NAVIGATION OVERRIDES    03. START HOME DESIGN    04. START FEATURES DESIGN    05. START WHY US DESIGN    06. START APP DESCRIBE DESIGN    07. START APP DESCRIBE WITH VIDEO DESIGN    08. START TESTIMONIAL DESIGN    09. START APP SCREENSHOT DESIGN    10. START APP PRICING DESIGN    11. START APP DOWNLOAD DESIGN    12. START CONTACT FORM DESIGN    13. START MAP DESIGN    14. START NEWSLETTER & SOCIAL PROFILE DESIGN    15. START FOOTER DESIGN  =============================================================*/

:root {
    /*--primary-color: #333;*/
    --secondary-color: #ccad52;
    --bg-color: #fff;
    --hover-bg-color: #ccad52;
    --text-color: #333;
    --hover-text-color: #fff;
    --primary-color: #fff;

    --font-size-large: 50px;
    --font-size-medium: 40px;
    --font-size-small: 30px;
    --line-height-large: 66px;
    --line-height-medium: 56px;
    --line-height-small: 40px;
}



/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/* Three image containers */
.column4 {
    float: left;
    width: 25%;
    padding: 5px;
}

/* Clear floats after image containers */
.row4::after {
    content: "";
    display: table;
    clear: both;
}

/* Styling for video coaching section */
.video-coaching-felicidad-motivacion { 
    margin: 40px 0;
    background-color: rgba(199, 255, 255, 0.54);
    text-align: center;
    font-size: 20px;
}

/* General body and text styles */
body {
    background-color: #fff;
    color: #222;
    font-family: "Montserrat", "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

a {
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

a:hover,
a:focus {
    color: inherit;
    outline: none;
}

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

fieldset {
    border: 0;
    margin: 0 auto;
    padding: 0;
}

/* Profile head navigation */
.profile_head_nav ul li a {
    font-size: 17px !important;
}

/* Shadow texts */
.sahdow_texts h1, .sahdow_texts p {
    background: #ccc;
    border-radius: 4px;
    opacity: 0.8;
    padding: 5px 0;
    color: #000 !important;
}

/* User profile styling */
.userprofile_sm {
    margin-top: 100px;
}

.userprofile_sm-form {
    width: 100%;
}

.userprofile_sm-form p input {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.top_first_section {
    margin-top: 140px;
}

/* Pricing section */
.db-pricing-seven {
    margin: 30px 0;
    text-align: center;
    border: 1px solid #C5C2C2;
    background-color: #EDEDED;
    transition: margin-top 0.25s ease;
}

.db-pricing-seven:hover {
    margin-top: 5px;
}

.db-pricing-seven ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: center;
}

.db-pricing-seven ul li {
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 0;
    cursor: pointer;
    text-transform: uppercase;
}

.db-pricing-seven ul li.price {
    background-color: #fff;
    padding: 40px 20px;
    font-size: 20px;
    font-weight: 900;
    color: #353c3e;
}

.db-pricing-seven ul li.price i {
    padding: 30px;
    font-size: 50px;
    display: block;
}

.db-pricing-seven .pricing-footer {
    padding: 20px;
}

.db-pricing-seven .pricing-footer a i {
    margin: 5px;
    position: relative;
    top: 3px;
}

/* Preloader */
.preloader {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.status,
.status-mes {
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.status {
    background-image: url(../img/status.gif);
    height: 200px;
    width: 200px;
}

.status-mes {
    background: none;
    text-align: center;
    top: 65%;
}

.status-mes h4 {
    color: #333;
    margin-top: 30px;
}

.no-padding {
    padding: 0;
}

/* Scroll to top button */

.topcontrol:hover {
    background: #222;
    color: #fff;
}

/* Section padding */
.section-padding {
    padding: 40px 0;
}

/* Section title styling */
.section-title {
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 26px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
}

.section-title h2 span {
    color: #ccad52;
}

.section-title-white {
    color: #fff !important;
    position: relative;
}

.section-title div {
    background: #ccad52;
    display: block;
    height: 3px;
    margin: 15px auto;
    width: 80px;
}

.section-title p {
    margin: auto;
    padding: 0 20px;
    width: 70%;
}

.text-white {
    color: #fff;
}

/* Footer section for mobile and desktop */
@media only screen and (max-width: 768px) {
    .section-title p {
        width: 100%;
    }
}

@media only screen and (max-width: 725px) {
    .mobile-footer {
        display: block;
        margin-bottom: 20px;
    }

    .desktop-footer {
        display: none;
    }

    .crbottom {
        color: #000;
        background: #9FBEE5;
        font-weight: bold;
    }

    .crbottom .text-center {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 726px) {
    .mobile-footer {
        display: none;
    }

    .desktop-footer {
        display: block;
        margin-bottom: 20px;
    }

    .crbottom {
        color: #000;
        background: #9FBEE5;
        font-weight: bold;
    }

    .crbottom .text-center {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 991px) {
    #download-ios {
        margin-bottom: 10px;
    }

    .card.profile_cards_sm {
        margin-bottom: 20px;
    }
}

/*END SECTION TITLE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*

* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------

*/
.navbar-header a.brand {
    display: block;
    float: left;
    height: 70px;
    width: 205px;
    background: url("/styles/images/logo.jpg") no-repeat center/auto;
}

.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ccad52 !important;
    background-color: transparent;
}

.navbar-brand {
    padding: 0;
    height: auto;
}

@media only screen and (max-width: 480px) {
    .navbar-brand img {
        margin-left: 10px;
    }
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff;
}

.navbar-collapse > nav {
    position: relative;
}

@media only screen and (max-width: 768px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form,
    .navbar-collapse > nav {
        position: unset;
    }
}

.navbar-default .navbar-nav.navbar-right {
    margin-top: 8px;
}

.menu-top {
    background: transparent;
}

.menu-top li a {
    color: #fff !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}

.menu-top li a:hover {
    color: #ccad52 !important;
}

@media only screen and (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}

@media only screen and (max-width: 480px) {
    .menu-top {
        background-color: #fff;
    }
    .navbar-default .navbar-nav > li > a {
        color: #313131 !important;
    }
}

.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    width: 100%;
}

.navbar-default.menu-shrink li a {
    color: #313131 !important;
}

.navbar-default.menu-shrink li a:hover {
    color: #ccad52 !important;
}

.navbar-default .navbar-toggle {
    background: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccad52;
}

.navbar-nav a.user {
    background: url("/styles/images/icon-user-gray.svg") center right/17px no-repeat;
    padding-right: 20px;
}

    
/** ----------------------------------------------------------------------------------------* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------*/

/** ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------*/
.home_parallax {
    position: relative;
    height: 750px;
}

.home_parallax:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-text h1, .hero-text h2 {
    color: var(--primary-color);
    font-size: var(--font-size-large);
    line-height: var(--line-height-large);
    margin: 0;
    padding-top: 150px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .hero-text h1, .hero-text h2 {
        font-size: var(--font-size-medium);
        line-height: var(--line-height-medium);
    }
    .hero-text p {
        width: 100%;
        padding: 6px;
    }
    .btn-home-bg-one, .btn-home-bg-two {
        margin: 20px 20px 0 0;
    }
    .single-slide-item p {
        width: 100%;
    }
    video {
        min-width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .hero-text h1, .hero-text h2 {
        font-size: var(--font-size-small);
        line-height: var(--line-height-small);
    }
}

.hero-text-resellers {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    z-index: 2;
}

.hero-text p {
    color: var(--primary-color);
    margin: 0 auto;
    padding: 12px;
}

.google_play {
    margin-left: 20px;
}

.btn-home-bg-one, .btn-home-bg-two {
    border-radius: 0;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.btn-home-bg-one {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    color: var(--primary-color);
    margin-right: 10px;
}

.btn-home-bg-one:hover, .btn-home-bg-one:focus,
.btn-home-bg-two:hover, .btn-home-bg-two:focus {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #333;
}

.btn-home-bg-two {
    background: rgba(0, 0, 0, 0);
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.welcome-area, .welcome-slider-area, .welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}

.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide-item h2 {
    color: var(--primary-color);
    font-size: var(--font-size-large);
    line-height: var(--line-height-large);
    margin: auto;
    text-transform: capitalize;
    width: 85%;
}

.single-slide-item p {
    color: var(--primary-color);
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
    width: 80%;
}

.carousel-indicators-slider {
    bottom: 30px !important;
}

.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.video-caption h2 {
    margin: auto;
    width: 70%;
}

video {
    min-width: 100%;
}


/*END HTML5 VIDEO*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-feature {
    background: #f7f7f7;
}

.feature-icon-box {
    background: var(--bg-color);
    margin-bottom: 30px;
    padding: 50px 40px;
    transition: all 0.2s ease;
}

.feature-icon-box:hover {
    background: var(--hover-bg-color);
}

.icon-box-icon {
    border: 1px solid #ddd;
    border-radius: 50%;
    background: var(--bg-color);
    color: var(--primary-color);
    display: inline-block;
    font-size: 25px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 30px;
    text-align: center;
    width: 65px;
    transition: 0.5s;
    position: relative;
}

.feature-icon-box:hover .icon-box-icon {
    background: var(--bg-color);
    color: var(--secondary-color);
    border-color: var(--bg-color);
}

.icon-box-info h4 {
    margin: 0 0 20px;
    color: var(--primary-color);
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.feature-icon-box:hover .icon-box-info h4 {
    color: var(--hover-text-color);
}

.icon-box-info p {
    color: var(--primary-color);
    transition: all 0.2s ease;
}

.feature-icon-box:hover .icon-box-info p {
    color: var(--hover-text-color);
}

.mobile-hand {
    margin-top: 150px;
}

.menu-margin {
    padding-top: 250px;
}

.menu-margin img {
    height: 300px;
    margin: auto;
    padding-top: 171px;
}

@media only screen and (max-width: 991px) {
    .mobile-hand {
        display: none;
    }

    .menu-margin {
        margin-top: 0;
        padding-top: 0;
    }

    .menu-margin img {
        height: 300px;
        padding-top: 171px;
    }
}

@media only screen and (max-width: 768px) {
    .icon-box-info h4 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .icon-box-info h4 {
        font-size: 18px;
    }

    .google_play {
        margin-left: 0;
    }

    .google_play img {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .menu-margin img {
        height: 260px;
        padding-top: 130px;
    }
}

@media only screen and (max-width: 330px) {
    .hero-text p {
        padding-bottom: 10px;
    }
}

/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 768px) {
    .mt60 { 
        margin-top: 60px; 
    }
}

.why-choose-title {
    color: var(--primary-color);
    font-size: 24px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 360px) {
    .why-choose-title { 
        font-size: 18px; 
    }
}

.single_why {
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    transition: all 0.4s ease;
}

.why-box-icon {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    border-radius: 50%;
    color: var(--primary-color);
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease;
    width: 20px;
}

.single_why:hover .why-box-icon {
    background: var(--primary-color);
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
}

.single_why h4 {
    color: var(--text-color);
    margin: 0 0 10px;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 0.4s ease;
}

.single_why p {
    color: var(--text-color);
    overflow: hidden;
    transition: all 0.4s ease;
}

.why_us_img {
    margin: auto auto 0px;
    max-width: 420px;
}

.trial-btn {
    margin: 100px 0;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
.description_text {
    margin-top: 20px;
}

@media only screen and (max-width: 480px) {
    .description_text {
        margin-top: 0;
    }
}

.description_text h3 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin: 0 0 20px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .description_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}

.description_text p {
    text-align: justify;
}

.description_text_mbnone {
    margin: 60px 0 0 0 !important;
}

.description_text_img {
    margin: auto auto 0;
    max-width: 350px;
}

/*
* ----------------------------------------------------------------------------------------
* 06.END APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-describe-with-video {
    background: #f7f7f7;
}

.description_video iframe {
    border: none;
    height: 350px;
    width: 100%;
}

.description_video_text {
    margin-top: 60px;
}

.description_video_text h3 {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin: 0 0 20px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .description_video_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .description_video_text h3 {
        font-size: 24px;
        line-height: 40px;
    }
}

.description_video_text p {
    text-align: justify;
}

.description_video_text_mbnone {
    margin-bottom: 0 !important;
}

/*
* ----------------------------------------------------------------------------------------
* 07.END APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-testimonial {
    padding-top: 60px;
}

.single_testimonial {
    background: #fff;
    box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 50px;
    padding: 40px;
}

@media only screen and (max-width: 360px) {
    .single_testimonial {
        padding: 20px;
    }
}

.single_testimonial img {
    border: 4px solid var(--secondary-color);
    border-radius: 50px;
    height: 100px;
    margin-bottom: 20px;
    width: 100px;
}

.single_testimonial h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.single_testimonial p {
    color: var(--text-color);
}

.single_testimonial i {
    color: #ffc107;
}

/*
* ----------------------------------------------------------------------------------------
* 08.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*//*
* ----------------------------------------------------------------------------------------
* 09.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.sin-screenshot {
    z-index: 9;
}

.sin-screenshot a {
    display: block;
    position: relative;
}

.sin-screenshot a:before {
    background: var(--secondary-color);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease;
}

.sin-screenshot a:hover:before {
    opacity: 0.2;
}

.screenshot-carousel {
    z-index: 9;
}

.screenshot-carousel img {
    width: 100%;
}

/*
* ----------------------------------------------------------------------------------------
* 09.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #fff;
    border: 1px solid #e8e8e9;
    box-shadow: 1px 1px 1px 0 #f4f4f4;
    position: relative;
    transition: all 0.2s ease;
}

.pricing-table:hover {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 480px) {
    .pricing-table {
        margin-bottom: 40px;
    }
}

.pricing-table h3 {
    color: var(--text-color);
    font-size: 20px;
    margin: 0 0 25px;
    padding: 25px 15px;
    text-align: center;
    text-transform: uppercase;
}

.price {
    background: var(--secondary-color);
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    height: 124px;
    line-height: 20px;
    margin-bottom: 30px;
    width: 124px;
}

.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}

.pricing-list {
    border-top: 1px dashed #eaeaea;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
    padding-left: 0;
}

.pricing-list li {
    border-bottom: 1px dashed #eaeaea;
    font-size: 18px;
    padding: 8px 15px;
    transition: all 0.3s ease;
}

.pricing-list li:hover {
    background: rgba(0, 0, 0, 0.02);
}

.pricing-btn {
    padding: 30px 0;
}

/* START PRICING BTN STYLE */
.btn-pricing-bg {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    border-radius: 25px; /* Softer button edges */
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; /* Slightly larger font */
    font-weight: 600; /* Bolder font weight for better readability */
    padding: 15px 45px; /* Larger button size */
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Slightly increased letter spacing */
    transition: all 0.3s ease; /* Smooth transition */
    text-align: center;
}

.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background: #004fa0; /* Change to logo blue on hover */
    color: #fff;
    border: 2px solid #004fa0;
    box-shadow: 0 12px 35px 0 rgba(0, 0, 0, 0.2); /* More pronounced shadow effect on hover */
}

/* END PRICING BTN STYLE */


/*
* ----------------------------------------------------------------------------------------
* 10.END APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-download {
    position: relative;
    overflow: hidden;
}

.app-download:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.download_overlay {
    background: rgba(255, 255, 255, 0.3);
    padding: 40px;
    overflow: hidden;
}

.download_app h3 {
    color: var(--primary-color);
    margin: 0 0 25px;
    text-transform: uppercase;
}

.download_app a {
    background: var(--secondary-color);
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: var(--primary-color);
    font-size: 18px;
    margin: 5px;
    padding: 16px 25px;
    transition: all 0.2s ease;
}

.download_app a:hover,
.download_app a:focus {
    background: var(--primary-color);
    color: var(--text-color);
}

.download_app a i {
    margin-right: 10px;
}

/*
* ----------------------------------------------------------------------------------------
* 11.END APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-us {
    background: #f7f7f7;
}

/* START CONTACT ADDRESS */
.contact-info {
    background: #fff;
    padding: 25px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
    height: 430px;
}

@media only screen and (max-width: 1280px) {
    .contact-info {
        padding: 15px 25px;
    }
}

.contact-info:hover {
    box-shadow: none;
}

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

.contact-info ul li {
    margin-bottom: 30px;
    transition: margin-bottom 0.4s ease;
}

.contact-info ul li.contact-info-mbnone {
    margin-bottom: 0;
}

.contact-info ul li h4 {
    font-size: 16px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

/* END CONTACT ADDRESS */

/* START CONTACT FORM */
.contact {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 35px;
    transition: box-shadow 0.4s ease;
    height: 430px;
}

.contact:hover {
    box-shadow: none;
}

.form-control {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    color: var(--text-color);
    font-family: "Montserrat", sans-serif;
    height: 45px;
    padding-left: 10px;
    transition: border 0.2s ease;
}

.form-control:hover,
.form-control:focus {
    border: 1px solid var(--secondary-color);
    outline: none;
}

.actions {
    margin-top: 30px;
}

.btn-contact-bg {
    background: var(--secondary-color);
    border-radius: 0;
    box-shadow: 0 11px 10px rgba(0, 0, 0, 0.1);
    color: var(--primary-color);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: background 0.2s ease, border 0.2s ease;
}

.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    border: 1px solid #333;
    color: var(--primary-color);
}

.success {
    background: #fff;
    color: var(--secondary-color);
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

/* END CONTACT FORM */
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map { height: 400px }
/*
* ----------------------------------------------------------------------------------------
* 13.END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
    background: #040e18;
    color: var(--primary-color);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.newsletter_title {
    color: var(--primary-color);
    font-size: 24px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
    .newsletter_title {
        font-size: 18px;
    }
    .social_title {
        display: none;
    }
}

/* START NEWSLETTER FORM */
.subscribe_input i {
    font-size: 60px;
    margin-bottom: 30px;
}

.subscribe_input input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--primary-color);
    width: 400px;
    float: left;
}

@media only screen and (max-width: 768px) {
    .subscribe_input input {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .subscribe_input input {
        float: none;
        margin-bottom: 20px;
    }
}

.subscribe_input button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    color: var(--primary-color);
    font-family: "Montserrat", sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    margin-left: 20px;
}

.subscribe_input button:hover {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--text-color);
}

/* END NEWSLETTER FORM */

/* START SOCIAL PROFILE */
.footer_social {
    padding-top: 60px;
}

.footer_social h4 {
    color: var(--primary-color);
    font-size: 24px;
    margin: 0;
}

.footer-text {
    color: #004fa0;
}

.footer-ul li {
    list-style: none;
    font-size: 12px;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 21px;
}

.footer-ul li a {
    color: #000;
}

.crcontainer {
    border-top: 1px dotted #000;
}

.method_imgs {
    background: rgba(245, 245, 245, 0.58);
    border-radius: 26px;
    width: 100%;
    padding: 15px;
}

.method_imgs img.img-responsive {
    margin: auto;
}

.footer_social span {
    background: var(--primary-color);
    display: block;
    height: 2px;
    margin: 20px auto 25px;
    width: 75px;
}

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

.social_icon ul li {
    display: inline;
}

.social_icon ul li a i {
    border-radius: 0;
    color: var(--primary-color);
    font-size: 20px;
    height: 45px;
    margin: 2px;
    padding: 13px;
    transition: all 0.2s ease;
    width: 45px;
}

.social_icon ul li a i:hover {
    background: var(--primary-color);
    color: var(--text-color);
}

.facebook {
    background: #345289;
}

.twitter {
    background: #006e99;
}

.dribbble {
    background: #ff4c83;
}

.instagram {
    background: #8b5c42;
}

.google {
    background: #d14031;
}

.youtube {
    background: #cf1711;
}
/*END SOCIAL PROFILE*/
/*
* ----------------------------------------------------------------------------------------
* 14.END NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    padding: 30px 0 0;
    background-color: #fff;
    overflow: hidden;
}

.footer_copyright {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
    padding-top: 10px;
}

.carousel-inner {
    height: 417px;
}

/* Buttons */
.boton {
    border-radius: 5px;
    font-weight: bold;
    background: linear-gradient(to bottom, #cacaca, #8c8c8c);
    border: 1px solid #cacaca;
    font-size: 12px;
    padding: 10px 20px;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}

.boton:hover {
    background: linear-gradient(to bottom, #f68b00, #f60);
    border-color: #f60;
    color: #fff !important;
}

.boton.botonTam2 {
    padding: 5px 12px;
}

.bt_cancelar,
.bt_ingresar,
.bt_registrarme,
.bt_guardarycontinuar,
.bt_borrar {
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

.bt_cancelar {
    background-image: url(../../images/ico/bt_cancelar.png);
    width: 83px;
    height: 25px;
}

.bt_ingresar {
    background-image: url(../../images/ico/bt_ingresar.png);
    width: 83px;
    height: 25px;
}

.bt_registrarme {
    background-image: url(../../images/ico/bt_registrarme.png);
    width: 101px;
    height: 25px;
}

.bt_guardarycontinuar {
    background-image: url(../../images/ico/bt_guardarycontinuar.png);
    width: 202px;
    height: 31px;
}

.bt_guardarycontinuar:hover {
    background-position: top left;
}

.bt_borrar {
    background-image: url(../../images/ico/bt_borrar.png);
    width: 83px;
    height: 37px;
}

/* Trial Button */
.trial-btn .btn {
    display: inline-block;
    padding: 15px 40px;
    background: #ccad52;
    border: none;
    /* 2,17:1 -> 8,62:1. Mismo motivo que .burbuja .boton. */
    color: #07131F;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.trial-btn .btn:hover,
.trial-btn .btn:focus {
    background: #b89745;
    /* 2,78:1 -> 6,73:1 */
    color: #07131F;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

/* Blue Button */
.btn-blue {
    display: inline-block;
    padding: 10px 20px;
    color: #fff !important;
    background: linear-gradient(to bottom, rgba(97,184,203,1) 0%, rgba(0,110,255,1) 100%);
    border: 1px solid #0077b5;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 8px;
    margin: 0 15px 0 0;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-blue:hover,
.btn-blue:focus {
    background: #004fa0;
    color: #fff;
    border: 1px solid #004fa0;
}

.btn-blue:active {
    background: #003366;
    border: 1px solid #003366;
    color: #fff;
}

/* PopUp Forms */
.popUp .texto {
    background: #ececec;
    border: none;
    padding: 4px 7px;
    color: rgba(12,12,12,0.8);
    border-radius: 5px;
    font-family: 'Calibri', 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.popUp form label {
    color: #a6a6a6;
    position: absolute;
    top: 5px;
    left: 5px;
}

.popUp form p {
    position: relative;
}

.popUp .texto.tam1 {
    width: 100%;
}

.popUp .texto.disabled {
    color: #ccc;
}

.popUp .apaisado {
    width: 241px;
}

.popUp .texto.tam2 {
    width: 225px;
}

.popUp select.texto.tam2 {
    width: 237px;
}

.popUp .texto.tam3 {
    width: 469px;
}

.popUp textarea.texto {
    font-size: 1em;
}




/* ********* LOGIN ********* */
.burbuja {
    z-index: 2000;
    position: absolute;
    display: none;
    font-size: small;
    background-color: #004fa0; /* Azul del logotipo de Happiness Play */
    padding: 15px;
    right: 0!important;
    left: auto!important;
    top: 52px!important;
    border-radius: 5px;
    width: 300px; /* Asegurar que el formulario tenga un ancho fijo */
}

.burbuja::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #004fa0 transparent; /* Triángulo del color del fondo */
}

.burbuja .login-close {
    height: 30px;
    text-align: right;
}

.burbuja .login-close > div {
    display: inline-block;
    background-image: url('../../css/images/icon-close-white.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px; /* Ajuste del tamaño de la X */
    height: 20px;
    cursor: pointer;
    margin-right: 5px; /* Espacio a la derecha */
}

.burbuja form {
    padding: 10px 15px;
    margin: 0;
    font-size: 1em;
}

.burbuja .texto {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    color: #333;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.1em; /* Tamaño de fuente mejorado */
}

.burbuja form p {
    margin-bottom: 10px;
    color: #fff;
    text-align: right;
}

.burbuja a {
    color: #f0f0f0;
    text-decoration: underline;
}

.burbuja a:hover {
    color: #dcdcdc;
}

.burbuja .register {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #f0f0f0;
}

.burbuja .register a {
    font-size: 1.2em; /* Tamaño de fuente ligeramente mayor */
    color: #f0f0f0;
    text-decoration: none;
}

.burbuja .register a:hover {
    color: #dcdcdc;
}

.burbuja .boton {
    background-color: #d4af37; /* El mismo color que el botón de "Acceder" */
    /* Tinta y no blanco: el dorado es un color CLARO y con #fff daba 2,10:1,
       muy por debajo del 4,5:1 de WCAG AA. Asi da 8,90:1. (2026-08-21) */
    color: #07131F;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-size: 1.1em;
    width: 100%;
    cursor: pointer;
    margin-top: 10px;
}

.burbuja .boton:hover {
    background-color: #c19a2b;
}

@media only screen and (max-width: 768px) {
    .burbuja {
        left: 0 !important;
        right: 0 !important;
        top: 190px !important;
        width: 90%;
        margin: 0 auto;
    }
    .burbuja::after {
        right: 50%;
        margin-right: -10px;
    }
}




.section-title p {
width: 100%;
}
/* ********* PRIMERA CAPA REGISTRO SOCIAL ********* */.register-social {
    overflow: hidden;
	padding: 20px 0px;
	margin-bottom: -30px;
}
.register-social {
    text-align: left;
}
.register-social p{
    margin: 5px 0 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}
.register-social .register-social-icons a {
    display: inline-block;
    color: #FFF;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 6px 8px;
    padding: 5px 5px 5px 25px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    margin: 0 2px 10px;
}
.register-social .register-social-icons a:first-child {
    margin: 0 2px 10px 0;
}
.register-social .register-social-icons a:last-child {
    margin: 0 0 10px 2px;
}
.register-social .register-social-icons a.email {
    background-image: url('../../css/images/ico-email-blanco.svg');
    background-color: #555;
}
.register-social .register-social-icons a.facebook {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #3a5795;
}
.register-social .register-social-icons a.twitter {
    background-image: url('../../css/images/ico-twitter-blanco.svg');
    background-color: #55acee;
}
.register-social .register-social-icons a.googleplus {
    background-image: url('../../css/images/ico-googleplus-blanco.svg');
    background-color: #DC4E41;
}
.register-social .register-social-icons a.linkedin {
    background-image: url('../../css/images/ico-linkedin-blanco.svg');
    background-color: #0077B5;
}.register-email a.register-button-email, .register-facebook a.register-button-facebook, .register-twitter a.register-button-twitter, .register-googleplus a.register-button-googleplus, .register-linkedin a.register-button-linkedin {
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 30px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px 5px;
    text-decoration: none;
    max-width: 300px;
    max-height: 28px;
}
.register-email a.register-button-email {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #555;
}
.register-facebook a.register-button-facebook {
    background-image: url('../../css/images/ico-facebook-blanco.svg');
    background-color: #3a5795;
}
.register-twitter a.register-button-twitter {
    background-image: url('../../css/images/ico-twitter-blanco.svg');
    background-color: #55acee;
}
.register-googleplus a.register-button-googleplus {
    background-image: url('../../css/images/ico-googleplus-blanco.svg');
    background-color: #DC4E41;
}
.register-linkedin a.register-button-linkedin {
    background-image: url('../../css/images/ico-linkedin-blanco.svg');
    background-color: #0077B5;
}
.register-email h2 {
    color: #555;
}
.register-facebook h2 {
    color: #3a5795;
}
.register-twitter h2 {
    color: #55acee;
}
.register-googleplus h2 {
    color: #DC4E41;
}
.register-linkedin h2 {
    color: #0077B5;
}/* HELPER*/
.disnone {
    display: none !important;
}.disblock {
    display: block !important;
}
@media only screen and (max-width: 991px) {
    .disnone-rwd-991 {
        display: none !important;
    }
}/* popUp ----------------- */.popUp {
    font-size: 14px;
    font-family: Calibri, 'Open Sans', Arial, Helvetica, sans-serif;
    color: #595959;
    font-weight: 400;
    padding: 0 15px 0 15px;
}
.popUp h2 {
    color: #0C3D8D;
    font-family: Calibri, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
	margin-top: 10px;
    font-weight: 600;
}
.popUp h3 {
    margin-bottom: 3px;
	margin-top: 20px;
    color: #595959;
    font-size: 14px;
}
.popUp p {
    margin-bottom: 6px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
}
.popUp .cambiosSugeridos {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ececec;
    padding: 10px 20px 10px 10px;
    height: 280px;
    overflow-y: scroll;
    margin-bottom: 15px;
}
.popUp .cambiosSugeridosTop {
    height: 80px;
}
.popUp .cambiosSugeridos li {
    margin: 5px 0;
}
.popUp .cambiosSugeridos ul ul {
    margin-left: 40px;
    display: none;
}
.popUp .cambiosSugeridos li img {
    vertical-align: middle;
    margin-right: 3px;
}
.popUp.popdiasdeprueba .enlaces a {
    display: inline-block;
    margin: 0 15px 15px 0;
}
.popUp.popdiasdeprueba .enlaces a:last-child {
    margin: 0;
}/* Generales */
#content {
    padding: 110px 0 0 0;
    overflow: hidden;
}
#content.logged {
    padding: 190px 0 0 0;
    overflow: hidden;
}
#home.logged {
    margin-top: 80px;
    height: auto;
}
@media only screen and (max-width: 991px) {
    #content {
        padding: 110px 0 0 0;
        overflow: hidden;
    }
    #content.logged {
        padding: 50px 0 0 0;
        overflow: hidden;
    }
    #home.logged {
        margin-top: 50px;
        height: 750px;
    }
}/* FAQ */
.faq iframe {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.faq p > img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
}
.faq-preguntas {
    margin-top: 40px;
}
.faq-preguntas li {
    margin: 0 0 20px 0;
}
.faq-preguntas li:last-child {
    margin: 0 0 0 0;
}
.faq-respuestas > div {
    padding: 0;
}
.faq-respuestas > div > h3 {
    padding: 160px 0 20px;
}
nav.nav {
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #2c509b;
}
nav.menu-mob {
  display: none;
}
nav.nav ul {
  padding: 0 0 0 0;
  overflow: hidden; }
  nav.nav ul li {
    background-color: #2c509b;
    font-size: 24px;
    width: 24.73%;
    height: 80px;
    float: left;
    list-style: none;
    display: table;
    text-align: right;
    margin: 0 0 0 0.35%; }
    nav.nav ul li a {
      color: white;
      display: table-cell;
      vertical-align: middle;
      padding: 0 30px 0 85px;
      background-repeat: no-repeat;
      background-size: 55px;
      background-position: left 25px center; }
      nav.nav ul li a:hover {
        text-decoration: none; }
    nav.nav ul li:first-child {
      margin: 0 0 0 0; }
    nav.nav ul li.resumen a {
      background-image: url("../../styles/images/icon-home.svg"); }
    nav.nav ul li.como a {
      background-image: url("../../styles/images/icon-camera.svg"); }
    nav.nav ul li.quiero a {
      background-image: url("../../styles/images/icon-heart-white.svg"); }
    nav.nav ul li.cambiar a {
      background-image: url("../../styles/images/icon-calendar.svg"); }
    nav.nav ul li.menu-desp {
      display: none; }
      nav.nav ul li.menu-desp a {
        background-image: url("../../styles/images/icon-menu-desp.svg"); }
    nav.nav ul li.active.resumen a {
      background-image: url("../../styles/images/icon-home-hover.svg"); }
    nav.nav ul li.active.como a {
      background-image: url("../../styles/images/icon-camera-hover.svg"); }
    nav.nav ul li.active.quiero a {
      background-image: url("../../styles/images/icon-heart-white-hover.svg"); }
    nav.nav ul li.active.cambiar a {
      background-image: url("../../styles/images/icon-calendar-hover.svg"); }
    nav.nav ul li.active.menu-desp a {
      background-image: url("../../styles/images/icon-menu-desp-hover.svg"); }
@media only screen and (max-width: 991px) {
      nav.nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100; }
        nav.nav .container {
          padding-right: 0;
          padding-left: 0; }
        nav.nav ul li {
          height: 50px;
          width: 20%;
          margin: 0; }
          nav.nav ul li a {
            font-size: 0px !important;
            padding: 0;
            background-position: center center;
            background-size: 30px; }
          nav.nav ul li.menu-desp {
            display: table; }
      nav.menu-mob {
        position: absolute;
        display: none;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 100; }
        nav.menu-mob .container {
          padding: 0 0; }
        nav.menu-mob ul {
          padding: 0 0 0 0;
          border-top: 1px solid #e3f0f3;
          list-style: none; }
          nav.menu-mob ul li {
            background-color: #2c509b;
            border-bottom: 1px solid #e3f0f3; }
            nav.menu-mob ul li a {
              color: white;
              padding: 10px 10px;
              display: block;
              text-align: center; }
              nav.menu-mob ul li a:hover {
                text-decoration: none; }
}
.about-por {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
@media only screen and (max-width: 991px) {
    .about-por {
        position: relative;
        margin: 0 0 -45px 0;
    }
    .faq-respuestas > div > h3 {
        padding: 20px 0 10px;
    }
}
@media only screen and (max-width: 991px) {
    .collapse-harder-inthe {
        background: white;
        height: auto !important;
        display: block;
    }
}
.profile_head_nav ul li a{
    font-size: 17px !important;
}