html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}

.no-padd {
    padding: 0;
}

.no-padd-left {
    padding-left: 0;
}

.no-padd-right {
    padding-right: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 0;
}

button:focus {
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    background-color: #f0f0f0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

@font-face {
    font-family: "Lato-Regular";
    src: url('../fonts/Lato-Regular.ttf');
}

@font-face {
    font-family: "Lato-bold";
    src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
    font-family: "Lato-light";
    src: url('../fonts/Lato-Light.ttf');
}

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


.header-part {
    background-image: url(../images/fondoSVG.jpg);
    /*min-height: 400px;*/
    /*background-size: cover;*/
   padding-top: 20px;
    background-size: cover;
  /*   padding-top: 20px; */
    background-repeat: no-repeat;
 /*    background-position: 42% bottom; */
/*     background-position: center center; */
    max-width:2000px;
    max-height: 401px; 
}

.contenido-header {
    padding-top: 20px;
}

.balls {
    left: 168px;
    top: 68px;
}

.info-img-tight {
  margin-top: 30px !important;
  margin-bottom: -80px !important;
}

.all-content-part {
    padding: 60px 0 0 0;
}

.right-menu li {
    display: inline-block;
    padding: 10px 8px;
}

.language-part-header img{
    width: 28px;
}

.right-menu li img {
    padding-right: 5px;
}

.panel-body img {
    width: 100%;
}

.right-menu a {
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Lato-bold";
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
}

.right-menu a:focus {
    outline: none;
    text-decoration: none;
}

.header-left-part h3 {
    font-family: "Lato-light";
    font-size: 36px;
    padding: 50px 0 8px;
    line-height: 1.2;
    color: #fff;
}

.header-left-part h3 span {
    color: #14c0e5;
}

.header-left-part p {
    font-size: 19px;
    color: #dee0e3;
    font-family: "Lato-Regular";
}

.header-buttons {
    width: 400px;
    margin: 0 auto;
    padding-top: 30px;
    margin-right: 168px;
    margin-bottom: 78px;
}

.youtube-button {
    margin-top: 50px;
    margin-left: 30px;
}
.panel-body-youtube{
    text-align: center;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
}

.panel-title img {
    /*max-width: 45px;*/
    padding-right: 10px;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    /*margin-bottom: 15px;*/
}

.panel-title {
    position: relative;
    display: flex;
    padding: 7px;
}

.accordion-toggle {
    width : 100% !important
}

.panel-group .panel-heading {
    -webkit-box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
    box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
    background-image: none;
    background-color: inherit;
    border-color: inherit;
}

.panel-title > a {
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    font-family: "Lato-Regular";
    font-size: 20px;
    color: #525f7f;
    width: 100%;
}

.more-less {
    float: right;
    color: #3498db;
}

.glyphicon {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 24px;
    top: 50%;
    margin-top: -15px;
    font-size: 30px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.stakes-part {
    padding-bottom: 30px;
}
.youtube-panel-body{
    text-align: center;
}

/*features pato*/

.lato-reg {
    font-family: "Lato-Regular";
    line-height: 1.2;
}


.caja {
    display: flex;
    align-items:stretch;
}


.feature {
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items:center;
   
}
.feature p {
flex-grow: 1;
}

.tit-ico-home{
    color:#3498db;
    font-size:21px;
    margin-top:16px;
    margin-bottom: 10px;
    line-height: 1.3;
}

.feature p {
    margin-bottom: 12px;
}

.feature a span {
    margin-left: 10px;
    color: #818181;
    font-size: 15px;
    margin-top: 9px;
    display: inline-block;
    vertical-align: middle;
}

.feature a:hover {
    opacity: 0.5;
    cursor: pointer;
}

/*logo*/

.icono-trial {
    background: url(../../assets/images/icono-trial.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -274px;
    max-width: 239px;
}

.contenedor-logos {
    background-color: #000;
    margin-top:150px;
    position: relative;
    display: flex;
    justify-content: center;
}

/* .logos .container {
    margin-top:40px;
} */
.contenido-logos h1 {
    font-family: "Lato-light";
    font-size: 33px;
    color:white;
    text-align: center;
    padding-top: 129px;
}

.icono-trial {
display: flex;
justify-content: center;
}

.icono-trial a {
    font-size: 24px;
    color: #000;
    line-height: 1.3;
}

.icono-trial:hover a {
    color: white;
}

.icono-trial i {
    font-size: 50px;
    color:white;
}

.icono-trial:hover i {
    color: #000;
}

.grilla-logos {
    margin-bottom: 100px;

}

.logos img {
    max-width: 187px;
    max-height: 57px;
    width: 100%;
    height: 100%;
}


.ico-calcular {
    text-align: center;
}   

.ico-calcular span {
    font-size:25px;
    color:white;
    font-family: "Lato-light";

}

.ico-calcular span:hover {
    color:#15c1e6;
    cursor: pointer;
 

}

.ico-calcular img {
    display:block;
    max-width: 140px;
    max-height: 140px;
    margin-bottom: 25px;
}

.ico-calcular img:hover {
    opacity: 0.5;
    cursor: pointer;
}


.logos img {
    max-width: 187px;
    max-height: 45px;
    width: 75%;
    height: 100%;
}

@media (max-width: 982px){

.icono-trial {
   top: -433px;
}

}


@media (min-width: 768px){
    .logos img {
        max-width: 187px;
        max-height: 45px;
        width: 75%;
        height: 100%;
    }

    .img-feature{
        width: 75%;

    }

    .feature h2{
        font-size:18px;
    }
}

@media (max-width: 767px) {

    .caja {
        display: block;
    }
    

.feature {
    padding-bottom: 38px;
    }

.contenedor-logos {
     margin-top: 95px;
   }
}

@media (max-width: 375px) {
    .feature img.ico-home {
        width: 40%;
    }
    .tit-ico-home {
        font-size: 19px;
    }

    .logos .container .row h1 {
        font-size: 25px;
    }

    .grilla-logos {
         margin-top: 0px; 
    }

    .logos img {
             max-height: 42px;
             margin-bottom: 0px; 
    }

    .ico-calcular img {
        max-width: 124px;
        max-height: 124px;
    }

    .logos img {
        width: 100%;
    }

    .contenido-logos h1 {
        font-size: 27px;
        padding-bottom: 20px;
    }
    .icono-trial {
        max-width: 190px;
        top:-400px;
    }

    .icono-trial a {
        font-size: 20px;
    }

    .icono-trial i {
        font-size: 39px;
    }
    
}



.logos img {
     margin-bottom: 24px;
}


/*Tarifas Part*/

.tarifas-sites-content {
    margin-bottom: 20px;
}

.main-content-title {
    color: #3498db;
    font-size: 40px;
    font-family: "Lato-light";
    text-transform: uppercase;
    padding-bottom: 40px;
}

.tarifas-sites img {
    width: 100%;
}

.tarifas-sites {
    padding-bottom: 25px;
}

.content-title {
    font-family: "Lato-Regular";
    font-size: 18px;
    color: #191919;
    padding-bottom: 20px;
}

.stakes-part li {
    display: inline-block;
}

/*.stakes-part a {
    font-size: 15px;
    color: #e1e1e1;
    min-width: 38px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    display: block;
    border-radius: 50%;
    transition: all 0.5s;
    cursor: pointer;
    font-family: "Lato-Regular";
    padding: 0 5px;
}*/

/*pato*/


.stakes-part a {
    font-size: 20px;
    color: #e1e1e1;
    min-width: 80px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    display: block;
    border-radius: 25px; /*pato*/
    transition: all 0.5s;
    cursor: pointer;
    font-family: "Lato-Regular";
    padding: 0 5px;
}

.stakes-part .active {
    background-color: #15c1e6;
    color: #000000;
    border-radius: 25px; /*pato*/
   
}

.stakes-part .active a {
    color: #000000;
    border-radius: 25px; /*pato*/
   
}

.stakes-part .active a:focus {
    outline: none;
    text-decoration: inherit;
}

.stakes-part a:hover {
    background-color: #15c1e6;
    color: #000000;
    border-radius: 25px; /*pato*/
 
}

.stakes-part li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 5px;
    background-color: #c2c2c2;
    border-radius: 25px; /*pato*/
}

.stakes-part li:last-child {
    margin-right: 0;
}

.trial-content li:last-child {
    border-radius: 25px;
    /*padding: 0 5px;*/
}

.trial-content li .active:last-child {
    border-radius: 25px;
    /*padding: 0 5px;*/
}

.tarifas-total h3 {
    color: #3498db;
    font-family: "Lato-Regular";
    font-size: 20px;
    position: relative;
}

.tarifas-total h3:before {
    content: '';
    position: absolute;
    border: 1px solid;
    color: #3498db;
    height: 1px;
    width: 30%;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.tarifas-total h3:after {
    content: '';
    position: absolute;
    border: 1px solid;
    color: #3498db;
    height: 1px;
    width: 30%;
    right: 0;
    top: 50%;
}

.tarifas-total {
    text-align: center;
    text-transform: uppercase;
}

.tarifas-total span {
    color: #3498db;
    font-family: "Lato-Regular";
    font-size: 55px;
    display: block;
    padding-top: 20px;
    margin-bottom: 50px;
}

.plan-premium {
    position: relative;
}
.mobile-close-icon-tab{
    width: 15px!important;
    position: absolute !important;
    z-index: 10000;
    padding-top: 0;
    margin-top: 10px !important;
    top: 0;
    right: 10px;
}
.premium-href-mobile {
    right: 32px;
    bottom: -77px;
    position: absolute;
    padding-bottom: 20px;
}

.plan-premium img {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.plan-premium h3 {
    font-family: "Lato-light";
    color: #525f7f;
    font-size: 30px;
    padding: 10px 0;
    position: relative;
}

.plan-premium h3:before {
    content: '';
    position: absolute;
    border: 1px solid;
    color: #e6ac00;
    height: 1px;
    width: 75%;
    bottom: 5px;
}

.tarifas-plan h3 {
    padding-top: 0;
    position: relative;
}

.tarifas-plan h3:before {
    content: '';
    position: absolute;
    border: 1px solid;
    color: #3498db;
    height: 1px;
    width: 75%;
    bottom: 5px;
}

.plan-premium p {
    color: #6b7587;
    font-size: 16px;
    font-family: "Lato-Regular";
    padding: 5px 0;
}

.plan-premium p {
    color: #40444d;
}

.tarifas-plan i {
    color: #3498db;
    padding-right: 10px;
}

.plan-premium i {
    color: #e6ac00;
    padding-right: 10px;
}

.plan-premium h4 {
    font-family: "Lato-Regular";
    color: #b78900;
    padding-top: 8px;
}

.tarifas-content-right {
    background-color: #FFFFFF;
    padding: 30px;
    min-height: 490px;
    width: 100%;
    -webkit-box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
    box-shadow: 0px 3px 18px -1px rgba(204, 204, 204, 1);
}

.item {
    padding: 70px 35px 35px;
}

/*.plan-premium{*/
/*display: none;*/
/*}*/
.carousel-inner {
   /* margin-top: 60px;*/

}

/*.carousel {*/
/*padding: 30px;*/
/*}*/



/*.tarifas-content {  
    padding: 0 40px;
}*/ /*pato*/

.tarifas-content-right small {
    font-size: 14px;
}

.medios{
    font-family: "Lato-Regular";
    color: #3498db;
    font-size: 23px;
    line-height: 30px;
    background-color: inherit;
    border: none;
}

.payment-part img {
    padding-right: 10px;
}

.payment-part-title {
    margin-bottom: 10px;
    display: inline-flex;
}

.payment-part {
    text-align: center;
    margin-top: 10px;
    padding: 0 35px;
}

.payment-part ul {
    text-align: center;
}

.payment-part li {
    display: inline-block;
}

/*Trial Part*/

.trial-title {
    font-size: 40px;
    padding-left: 45px;
}

.trial-title span {
    color: #222222;
  /*  padding-left: 10px*/ /*pato*/
}

/*.trial-site-content h4 {*/
/*margin-bottom: 15px;*/
/*}*/
.trial-content p {
    color: #6b7587;
    font-size: 16px;
    font-family: "Lato-Regular";
    padding: 5px 0;
}

.trial-content li {
    margin: 10px 5px 20px 0;

}

li.active:focus {
    outline: 0;
  }

 .error {
    border: 1px solid red !important;
    border-radius: 30px;
}

.trial-content .form-control {
    height: 55px;
    border-radius: 30px;
    font-family: "Lato-Regular";
    color: #3498db;
    padding: 6px 25px;
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #3498db;
    font-size: 16px;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #3498db;
    font-size: 16px;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #3498db;
    font-size: 16px;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #3498db;
    font-size: 16px;
}

.enviar-button {
    background-color: #15c1e6;
    font-family: "Lato-Regular";
    color: #FFFFFF;
    background-image: none;
    text-shadow: none;
    height: 55px;
    border-radius: 30px;
    padding: 6px 25px;
    transition: all 0.5s;
    width: 100%;
}
@media (min-width: 768px){
    .trial-modal .modal-dialog {
        width: 100%;
        margin: 30px auto;
    }
}
.enviar-button:hover {
    border: 1px solid #15c1e6;
    background-color: #e1e1e1;
    color: #15c1e6;
}

.form-check {
    font-family: "Lato-Regular";
    color: #15c1e6;
   /* text-align: right;*/
    font-size: 16px;
}

.form-check a {
    padding-left: 10px;
    cursor: pointer;
}

.trial-content .form-group {
    margin: 0 0 20px;
}

.btn-default:hover, .btn-default:focus {
    outline: none;
}

.close {
    float: right;
    font-size: 45px;
    font-weight: inherit;
    color: #000!important;
    opacity: inherit!important;
    position: absolute;
    right: 20px;
    top: 0;

}

/*MODAL PART START*/

.modal-header {
    background-image: url("../images/home-final.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 150px;*/
    width: 100%;
    z-index: 99999999;
}

.modal-title {
    color: #f0f0f0;
    font-size: 42px;
    font-family: "Lato-light";
    text-align: center;
}

.modal-title span {
    color: #3498db;
}

.modal-content {
    border-radius: 0;

    box-shadow: inherit;
}

.modal-body h4 {
    color: #2d2d2d;
    font-size: 25px;
    font-family: "Lato-light";
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
}

.modal-body h4 b {
    font-family: "Lato-bold";
}

.modal-body h3 {
    font-size: 40px;
    font-family: "Lato-light";
    text-align: center;
    color: #3498db;
    text-transform: uppercase;
    padding: 15px 0 35px
}

.modal-body {
    background-color: #f1f1f1;
}

.modal-body-form .form-control {
    height: 55px;
    border-radius: 30px;
    font-family: "Lato-Regular";
    color: #3498db;
    padding: 6px 25px;
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    box-shadow: none;
}

.modal-body-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b8b8b8;
    font-size: 16px;
}

.modal-body-form .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #b8b8b8;
    font-size: 16px;
}

.modal-body-form .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #b8b8b8;
    font-size: 16px;
}

.modal-body-form .form-control:-moz-placeholder { /* Firefox 18- */
    color: #b8b8b8;
    font-size: 16px;
}

.modal-body-form button {
    background-color: #15c1e6;
    font-family: "Lato-Regular";
    color: #FFFFFF;
    background-image: none;
    text-shadow: none;
    height: 45px;
    border-radius: 30px;
    padding: 6px 25px;
    transition: all 0.5s;
    float: right;
}

.modal-body-form button:hover {
    border: 1px solid #15c1e6;
    background-color: #e1e1e1;
    color: #15c1e6;
}

.modal-body-contact-form {
    text-align: center;
}

/*MODAL PART END*/

/*NAVBAR PART START*/
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
    opacity: 0;
}

.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}

