/* General bg */
body {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}
/* Not Logged  */

.not-logged {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.not-logged .uk-button-primary {
    background-color: green;
     
}


/* Landing */
.welcome-video-card {
    width: 90%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}
.not-logged #main-navbar-menu .uk-navbar-nav > li > a {
    font-family: "Merienda";
    color: #FFF
}
.not-logged #main-logo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    background: #fff;
    box-shadow: 0 0 10px #fff;
 }
.not-logged #main-brand {
    color: #FFF;
    text-shadow: 0 1px 0 #000,0 0 5px #000, 0 0 10px #fff;
    font-size: 1.2rem;
}
.not-logged .comming-soon h3 {
    margin-top: 30px;
    color: #FFF;
    text-shadow: 0 1px 0 #000,0 0 5px #000, 0 0 10px #fff;
}
 
#talk-now-banner .card,
#talk-now-banner .card h3 {
    color: #111;
    text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 13px #fff;
}
#beneficios-banner {
    background:rgba(255,255,255,.9)
}
#access-now-banner {
    padding-top: 40px;
    padding-bottom: 240px;
    background:#5a9e1e;
}
#access-now-banner .uk-text-success {
    color: #fff !important;
}
#access-now-banner h4 {
    color: rgba(255,255,255,.9)
}
#access-now-banner .treatment-cost {
    color: #FFF
}
#access-now-banner .promos {
    color: rgba(255,255,255,.9)
}
#access-now-banner .promos:hover {
    color: #FFF
}
/* #access-now-button {
    background: red;
    font-size: 1.2rem;
    border: 2px solid #FFF;        
    text-shadow: 0 1px 1px  rgba(0,0,0,.25);
    color: #fff;
}

#access-now-button:hover {
    background: rgb(201, 11, 11);
} */
 

/* #talk-now-banner .go-to-conversation {         
     border: 1px solid rgba(0,0,0,.25);          
     text-shadow: 0 1px 1px  rgba(0,0,0,.25);
     font-size: 18px;
     padding-left: 20px;
     padding-right: 20px
 } */

 

::-moz-selection {
    background-color: #B18D45;
}

#login-page #main-logo {
    width: 70px;
    height: 70px;
}

#login-page .to-home:hover {
    text-decoration: none;
     
}
#login-page .to-home #main-brand {
    transition: .2s
 }
#login-page .to-home:hover #main-brand {
   text-shadow:  0 0 6px #fff, 0 1px 0 #222
}

#plans-modal .uk-card-default {  
    border: 1px solid #A48631;
    box-shadow: 0
}
#plans-modal .uk-card .uk-card-header,
#plans-modal .uk-card .uk-card-body, 
#plans-modal .uk-card  .uk-card-footer  {  
     padding-left: 18px;
     padding-right: 18px
}

@media all and (max-width:460px) {
    #plans-modal .uk-modal-header{  
        padding: 15px
    }
    #plans-modal .uk-modal-header .uk-modal-title {  
        font-size: 1.2rem;
        line-height: 1rem
    }
    #plans-modal .uk-modal-body {  
        padding: 15px
    }
}

/* #plans-modal .uk-button.buy-treatment {
    
}
#plans-modal .uk-button.buy-treatment:hover {}

.direct-buy-column .buy-treatment {
    font-size: 24px;
} */

 /* .uk-button.buy-treatment {
        line-height: 1.2;
        background-color: red;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    } */
 /* .uk-button.buy-treatment:hover {
        background-color: rgb(223, 43, 43);} */

/* End Not Logged */

/* Logged & Unsuscribed  */
.logged-unsubscribed {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}
.logged-unsubscribed  .uk-text-primary {
    color: #B18D45!important;
}

/* .logged-unsubscribed #main-logo {
    width: 60px;
    height: 60px;
    margin: 0;
} */
.logged-unsubscribed #main-brand {
    color: #FFF;
    text-shadow: 0 1px 0 #000,0 0 5px #000, 0 0 10px #fff;
}
/* .logged-unsubscribed .uk-button-primary {
    background-color: #B49CFC;
}
.logged-unsubscribed .uk-button-primary:focus, .logged-unsubscribed  .uk-button-primary:hover {
    background-color: #977CE7;
} */

