/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    word-wrap: break-word;
}

html {
    overflow-x: hidden; 
}
em {
    color: #999999;
}

.uk-animation-5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
a {
    text-decoration: none !important;
}

.tm-navbar-container {
    position: absolute;
    z-index: 9;
    width: 100%;
}

nav.tm-navbar.uk-navbar > ul > li > a {
    color: #ffffff;
 	font-size:16px;
}

nav.tm-navbar.uk-navbar > ul > li > a::before {
    background: #ffffff;
}



.uk-overlay-panel  .uk-margin > h3,
.mod_slideshow h2 {
    font-size: 54px;
}

@media screen and (max-width: 480px){
   .uk-overlay-panel  .uk-margin >  h3,
   .mod_slideshow h2 {
       font-size: 34px;
       line-height: 36px;
   }

   blockquote{
      font-size: 24px;
   }

   .mod_slideshow ul.uk-slideshow > li,
   .mod_slideshow ul.uk-slideshow{
     min-height: 1080px !important;
   }

   .mod_target  ul.uk-slideshow > li,
   .mod_target  ul.uk-slideshow{
        min-height: 1600px !important;
    }

    .mod_temas  ul.uk-slideshow > li,
    .mod_temas  ul.uk-slideshow{
        min-height: 980px !important;
    }

    .mod_agendas  ul.uk-slideshow > li,
    .mod_agendas  ul.uk-slideshow{
        min-height: 900px !important;
    }
   

    h2 {
        font-size: 36px;
        line-height: 38px;
    }
}


.uk-offcanvas-bar {
    background: #02acff;
}
.uk-nav-offcanvas > li > a,
.tm-navbar-left.uk-flex.uk-flex-middle > a {
    color: #ffffff;
}

.uk-nav-offcanvas > li.uk-active > a {
    background: #3d0869 !important;
}

.tm-navbar-container.uk-active .tm-navbar-left.uk-flex.uk-flex-middle > a {
    color: #2d0659;
}



.tm-navbar-container.uk-active {
    background: rgb(0,212,255);
    background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(41,9,121,1) 50%, rgba(143,5,149,1) 100%);
}


.mod_temas .uk-overlay-panel.uk-overlay-right.uk-overlay-slide-right {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 800px;

}

.uk-block.tm-block-main.uk-block-default {
    padding: 0px;
}

.mod_agendas .uk-overlay-panel.uk-flex > div,
.mod_agendas .uk-margin > .uk-grid {
    width: 100%;
}

.mod_agendas .uk-grid h3 {
    font-size: 40px;
    line-height: 42px;
}

.tm-footer p:not(.uk-text-large) {
    font-size: 16px;
}

@media screen and (min-width: 768px){
  .mod_agendas ul.uk-slideshow.uk-overlay-active,
  .mod_agendas ul.uk-slideshow.uk-overlay-active > li > div {
      max-height: 720px;
  }
}


a.uk-icon-button {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    border: none;
    font-size: 20px;
}

a.uk-icon-button.uk-icon-whatsapp {
    background: #47c530;
}



a.uk-icon-button.uk-icon-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

a.uk-icon-button.uk-icon-facebook {
    background: #215adb;
}

p.uk-text-large {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 2px;
}

div#tm-footer {
    padding: 20px 0px;
background: #0d0d0d;
}
div#tm-footer p {
   color: #ffffff;
}

a.tm-logo-small > h3 {
    color: #02acff;
    background: #ffffff;
    padding: 15px;
    border-radius: 15px;
}

a.tm-totop-scroller {
    right: -7%;
    width: 45px;
    height: 45px;
    background: #49c2fe;
    line-height: 38px;
    color: #ffffff;
    border-radius: 50%;
}

a.tm-totop-scroller:hover {
    background: #48056e;
    color: #ffffff;
}

.panel {
    padding: 50px;
    border: 1px solid #ffffff;
    text-align: center;
    background: rgb(0 0 0 / 50%);
}

/*RELOJ*/

div#cuenta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.simply-amount {
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
}

.simply-section {
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #01abff;
    color: #ffffff;
    border-radius: 50%;
}



span.simply-word {
    font-size: 16px;
}

p.uk-text-extra-large {
    font-size: 28px;
color: #01abff;padding: 10px 0px;}

div#mensaje {
   background: #ffffff;
    border-radius: 5px;

}

@media screen and (max-width:  480px){
     .simply-section {
        float: left;
        margin: 20px;
    }

    div#cuenta {
        display: inline-block;
    }
}

.uk-button {
    background: rgb(67,53,160);
    background: -moz-linear-gradient(left,  rgb(67,53,160) 0%, rgb(173,18,131) 91%, rgb(173,18,131) 91%, rgb(173,18,131) 91%, rgb(173,18,131) 91%, rgb(170,35,132) 91%, rgb(173,18,131) 100%, rgb(221,221,221) 100%);
    background: -webkit-linear-gradient(left,  rgb(67,53,160) 0%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(170,35,132) 91%,rgb(173,18,131) 100%,rgb(221,221,221) 100%);
    background: linear-gradient(to right,  rgb(67,53,160) 0%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(173,18,131) 91%,rgb(170,35,132) 91%,rgb(173,18,131) 100%,rgb(221,221,221) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4335a0', endColorstr='#dddddd',GradientType=1 );
    color: #ffffff;
    border: none;
    padding: 8px 40px;
    border-radius: 5px;
    width: 100%;
    max-width: 225px;
    height: 50px;
    line-height: 32px;
}

.uk-button::before {
    background: #0c97d7 !important;
    top: 0;
    
}

.uk-button:hover {
    color: #ffffff !important;
}

div#inscribete {
    z-index: 9999;
}

.uk-modal-dialog {
    top: 25%;
}

.uk-modal-dialog .uk-grid > div > input {
    height: 45px;
    border: 1px solid #cccccc;
    padding: 10px;
   width: 100% !important;
}

.uk-modal-dialog .uk-grid > div {
    margin-bottom: 35px;
}

input[type="text"] {}

.uk-modal-dialog .uk-grid > div > textarea {
    border: 1px solid #cccccc;
    width: 100% !important;
    padding: 10px;
}

/* animacion svg */



.circle{fill:none;stroke:rgb(67,53,160);stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .circle-dash{fill:none;stroke:rgb(67,53,160);stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .check{fill:none;stroke:#0c97d7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check-dash{fill:none;stroke:#0c97d7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check {

          stroke-dasharray: 60 100;

          animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @-moz-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        .check-dash {

          stroke-dasharray: 10 100;

          animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

        }



        @-webkit-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @-moz-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        .circle {

          stroke-dasharray: 300 300;

          animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @-moz-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        .circle-dash {

          stroke-dasharray: 10 300;

          animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          opacity: 0;

        }



        @-webkit-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @-moz-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}


        }

span.c-purple {
    color: #880481;
}

.tm-footer h3.uk-animation-slide-right {
  color: #02acff;
}

@media screen and (min-width: 768px){
  .mod_bonus .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade > div {
    padding-left: 50px;
  }
}

@media screen and (max-width: 480px){
  div#tm-footer * {
    text-align: center !important;
  }
}