.navbar-header {
    background-image: url("../images/mobile-background.png");
    background-size: cover;
    padding: 20px 35px 30px;
    background-repeat: no-repeat;
}

.navbar {
    position: fixed;
    width: 100%;
    border: none;
}

.navbar-toggle {
    position: absolute;
    top: 0;
    right: 0;
}

.navbar .right-menu li {
    display: block;
    text-align: center;
}

.header-part-navbar .collapse.in .navbar-header {
    background-color: #191919;
    background-image: none;
}

.navbar-collapse {
    box-shadow: inherit;
    border-top: none;
}

.navbar-default {
    background-color: #191919;
    border-color: inherit;
}

.header-part-navbar .collapse.in {
    background-color: #191919;
    border: none;
}

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

/*NAVBAR PART END*/

.premium-part img {
    float: none;
}

.premium-part {
    text-align: center;
    position: relative;
}

.premium-header h3 {
    font-family: "Lato-light";
    color: #000000;
    font-size: 44px;
    padding: 15px 0;
    position: relative;
}

.premium-header h3:before {
    content: '';
    position: absolute;
    border: 1px solid;
    color: #e6ac00;
    height: 1px;
    width: 100%;
    bottom: 5px;
    left: 0;
}

.tarifas-premium-conten i {
    color: #e6ac00;
    padding-right: 10px;
}