#main-navbar-menu ul li span[uk-icon="whatsapp"] svg {
    width: 30px;
    height: 30px;
    color:#243847;
}
.direct-buy-column {
    background: #fff;
    box-shadow: 0 0px 6px rgba(0,0,0,.08);    
    margin-top: 10px;
    position: relative;
    z-index: 1;
    border: 1px solid #755A24;
    border-radius: 4px;
    padding: 20px;    
    font-family: 'Kameron';
    letter-spacing: -.5px;
    line-height: 1.1;
}
.direct-buy-column.big-column .mp-recurring-payment-cards img {
    width: 70%;
}

.direct-buy-column.small-column .mp-recurring-payment-cards {
    margin-top: 10px; 
}

.resultados-garantizados-badge {
    width: 92px
}
.treatment-access {     
    font-size: 22px;
    line-height: 1.375rem;
    color:#222;
    font-weight: bold
}
.treatment-access > span:first-child {
    font-weight: normal;
    font-size: 18px
} 
.treatment-by-month {
    font-size: 18px;
    padding-bottom: 5px
}

.treatment-cost {
    color: red;
    font-weight: 600;
    margin-top: 10px;
    font-family: 'Arial', sans-serif;
    line-height: 1;    
}

.lv2 {
    font-size: .875rem;
    line-height: 1;
    padding-bottom: 10px;
}

.treatment-cost  .currency {
    font-size: 32px;
}
.treatment-cost  .value {
    font-size: 100px;
    line-height: 90px;
}
.real-price-text {
    font-weight: bold
}
.real-price-value {
    font-weight: bold;    
    font-size: 22px;    
    letter-spacing: -1px;
}
.direct-buy-column .small-text {
    font-size: .875rem;
}

#plans-modal,
#plans-modal .uk-modal-title  {
    font-family: 'Kameron';
}
 
#plans-modal .uk-modal-title .resultados-garantizados-badge {
    width: 40px
}

 
/* .buy-treatment.uk-button,
.logged-without-element .uk-button-primary {   
   background: #3023ae;
   background: -moz-linear-gradient(-45deg, #3023ae 0%, #c86dd7 100%);
   background: -webkit-linear-gradient(-45deg, #3023ae 0%,#c86dd7 100%);
   background: linear-gradient(135deg, #3023ae 0%,#c86dd7 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3023ae', endColorstr='#c86dd7',GradientType=1 );
   background: #A48631;
   background: -moz-linear-gradient(-45deg, #A48631 0%, #B18D45 100%);
   background: -webkit-linear-gradient(-45deg, #A48631 0%,#B18D45 100%);
   background: linear-gradient(135deg, #A48631 0%,#B18D45 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A48631', endColorstr='#B18D45',GradientType=1 );
    border: 1px solid #755A24;    
    font-weight: bold;    
    color: #FFFFFF; 
    text-shadow: 0 1px 1px  #755A24
} */


 
 
.payments-methods img {
    max-height: 20px
}

/* End Not Logged */



/* Logged Without Element */
.logged-without-element {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.logged-without-element #main-brand {
    color: #FFF;
    text-shadow: 0 1px 0 #000,0 0 5px #000, 0 0 10px #fff;     
}

#email-alert {
    display: inline-block;
    position: relative;
}
#email-alert svg {}
#email-alert #dot-notification {
    width: 18px;
    height: 18px;
    background-color: #B18D45;
    display: block;
    position: absolute;
    border-radius: 50%;
    top: -8px;
    right: -7px;
}

.uk-button-primary {
    background-color: #B18D45;
}
 
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: rgb(131, 102, 44);
}

.overlay-text {
    color: #FFF;
    text-shadow: 0 1px 0 #000,0 0 5px #000, 0 0 10px #fff;
}





html {
    background-color: #F8F8F8;    
}

.uk-link, a {
    color: #A48631;
}

.uk-link:hover, a:hover {
    color: #B18D45   
}





html,
.uk-card-default {
    color: #243847
}


/* Colores por elementos */