.tarifas-premium-content h3 {
    color: #e6ac00;
    font-size: 55px;
    font-family: "Lato-Regular";
    padding: 10px 0;
}

.tarifas-premium-content h4 {
    font-size: 45px;
    font-family: "Lato-light";
    color: #000000;
    padding-bottom: 10px;
}

.tarifas-premium-content button {
    background-color: #15c1e6;
    color: #fff;
    border: 1px solid #15c1e6;
    padding: 16px 35px;
    border-radius: 30px;
    font-family: "Lato-Regular";
    text-transform: uppercase;
    margin-top: 40px;
}

.payment-part-medios.trial-content .form-group {
    margin: 0 0 10px;
}

.payment-part-medios.trial-content .form-control {
    height: 40px;
}

.payment-part-medios.trial-content button {
    font-size: 18px;
    height: 40px;
}

.payment-part-medios .content-title {
    font-size: 14px;
}

.payment-part-medios {
    /*display: none;*/
}
.payment-part-medios-eng {
    display: none;
}
.modal-lg{
    border: 10px solid rgba(0, 0, 0, .3);
}
.free-button{
    position: relative;
    background: #222222;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 50%;
    padding-top: 20px;
    border: 15px solid rgba(164, 165, 167, 0.21);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: -10px;
    cursor: pointer;
}
.show-price{
    position: absolute;
    width: 100%;
    top: 50px;
    padding: 0 65px;
    left: 0;
    border-radius: 20px;
     cursor: pointer;
}
.right-menu-tubs{
    text-align: right;
}

.free-button a h3 i{
    color: #15c1e6;
}
.free-button a i {
    font-size: 53px;
    position: absolute;
    bottom: 10px;
    left: 37%;
    color: #fff;
    transition: all 0.4s;
}
.free-button i:hover{
    color: #15c1e6;
}
.free-button a h3:hover{
    color: #15c1e6;
}
.free-button  p:hover{
    color: #fff;
}
.free-button a h3{
    font-family: "Lato-Regular";
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    transition: all 0.4s;
}
.free-button a:hover h3{
    color: #15c1e6;
}
.free-button a:hover i{
    color: #15c1e6;
}
.free-button a:hover p{
    color: #fff;
}
.free-button  p{
    padding-top: 5px;
    font-family: "Lato-Regular";
    text-transform: uppercase;
    color: #15c1e6;
    transition: all 0.4s;
    line-height: 18px;
}

.image-box{
    padding-top: 10px;
}	 

.free-button a:hover{
    color: #FFFFFF;
}

.free-button-youtube{
    background: #15c1e6;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 50%;
    padding-top: 20px;
    border: 15px solid rgba(164, 165, 167, 0.21);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition: all 0.4s;
    margin-left: 10px;
    margin-top: 50px;
}

.free-button-youtube a{
    font-family: "Lato-Regular";
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    transition: all 0.4s;
}
.free-button-youtube a:hover{
    color: #222222;
}
/*.premium-part-mobile1 img{*/
/*padding-top: 12px;*/
/*}*/
.premium-href-mobile img {
    float: right;
    cursor: pointer;
    background-color: #15c1e6;
    padding: 12px;
    border-radius: 100%;
}