/* Madera */
#madera .uk-background-primary,
#madera .uk-navbar-container:not(.uk-navbar-transparent),
#madera .uk-button-primary,
#madera .message-received .message-bubble,
#madera #offcanvas-menu header  {
    background: rgb(98,233,158);
    background: -moz-linear-gradient(-45deg, rgba(98,233,158,1) 0%, rgba(40,199,111,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(98,233,158,1) 0%,rgba(40,199,111,1) 100%);
    background: linear-gradient(135deg, rgba(98,233,158,1) 0%,rgba(40,199,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62e99e', endColorstr='#28c76f',GradientType=1 );
}
#madera .uk-text-primary {
    color: #62E99E!important
}

#madera #section-filter > li > a:hover,
#madera #section-filter > li.uk-active > a {    
    border-left-color: #62E99E;    
}
#madera .article-resume,
#madera .direct-buy-column.uk-active {
    border-color:#62E99E;
}

/* Tierra */
#tierra .uk-background-primary,
#tierra .uk-navbar-container:not(.uk-navbar-transparent),
#tierra .uk-button-primary,
#tierra .message-received .message-bubble,
#tierra #offcanvas-menu header {
    background: rgb(253,211,100);
    background: -moz-linear-gradient(-45deg, rgba(253,211,100,1) 0%, rgba(255,178,31,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(253,211,100,1) 0%,rgba(255,178,31,1) 100%);
    background: linear-gradient(135deg, rgba(253,211,100,1) 0%,rgba(255,178,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd364', endColorstr='#ffb21f',GradientType=1 );
}
#tierra .uk-text-primary {
    color: rgb(253,211,100)!important
}

#tierra #section-filter > li > a:hover,
#tierra #section-filter > li.uk-active > a {    
    border-left-color: rgb(253,211,100);;    
}
#tierra .article-resume,
#tierra .direct-buy-column.uk-active {
    border-color:rgb(253,211,100);
}

/* Agua */
#agua .uk-background-primary,
#agua .uk-navbar-container:not(.uk-navbar-transparent),
#agua .uk-button-primary,
#agua .message-received .message-bubble,
#agua #offcanvas-menu header {
    background: rgb(157,214,254);
    background: -moz-linear-gradient(-45deg, rgba(157,214,254,1) 0%, rgba(139,176,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(157,214,254,1) 0%,rgba(139,176,249,1) 100%);
    background: linear-gradient(135deg, rgba(157,214,254,1) 0%,rgba(139,176,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd6fe', endColorstr='#8bb0f9',GradientType=1 );
}
#agua .uk-text-primary {
    color: rgb(157,214,254)!important
}

#agua #section-filter > li > a:hover,
#agua #section-filter > li.uk-active > a {    
    border-left-color: rgb(157,214,254);;    
}
#agua .article-resume,
#agua .direct-buy-column.uk-active {
    border-color:rgb(157,214,254);
}

/* Fuego */
#fuego .uk-background-primary,
#fuego .uk-navbar-container:not(.uk-navbar-transparent),
#fuego .uk-button-primary,
#fuego .message-received .message-bubble,
#fuego #offcanvas-menu header {
    background: #ff7554;
    background: -moz-linear-gradient(-45deg, #ff7554 0%, #ff88a3 100%);
    background: -webkit-linear-gradient(-45deg, #ff7554 0%,#ff88a3 100%);
    background: linear-gradient(135deg, #ff7554 0%,#ff88a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7554', endColorstr='#ff88a3',GradientType=1 );
}
#fuego .uk-text-primary {
    color: #ff7554!important
}

#fuego #section-filter > li > a:hover,
#fuego #section-filter > li.uk-active > a {    
    border-left-color: #ff7554;    
}
#fuego .article-resume,
#fuego .direct-buy-column.uk-active {
    border-color:#ff7554;
}


/* Metal */
#metal .uk-background-primary,
#metal .uk-navbar-container:not(.uk-navbar-transparent),
#metal .uk-button-primary,
#metal .message-received .message-bubble,
#metal #offcanvas-menu header {
    background: #476b7e;
    background: -moz-linear-gradient(-45deg, #b0c4d9 0%, #476b7e 100%);
    background: -webkit-linear-gradient(-45deg, #b0c4d9 0%,#476b7e 100%);
    background: linear-gradient(135deg, #b0c4d9 0%,#476b7e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c4d9', endColorstr='#476b7e',GradientType=1 );
}
#metal .uk-text-primary {
    color: #476b7e!important
}

#metal #section-filter > li > a:hover,
#metal #section-filter > li.uk-active > a {    
    border-left-color: #476b7e;    
}
#metal .article-resume,
#metal .direct-buy-column.uk-active {
    border-color:#476b7e;
}