.premium-part-mobile1 button span {
    font-size: 16px;
}

.tarifas-premium-content p {
    color: #40444d;
    font-size: 16px;
    font-family: "Lato-Regular";
    padding: 5px 0;
    text-transform: uppercase;

}

.tarifas-premium-content i {
    color: #e6ac00;
    padding-right: 10px
}
.premium-top h3{
    position: absolute;
    top: 30%;
    font-size: 21px;
    font-family: "Lato-Regular";
    color: #ffffff;
    left: 5px;
}
.premium-top i{
    position: absolute;
    bottom: 5px;
    font-size: 28px;
    left: 50%;
    margin-left: -10px;
    color: #ffffff;
}
.premium-top{
    position: absolute;
    top: 0px;
    right: 0;
    background-repeat: no-repeat;
    z-index: 1;
    background: #15c1e6;
    width: 155px;
    height: 155px;
    text-align: center;
    border-radius: 50%;
    border: 15px solid rgba(164, 165, 167, 0.21);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

}

.modal-body-contact-form-desktop {
    width: 210px;
    margin: 0 auto;
    background-color: #222222;
    border-radius: 50%;
    height: 210px;
    border: 15px solid #e2e2e2
}

.modal-desktop-image {
    text-align: center;
}

.modal-body-contact-form-desktop h3 {
    font-size: 16px;
    font-family: "Lato-Bold";
    text-align: center;
    color: #3498db;
    text-transform: uppercase;
    padding: 30px 20px 5px;
}

.modal-body-contact-form-desktop h4 {
    color: #ffffff;
    font-size: 16px;
    font-family: "Lato-Bold";
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    padding-top: 10px;
}

.mobile-button {
    display: -webkit-flex;
}

.premium-part-mobile1 {
    display: none;
}

.language-part-header li {
    display: inline-block;
    padding: 6px 0px;
    position: relative;
    cursor: pointer;

}

.language-part-header {
    padding-top: 6px;
}

.language-part-header li a:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 22px;
    border-radius: 50%;
    left: 1px;
    top: 7px;
    transition: all 0.4s;

}
.right-menu .active span{
    border-bottom:2px solid #15c0e6 ;
    padding-bottom: 10px;
}
.right-menu span{
    padding-bottom: 10px;
    transition: all 0.5ms;
}
.right-menu span:hover{
    border-bottom:2px solid #15c0e6 ;
}
.language-part-header li a:hover:after {
    background: rgba(0, 0, 0, 0.3);

}
.active-top {

}
.active-top:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 6px 6.5px 0 6.5px;
    border-color: #15c0e6 transparent transparent transparent;
    color: #15c0e6;
    left: 50%;
    margin-left: -7px;
    top: -7px;
}

.hide-bg {
    background-image: none;
}

.overflow {
    overflow: hidden;
}

.header-mob {
    display: none;
}

/*image gallery*/
.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 50px;
    margin-bottom: 0;
    outline: 0;
    background-color: #c2c2c2;
}

.image-checkbox input[type="checkbox"] {
    display: none;
}

.image-checkbox-checked {
    /*border-color: #8d8d8d;*/
    border-radius: 50px;
    background-color: #15c1e6;
    transition: all 0.4s;
}

.image-checkbox-checked .img-responsive {
    display: none;
}

.image-checkbox-checked .img-responsive-part {
    display: block;
}

.img-responsive-part {
    display: none;
}
.success-message{
    /*margin-top: 20px;*/
    text-align: center;
    padding: 10px;
    display: none;
}
.trial-success-message{
    background-color: #c3c3c3;
    border-radius: 50px;
    text-align: center;
    padding: 15px;
    display: none;
    margin-top: 20px;
}
.success-message h3{
    color: #59b200;
    font-size: 18px;
    font-family: "Lato-Regular";
    text-transform: inherit;
    padding-bottom: 0;
}
.success-message p{
    color: #59b200;
    font-size: 16px;
    font-family: "Lato-Regular";
}

.trial-success-message h3{
    color: #2e2e2e;
    font-family: "Lato-Bold";
    font-size: 18px;
}
.trial-success-message p{
    font-family: "Lato-Regular";
    font-size: 16px;
    color: #282828;
}
.trial-success-message h4{
    color: #2e2e2e;
    font-family: "Lato-Bold";
    font-size: 18px;
    text-transform: uppercase;
}
.disabled{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.4;
    display: none;
}
.btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.4;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 0.5;
}