#metal .navbar-username {
    color: #fff!important
}
#metal #main-navbar-menu svg * {
    fill: #fff
}





/* Logos por elementos */
#agua .element-logo {
    background-image: url('../img/elemento_agua@2x.png')
}
#fuego .element-logo {
    background-image: url('../img/elemento_fuego@2x.png')
}
#madera .element-logo {
    background-image: url('../img/elemento_madera@2x.png')
}
#metal .element-logo {
    background-image: url('../img/elemento_metal@2x.png')
}
#tierra .element-logo {
    background-image: url('../img/elemento_tierra@2x.png')
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #529617;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    height: 60px
}

html{
    font-family: 'Merienda', cursive;
    letter-spacing: -1px
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Merienda', cursive;
    font-weight: bold
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {    
    border-color: #333;
}


#main-logo {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 2px;
    background: #fff;    
}
#main-brand {
    color: #243847;
    font-size: 1rem;
    font-family: 'Merienda', cursive;
    letter-spacing: -1px
}
#main-navbar-menu .uk-navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    opacity: .8;
    position: relative
}
#main-navbar-menu .uk-navbar-nav > li > a:hover {     
    opacity: 1
}
 
#main-navbar-menu .navbar-username {
    color: #243847;
    opacity: .8;
    margin-right: 5px;
    border-right: 1px solid rgba(0,0,0,.1);
    padding-right: 10px;
}
.notification-bubble {
    width: 18px;
    height: 18px;
    display: block;
    background: red;
    color: #fff;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 9px;
    z-index: 2;
}
#offcanvas-menu header {
    margin-left: -20px;
    padding: 20px;
    margin-right: -20px;
    margin-top: -20px;
    background: #666;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
#offcanvas-menu header .element-logo{
    width: 60px;
    height: 60px;
    border: 2px solid #FFF;
    border-radius: 50%
}
#offcanvas-menu header .username{
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    font-size: 1.2rem;
}

#offcanvas-menu header .element-label{
    text-transform: capitalize;
    color: #333;
}


/* floating chat banner */
body.chat-floating-banner-visible {
    padding-bottom: 250px
}
#chat-floating-banner {
    position: fixed;
    right: 0px;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 0;
    z-index: 2
}
#chat-floating-banner .close-chat-banner {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    position: absolute;
    right: 16px;
    top: 10px;
    background: #fff;
}
#chat-floating-banner .therapist-avatar {
    width: 40px;
    height: 40px;
    margin: 0;
    border: 1px solid #ccc;
}
 
#chat-floating-banner .therapist-preview-message {
    font-size: .8125rem;
    line-height: 1.3;
    padding-top: 10px;
    padding-bottom: 10px
    
}
/* .go-to-conversation {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
} */
.go-to-conversation svg {
    width: 20px;
    height: auto;
}

/* .uk-button.free-conversation-button {
    background: red;
}
.uk-button.free-conversation-button:hover {
    background: rgb(201, 11, 11);
} */





    
/* .buy-membership {
    border: 2px solid #fff;
    border-radius: 5px;
    background: red;
    font-family: 'Kameron';
    letter-spacing: 0;
    font-weight: bold;
    text-shadow: 0 -1px 0 #000;
    font-size: 15px;
    line-height: 19px;
    padding: 10px;
}
.buy-membership:hover {
    
} */




.uk-card-default {    
    box-shadow: 0 0px 6px rgba(0,0,0,.08);
    border-radius: 4px;     
}

.messages-box {
    border-radius: 0;
    height: calc(100vh - 60px);
    margin-left: -15px;
    width: 100vw;
}

.messages-box header {
     padding: 15px;
     border-bottom: 1px solid #BAC3CA;    
}
.therapist-avatar {
    width: 40px;
    height: 40px;
}
.therapist-asignado {
    position: relative
}
.therapist-name {
    font-weight: bold;
}
.therapist-status {
    color: #999;
    font-size: .875rem;    
}




 
.messages-box footer {    
    border-top: 1px solid #BAC3CA;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;   
}
#input-msg-wrapper {
    position: relative
}
 

#input-msg {
    padding-left: 10px;
    font-size: 16px;
    background: #fff;
    border: 0;
    resize: none;
    -webkit-resize:none;
    -moz-resize:none;
    display: block;
    box-sizing: padding-box;
    max-height: 96px;    
    font-family: 'Merienda', cursive;
    letter-spacing: -1px;   
}
#input-msg:focus,
#input-msg:active,
#input-msg:focus {
    background: #FFF;
    outline: 0
}
 
#send-msg-button {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    padding-left: 0;
    padding-right: 0;    
    
}
#send-msg-button .send-icon {
    transform: translateY(-2px);
}
.conversation-wrapper {
    padding: 20px;
    margin-bottom: 90px !important;
}


.conversation-item {
    margin-bottom: 15px
}
 
.message-bubble {
    border-radius: 10px;    
    padding: 15px;    
    max-width: 80%;    
    font-size: 0.875rem;    
    line-height: 1.188rem;
}

.message-received .message-bubble {
    color: #fff;
    background: #BBBBBB;
}
.message-sended .message-bubble {
    background-color: #F1F3F5;
    color: #243847
}
.message-notify .message-bubble {
    max-width: 100%
}

.message-nofify .message-bubble {
    max-width: 100%;
    background: #FFF;
    color: #111;
    padding: 5px;
    text-align: center;
}
.message-nofify.message-alert .message-bubble {
    color: #f0506e !important
}

.message-legend-wrapper {
    display: block;
    height: 2px;
    margin: 16px 0 15px;
    text-align: center;
    text-transform: uppercase; 
    font-family: 'Arial', sans-serif;
}

.message-legend-text {
    color: #90949c;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 0 5px;
    position: relative;
    top: -8px;
}

/* Sidebar */
.main-sidebar-column {
    background: #fff;     
}

.main-sidebar-header {

}
#section-filter {        
    margin-left: -15px;
    margin-right: -15px;    
}

#section-filter > li > a {
    color: #243847;
    padding-top: 12px;
    padding-right: 5px;
    padding-bottom: 12px;
    padding-left: 10px;  
    border-left: 5px solid transparent;
}
#section-filter > li.uk-active > a {
    background: #f5f5f5;
    border-left-color: #ccc
} 
#section-filter > li > a:hover {
    border-left-color: #ccc
}  


/* Home */
#element-cover {
    padding-top: 20px;
    padding-bottom: 20px
}

.element-logo {
    width: 90px;
    height: 90px;
    background-size: cover;
}

.welcome {

}
.welcome-user {

}
#articles-grid .uk-card-default {
    overflow: hidden
}
#articles-grid .uk-card-default:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.article-card .uk-card-title {
    font-size: 1rem;
    line-height: 1;
    font-weight: 500; 
}
.article-card p {
    font-size: .875rem;
    line-height: 1.25;
    font-weight: 300     
}
.article-category-badge {
    font-size: .875rem;
}

.article-view.uk-card {
    border-radius: 0px 0px 4px 4px
}

.article-view.uk-card .article-head-shadow {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    padding-top: 10px
}
.article-view.uk-card .article-head-shadow .article-title {
    font-size: 1.5rem;
    text-shadow: 0 1px 0 #000,0 1px 1px #000;
}

.article-lead {
    color: #666;
}
.article-resume {
    border: 1px solid;
    padding: 20px;
    margin-right: -35px;
    margin-left: -35px;
    background: #fff;
    border-radius: 4px; 
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);
 

}
.article-resume header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;    
    font-weight: 600;
    padding-left: 5px;
}

.more-to-read span {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px
}


/* Responsive Video */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
       

.article-hierbas {}

.article-hierbas .uk-card {
    border: 1px solid #e6ddcc;
    padding: 20px;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #876625;
}


/* Music Player */
#kaicha-music-player {
    background: #222
}


/* Diplomas */
#diploma {
    background: #FFF
}



/* Button */
.uk-button {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    border-radius: 50px;
    letter-spacing: normal
}
.uk-button.uk-button-primary {
    background: rgb(255,48,25);
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
    transition: none;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5);
    border: 0;
    color:#FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-weight: bold;
}
.uk-button.uk-button-primary:hover,
.uk-button.uk-button-primary:focus {
    background: red;
    color: #FFF
}
.uk-button.uk-button-primary.buy-membership {
    background: rgb(255,48,25)!important;
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%)!important;
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 )!important;
    transition: none!important;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5)!important;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5)!important;
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.4) inset, 
    0 4px 0 #b70000, 
    0px 8px 12px rgba(0,0,0,.5)!important;
    border: 0!important;
    color:#FFF!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3)!important;
    font-weight: bold!important;
}
.uk-button.uk-button-primary.buy-membership:hover,
.uk-button.uk-button-primary.buy-membership:focus {
    background: red;
    color: #FFF
}