/*input:required {*/
    /*border-color: #f5090c!important;*/
/*}*/
@media (max-width: 2500px) {
    .header-buttons {
        width: 600px;
        margin: 0 auto;
        padding-top: 100px;
        margin-right: 100px;
        margin-bottom: 99px;
    }
}

@media (max-width: 1600px) {
    .header-buttons {
        width: 550px;
        padding-top: 130px;
        margin-right: 90px;
        margin-bottom: 0px;
    }
}

@media (max-width: 1200px) {
    .header-buttons {
        width: 400px;
        margin-right: 140px;
    }
    .free-button-youtube{
        margin-left: 55px;
    }
    .plan-before:before {
        width: 140px;
        height: 140px;
        top: -7px;
        background-size: 100%;
    }
    .language-part-header img {
        width: 23px;
    }
    .premium-before:before {
        width: 140px;
        height: 140px;
        top: -7px;
        right: 0;
        background-size: 100%;
    }

    .item {
        padding: 70px 10px 30px;
    }

    .payment-part {
        padding: 0;
    }

    .header-left-part h3 {
        font-size: 30px;
        padding: 25px 0 8px;
    }

    .header-left-part p {
        font-size: 16px;
    }

   /* .tarifas-content { /*pato*/
       /* padding: 0;
    }*/

    .trial-title {
        font-size: 30px;
       /* padding-left: 15px;*/ /*pato*/
    }

    .trial-content li {
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .form-check {
        font-size: 14px;
    }

    .right-menu li {
        display: inline-block;
        padding: 6px 6px;
    }

    .right-menu a {
        font-size: 12px;
    }

    /*.header-buttons .free-button:before {*/
    /*top: 20px;*/
    /*left: 50px;*/
    /*}*/
    /*.header-buttons .youtube-button:after {*/
    /*left: 95px;*/
    /*top: 100px;*/
    /*}*/
}

@media (max-width: 991px) {
    .free-button a h3{
        font-size: 16px;
    }
    .active-top:before{
        border-width: 4px 5.5px 0 5.5px;
        top: -2px;
    }
    .modal-dialog {
        width: 100%;
    }
    .tablet-languages{
        position: absolute;
        top: 0;
        right: 45px;
        display: flex;
    }
    .modal-title {
        font-size: 35px;
    }

    .header-left-part h3 {
        /* font-size: 45px; */
    }

    .header-buttons {
        width: 100%;
        padding-top: 85px;
        margin-left: 0;
       /* margin-bottom: 63px;*/
        display: -webkit-box;
    }
    .free-button-youtube{
        margin-top: 50px;
        margin-left: 10px;
    }
    .header-left-part h3 {
        font-size: 40px;
        padding: 20px 0 8px;
        word-wrap: break-word;
    }
    .free-button {
        width: 155px;
        height: 155px;
        border: 10px solid rgba(164, 165, 167, 0.21);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .free-button a i {
        font-size: 40px;
        left: 38%;

    }
    .free-button-youtube a{
        font-size: 13px;
    }
    .free-button-youtube {
        width: 155px;
        height: 155px;
        border: 10px solid rgba(164, 165, 167, 0.21);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .content-title {
        padding-top: 20px;
    }

    .header-part {
        position: relative;
        background-position: center;
    }

    .header-mob {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .header-mob .text-right span img {
        margin-top: 15px !important;
    }

    .header-part-mobile li {
        text-align: center;
    }	     
          
    .navbar-toggle {
        margin-right: 0;
        float: left;
    }

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

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

    #navbarCollapse {
        position: fixed;
        top: 0;
        padding-top: 100px;
        z-index: 1000;
        background-color: #fff;
        left: 0;
        width: 0;
        padding-bottom: 40px;
        height: 100%;
        transition: all 0.5s;
        overflow: hidden;
        opacity: 0;
    }

    .right-menu-mobile {
        display: block;
        position: fixed;
        top: 0;
        padding-top: 40px;
        z-index: 1000;
        background-color: #000;
        right: 0;
        width: 0;
        padding-bottom: 40px;
        height: 100%;
        transition: all 0.5s;
        text-align: center;
        overflow: hidden;
        opacity: 0;

    }

    .logo-tab-img {
        width: 150px!important;
    }

    .right-menu-mobile li {
        display: block;
        /*padding: 14px 8px;*/
        border-bottom: 1px solid #323232;
        transition: all 0.4s;

    }
    .right-menu-mobile-icons .active{
        border-bottom: 1px solid #15c1e6;
    }
    .right-menu-mobile .active{
        border-bottom: 1px solid #15c1e6;
    }
    .right-menu-mobile li a {
        color: #FFFFFF;
        font-size: 15px;
        text-transform: uppercase;
        font-family: "Lato-bold";
        transition: all 0.3s;
        position: relative;
        cursor: pointer;
        display: block;
        padding: 14px 8px;
    }

    .openMenu-right {
        right: 0 !important;
        width: 50% !important;
        opacity: 1 !important;
        padding: 0 !important;
    }

    .right-menu-mobile ul {
        padding: 0 25px;
    }

    .right-menu-mobile li:hover {
        border-bottom: 1px solid #15c1e6;
    }

    .mobile-menu-left img, .mobile-menu-right img {
        width: 25px;
    }

    .res-img {
        width: 15px !important;
        position: relative !important;
        z-index: 10000;
        padding-top: 0;
        margin-top: 10px !important
    }

    .mobile-menu-right img {
        /*margin-top: 35px;*/
        cursor: pointer;
        margin-bottom: 35px;
    }

    #navbarCollapse img {
        width: 40px;
        margin-top: 60px;
    }

    .mobile-menu-left span {
        display: inline-block;
        margin-top: 40px;
    }

    .shadow-before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.67);
        position: fixed;
        z-index: 100;
        display: none;
    }
    .trial-modal .modal-dialog{
        padding: 0 10px!important;
    }
    .show-price {
        top: 85px;
    }
}