.hand {
    position: relative;
}

.hand::after {
    background: url(../../assets/img/pointer_hand.svg) no-repeat 0 0;
    background-size: auto auto;
    background-size: cover;
    width: 36px;
    height: 39px;
    content: '';
    display: block;
    position: absolute;
    right: -10px;
    bottom: -11px;
    transition: .2s
}
.hand:hover::after {
    transform: scale(1.2)
}


.uk-button-large {    
    font-size: 1.2rem;
}

@media screen and (max-width: 340px){
    .uk-button-large {     
        padding-left: 28px;
        padding-right: 28px;
    }
}



.paid-article {
    opacity: 0.6;
}

.paid-article .buy-membership {
    display: none;
    /* width: 250px; */
}

.paid-article:hover,
.paid-article.active {
    opacity: 1 !important;
}

.whatsapp-link {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: -1px 0px 31px #ddd;
  z-index:100;
}

.whatsapp-link svg {
    width: 30px;
    height: 30px;
}

.whatsapp-navbar.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #00e676!important;
}

.whatsapp-navbar .launch-offcanvas > a{
    color:#FFF!important
}

.whatsapp-navbar .whatsapp-list-icon a [uk-icon="whatsapp"] svg {
     color:#fff;
}
.whatsapp-navbar .whatsapp-list-icon a [uk-icon="whatsapp"] svg path {
     fill:#fff;
}

.span[uk-icon=*] svg{
    color:black;
}

.span[uk-icon=*] svg path{
    fill: green;
}

#share-this-page .uk-button {
    margin-top: 12px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 10px;
    border: 0;
    text-shadow: 0 1px #000, 0 0px 5px #000, 0 0px 3px #000, 0 0px 2px #000
}
#share-this-page-options {
    position: absolute;
    padding-left: 20px;
    padding-top: 10px;
}
.share-label {
    display: block;
    line-height: 1;
    text-shadow: none;
    font-size: 8px;
}
.share-circle-icon {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #FFF;
    border-radius: 50px
}

.facebook-style-button,
.facebook-style-button:visited {
    border: 1px solid #999;
    border-bottom-color: #888;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    border-color: #29447e #29447e #1a356e;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7');
    /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

.facebook-style-button:hover {
    border-color: #1a356e;
    background: #29447e;
    webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1)

}

#login_form .divider {
    border-top: 1px solid #d9dadc;
    display: block;
    line-height: 1px;
    margin: 15px 0;
    position: relative;
    text-align: center;
}

#login_form .divider .divider-title {
    background: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
}

.title-white {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    text-shadow: 0 1px #000, 0 0px 5px #000, 0 0px 3px #000, 0 0px 2px #000;
    font-size: 15px;
    text-align: center;
    line-height: 1.1;
    letter-spacing: normal;
}

.uk-button.uk-button-whatsapp {
    background: #00e676 !important;
    box-shadow: 0 0 1px 1px #51d192 inset, 
    0 4px 0 #03ba61, 
    0px 8px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 1px 1px #51d192 inset, 
    0 4px 0 #03ba61, 
    0px 8px 12px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px 1px #51d192 inset, 
    0 4px 0 #03ba61, 
    0px 8px 12px rgba(0,0,0,.5);
    border: 0;
    color:#FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.uk-button.uk-button-whatsapp span[uk-icon]{
    padding-bottom: 10px;
}

.page-intro-title {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    text-shadow: 0 1px #000, 0 0px 5px #000, 0 0px 3px #000, 0 0px 2px #000;
    font-size: 18px;
    text-align: center;
    line-height: 1.1;
    letter-spacing: normal;
}
.page-intro-lead {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    text-shadow: 0 1px #000, 0 0px 5px #000, 0 0px 3px #000, 0 0px 2px #000;
    font-size: 15px;
    text-align: center;
    line-height: 1.1;
    letter-spacing: normal;
}

.pill-badge {
    padding: 1px 4px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    color: #ff4343;
}

.discounted-price {
    color: #ff4343;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
}

.free-color {
    color: #39b54a;
}