@media (max-width: 767px) {
    /*.panel-title > a{*/
    /*display: flex;*/
    /*}*/
    .header-left-part{
        display: inline-block;
    }
    .language-part-header {
        margin-top: 15px;
        float: right;
    }

    .navbar-header {
        padding: 20px 10px 5px 20px;
    }
    .tarifas-content-right{
        min-height: 510px;
    }

    .panel-title img {
        /*width: 62px;*/
        height: 59px;
        margin-top: 5px
    }
    .right-menu .active span {
        border-bottom:none;
    }
    .right-menu span:hover {
        border-bottom:none;
    }
    .premium-part-mobile1 {
        display: block;
    }

    .premium-part-mobile1 {
        background-color: #e6ac00;
        color: #000000;
        border: 1px solid #e6ac00;
        padding: 16px 35px;
        border-radius: 50px;
        font-family: "Lato-Regular";
        text-transform: uppercase;
        margin: 30px auto;
        width: 345px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .premium-part-mobile1 button {
        background-color: inherit;
        border: none;
        font-size: 25px;
        text-align: left;
        text-transform: uppercase;
        padding-left: 10px;
    }

    .modal-mob-image {
        background-color: #222222;
        padding: 18px;
        border-radius: 50%;
    }

    .modal-body-contact-form h3 {
        font-size: 21px;
        font-family: "Lato-light";
        text-align: center;
        color: #3498db;
        text-transform: uppercase;
        padding: 15px 0;
    }

    .mobile-title-content {
        color: #2d2d2d;
        font-size: 18px !important;
        font-family: "Lato-Regular" !important;
        text-align: center;
        text-transform: uppercase;
        line-height: 4.5 !important;
        padding-left: 10px;
    }

    .modal-form-content-mobile-part {
        /* display: flex; */
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 280px;
        margin: 0 auto;
    }

    .modal-body-form button {
        float: inherit;
    }

    .modal-button {
        text-align: center;
    }

    .prem-part-mobile {
       /* display: none;*/
    }

    .modal-header {
        background-size: inherit;
        background-position: right top;
    }

    .modal-dialog {
        margin: 0;
    }

    .modal-content {
        border: none;
    }
    #navbar{
        padding: 0;
    }
    .right-menu li {
        display: block;
        padding: 14px 8px;
        border-bottom: 1px solid #323232;
        transition: all 0.4s;
    }
    .right-menu a {
        display: block;
    }
    .right-menu li:hover {
        border-bottom: 1px solid #15c1e6;
    }

    .right-menu a:hover:before {
        border: none;
    }

    .all-content-part {
        margin-top: 50px;
    }

    .form-check {
        text-align: left;
    }

    .mobile-padd {
        padding: 0;
    }

    .tarifas-content {
        padding: 0px;
    }

    .trial-content li {
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .content-title {
        padding-top: 20px;
    }

    .trial-title {
        font-size: 39px;
    }

    .form-check {
        display: flex;
        margin-top: 10px;
    }

    .form-check a {
        padding-top: 6px;
    }

    /*Tarifas part*/
    .premium-before:before {
        right: 0;
        top: 0px;
    }

    .plan-before:before:before {
        right: 0;
        top: 0px;
    }

    .main-content-title {
        padding: 25px 10px
    }

    .stakes-part li {
        margin: 0 10px 10px 0;
    }

    .right-menu {
        margin-bottom: 55px;
    }

    .modal-header .close {
        margin-top: -10px;
        font-size: 55px;
        opacity: 1;
        color: #ffffff;
    }

    .item {
        padding-top: 85px;
    }
}

@media (max-width: 450px) {
    .tarifas-content-right {
        min-height: 540px;
    }
    .panel-title > a {
        padding: 15px 5px;
        font-family: "Lato-Regular";
        font-size: 13px;
        color: #525f7f;
        width: 60%;
    }
    .tarifas-plan h3 {
        padding-top: 30px;
    }
    .plan-premium h3{
        font-size: 25px;
    }
    .plan-premium p {
        font-size: 14px;
    }
    .premium-before:before {
        width: 110px;
        height: 110px;
        top: -4px;
        right: -5px;
        background-size: 100%;
    }
    .plan-premium img {
        position: absolute;
        bottom: 22px;
        right: 16px;
    }
    .plan-before:before {
        width: 110px;
        height: 110px;
        top: -7px;
        right: 0;
        background-size: 100%;
    }

    .image-checkbox {
        margin: 2px;
    }

    .payment-part-medios.trial-content button {
        font-size: 14px;
    }

    .premium-part-mobile1 button span {
        font-size: 13px;;
    }

    .premium-part-mobile1 button {
        font-size: 20px;
    }

    .premium-part-mobile1 {
        width: 290px;
        padding: 16px 30px
    }

    .modal-title {
        font-size: 35px;
        padding-top: 40px;
    }

    .form-check a {
        font-size: 14px;
    }

    .stakes-part li {
        margin: 0 3px 10px 0;
    }

    .trial-content button {
        padding: 6px 12px;
    }

    .payment-part ul img {
        width: 90px;
    }

    .tarifas-premium-content button {
        padding: 18px 25px;
        font-size: 14px;
    }

    .tarifas-total h3 {
        font-size: 16px;
    }
}

@media (max-width: 370px) {
    .premium-part-mobile1 button span {
        font-size: 12px;
    }
    .plan-premium h3 {
        font-size: 20px;
    }
    .plan-premium p {
        font-size: 12px;
    }
    .plan-premium h4 {
        font-size: 14px;
    }
}

/*.ckeckbox-hover:hover .img-responsive-part{*/
/*display: block;*/
/*background-color:#15c1e6 ;*/
/*border-radius: 50px;*/
/*}*/

/*.ckeckbox-hover:hover .img-responsive{*/
/*display: none;*/
/*}*/

.tab-content .tab-pane {
    position: relative;
}
.rus-content{
    display: none;
}
.en-content{
    display: none;
}

.panel-body canvas{
    width: 100%!important;
}
.trial-modal-content{
    background: #d6d6d6;
    text-align: center;
    padding: 40px 0;
    border-radius: 20px;
    position: relative;
}
.trial-modal-part{
    position: relative;
}
.trial-modal.modal {
    position: absolute;
    bottom: 55px;
    z-index: 1;
    outline: 0;
    right: 0;
    top: inherit!important;
    padding-right: 0!important;

}
.trial-modal .modal-dialog{
    padding: 0 65px;
}
.trial-modal-body h3{
    font-family: "Lato-Regular";
    color: #15c1e6;
    font-size: 57px;
}
.trial-modal-header{
    position: relative;
}
.trial-modal-body p{
    font-family: "Lato-light";
    color: #000000;
    font-size: 35px;
}
.trial-modal .close{
    float: right;
    font-size: 45px!important;
    color: #000!important;
    opacity: inherit!important;
    position: absolute;
    right: 20px;
    top: 0;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.carousel-control-next {
    display: none

}
.carousel-control-prev {
    display: none
}

/* Pato */

/*.trial-title img{
    width: 74px;
}*/


.tit-paso {
    display:flex;
    align-items: center;
}

.cont-pasos {
    font-family: "Lato";
   }

.cont-pasos .parrafo {
    font-size: 18px;
    line-height: 1.5;
    color: #6b7587;
    margin-top: 15px;
}

.tit-text {
    font-size: 23px;
    margin-left: 15px;
    line-height: 1.3;
}

.color-amarillo {
    color: #E6AC00!important;
}

span.color-amarillo {
    padding-left: 0!important;
}

.color-gris {
    color: #6b7587!important;
}

.negrita {
  font-family: "Lato-Bold";
}

.separador {
    width:90%;
    height: 1px;
    background-color:#B9B9B9;
    margin-top: 15px;
    margin-bottom: 15px;
}

.next-button {
    background-color: #E6AC00;
    font-size: 21px;
    font-family: "Lato-Regular";
    color: #FFFFFF;
    background-image: none;
    text-shadow: none;
    height: 55px;
    border-radius: 30px;
    border-color:  #E6AC00;
    padding: 6px 25px;
    transition: all 0.5s;
    
}

@media (max-width: 767px){
    .next-button {
        font-size: 15px;
        white-space: normal;      
    }

}

.image-checkbox {
    padding: 5px;
 }
 
.tooltip-inner {
    background-color: #E4E4E4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color:#B18606;
    font-size: 13px;
    font-family: "Lato-bold";
    text-align: center;
    padding: 10px;
  }

  .header-part.visible-sm .container {
      padding-top: 15px;
  }


@media (max-width: 992px) {
    .form-check {
        margin-bottom: 25px;
    }

}


@media (max-width: 767px){

   
}

@media (max-width:556px) {
    .next-button {
        width: 100%;
    }

    .trial-title {
        font-size: 39px;
        padding-left: 15px
        }

    .stakes-part {
            text-align: center;
        }
    .tit-text {
        font-size:19px;
    }
    
    .cont-pasos .parrafo {
        margin-bottom: 15px;
    }
}