body{font-family:poppins;}
#loader{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:11;}
#loader img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
header{ width:100%; top:-65px; left:0; position:fixed; z-index:9; background:#3a1592; height: 65px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.36);}

footer{ float:left; width:100%; background: #3a1592; padding: 10px 0px 10px 0px;}

.menu_footbar {
}
/* sections */
.section{float:left; width:100%; position:relative; }
.sect_left{ float:left; width:50%; position:relative; }
.sect_right{ float:left; width:50%; position:relative; }

.slider{
    position:relative;
    overflow:hidden;
}

.bckslide{
    background-image:url('../img/ges123_slider.jpg');
    background-size:cover;
    position:absolute;
    height:100%;
    width:100%;
    background-position: right;
}

form input[type="checkbox"]{
    height: 15px;
    margin-bottom: 0px;
}




.menulogin{
    position: fixed;
    right:-600px;
    top: 72px;
    width: 245px;
    padding: 20px;
    background: #fff;
    border-radius: 2px;
    z-index: 9;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease-out;
}

.appear_login{
    right: 36px;
    transition: all 0.2s ease-out;
}

.menulogin input{
    padding: 8px 10px 5px 0px;
    width: 100%;
    margin-bottom: 6px;
    font-size: 0.8em;
    border: 0;
    border-bottom: solid 1px #ccc;
}

input:-internal-autofill-selected{
    background-color: #fff !important;
}

.menulogin a{
    float: left;
    width: 100%;
    font-size: 0.7em;
    color: #000;
    margin-top: 10px;
}

.menulogin button{
    border:0;
    background:#1d4e8c;
    padding:7px 14px;
    color:#fff;
    margin-top:10px;
    border-radius:2px;
}



.logocue .sing img{  padding:4px; }
.logocue{ float:left; overflow:hidden; width: 100%; }
.logocue .sing{ float:left; overflow:hidden; text-align:center; }
.logotips{ overflow:hidden; float:left;}
.logotips img{ width: auto; height: 60px; }

/*
#quees, #quees .sect_left, #quees .sect_right{
    height: 500px !important;
    min-height: initial !important;
}
*/
#quees .inner{
    padding:50px !important;
}

form label{
    font-size: 0.8em;
    padding: 19px 0px 12px 0px;
    width: 100%;
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
}

.modal-body input{
    margin-bottom:15px;
}

.modal-body{
    padding: 2rem;
}

.modal-body input{
    height: calc(2.5em + .75rem + 2px);
}

.modal-body h1{
    margin-top: -15px;
    margin-bottom: 21px;
    font-weight: bold;
    color: #3a1592;
}

.modal-body button, .modal-body button:hover{
    background: #3a1592;
    padding:10px 20px;
    border:0;
}

.dot img, .dot2 img{
    height: 70px;
    width: auto;
    margin-bottom: 0px;
}

.slider .casemissatge{
    position: absolute;
    bottom: initial;
    top: 50%;
    transform: translateY(-55%);
    padding: 0px 0px 0px 157px;
    width: 50%;
    z-index: 2;
    left: -600px;
}

.arrowdown{
    display:none;
}

.slider .casemissatge h1 {
    font-weight: bold;
    font-size: 2.8em;
    color: #3a1592;
    line-height: 1.1em;
    border-left: solid 0px #81d3ae;
    padding-left: 20px;
    padding: 20px 10px 30px 0px;
}



.man{
    position: absolute;
    width: auto !important;
    height: 95% !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 426px;
}

.ventajas ul li img{
    width: 20px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.ventajas .sect_right{
    background-image:linear-gradient(to bottom, #efefef, #fff);
}

.quehace ul li img{
    width: 20px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.quehace ul li{
    padding-top:5px;
    padding-bottom:5px;
}

.price{
    position: relative;
    float: left;
    margin-top: 43px;
    width: 44%;
    margin-right: 4%;
    background: #ffffff;
    padding: 30px 30px 30px 30px;
    border-radius: 3px;
    color: #3a1592;
    line-height: 0;
    box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.25);
}

.menu_footbar{
    width: 50%;
    text-align: right;
    margin: auto;
    float: right;
    padding: 15px;
}

footer .menu li i{
    color:#80d3ae;
    float:left;
    padding:4px 9px;
}

footer .menu li{
    padding:0px 0px !important;
}

.menu_footbar a{
    padding:10px 10px;
    color: rgba(255, 255, 255, 0.51);
    font-size:0.8em;
}

.price h1{
    color:#3a1592;
    font-weight:bold;
    font-size: 5em !important;
    letter-spacing: -2px;
}

.small{
    font-size:0.3em !important;
    letter-spacing: 0px;
}

.ventajas ul li{
    padding-top:5px;
    padding-bottom:5px;
}



/* menu */
header .logo{float:left;}
header .menu{ float:left; list-style:none; margin:0; padding:0; width: calc(100% - 270px);}
header .menu li{float:left; padding:0; margin:0; list-style:none;}
header .menu li a{ 
    float: left;
    padding: 11px 15px 11px 15px;
    margin: 11px 0px !important;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 0.85em;
}
header .menu li.rigths{
    float:right;
    padding-left: 10px;
}

.topbar{
    height: 30px;
    background: #20055d;
    padding-right: 63px;
}

.topbar a{
    float: left;
    color: #fff;
    font-size: 0.7em;
    padding: 6px 10px;
    opacity: 0.8;
    float: right;
    color: #81d3ae;
}

.topbar a i{margin-right:4px; color:#fff;}

.logo{
    height:65px;
    float:left;
}
.logo img{
    float: left;
    width: auto;
    height: 65px;
    padding: 12px 38px;
}
.current_menu{
    border-bottom: solid 5px #81d3ae; 
    padding: 11px 15px 18px 15px !important;
    -webkit-transition: all 0.35s; 
    transition: all 0.35s;
}

.blue{
    color:#3a1592;
}

header .menu li a:hover{
    text-decoration:none; 
    -webkit-transition: all 0.35s; 
    transition: all 0.35s;
    border-bottom: solid 5px #81d3ae;
    padding: 9px 15px 9px 15px;
}

footer .menuf{float: left; list-style: none; margin: 0; padding: 7px 20px 7px 20px;; position: relative; left: 0; transform: initial;}
footer .menuf li{float:left; padding:0; margin:0; list-style:none; margin-right:10px;}
footer .menuf li a{ float: left; padding:10px 0px 10px 15px; margin: 0; color: #fff; font-size: 0.8em;}

.btnmvl{
    display:none; 
    background:#fff;    
    position: absolute;
    right: 61px;
    padding: 20px 20px 21px 20px;
    font-size: 1.5em;
}
.menumvl{list-style:none; padding:0; margin:0; top:50px; left:-600px; transition: all 0.5s ease-out; position:fixed;}

.btnmvl_lang{
    background: #5628c3;
    float: right;
    padding: 21px 21px 20px 21px;
    cursor: pointer;
    color: #fff;
}
.menumvl_lang{
    z-index: 8;
    list-style: none;
    padding: 0;
    margin: 0;
    right: 0;
    position: fixed;
    transition: all 0.5s ease-out;
    padding: 0;
    top: -600px;
    background: #fff;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.menumvl_lang a{
    padding:10px 15px;
    float:left;
    width:100%;
    border-top:solid 1px #ccc;
}

.section_dots{margin: 0 auto; text-align: center; float:left; width:100% !important;}
.dot{width:20%; text-align:center;}
.dot h2{width:100%; text-align:center; float:left;}

.section.miner{
    height:auto !important;
    min-height:initial !important;
}

.dot2 h2 {
    font-size:1em !important;
}

.dot2{width:50%; text-align:center;}
.dot2 h2{width:100%; text-align:center; float:left;}
.moremenu_lang{top:65px; transition: all 0.5s ease-out;}

header .menu li:first-child a {
    border-left: solid 0px rgba(255, 255, 255, 0);
}

.section .inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align: center
}

.ventajas .inner{
    top: 50% !important;
}

.alignleft{text-align:left !important;}

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

.imgsample{
    width:100%;
    float:left;
    height:auto;
    /*opacity:0;
     -webkit-transition: all 0.2s;  transition: all 0.2s;*/
}

.casesecure{
    width: calc(100% - 139px);
    float: left;
    height: auto;
    text-align: center;
    padding: 30px 0px 30px 0px;
    background-image: linear-gradient(to bottom, #efefef, #fff);
    margin-left: 70px;
    border-radius: 3px;
}

.casesecure h2{
    padding-bottom: 12px !important;
    text-align: center !important;
}

.casesecure ul{
    max-width: 500px;
    margin: 0 auto;
    padding:20px;
}

.casesecure ul li{
    margin-bottom:15px;
}

.price img{
    max-height: 30px;
    margin-right:4px;
}

.price h2{
    font-size: 1.5em;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

.grey_icons_background{
    padding: 0px 25px 2px 25px !important;
    border-radius: 3px;
    margin-bottom: -10px;
}

.dot h2, .dot2 h2{
    text-align:center !important;
    font-size:1.15em;
    padding:12px 0px 20px 0px
}

.section h2{width:100%; text-align:left; float:left;}

.title{
    float: left;
    width: 100%;
    text-align: center;
    padding:50px 40px;
    color: #3a1592;
    font-weight: bold;
    font-size: 3em !important;
}

.btn_contract, .btn_contract:hover{
    float: left;
    background: #3a1592;
    padding: 20px 25px;
    border-radius: 3px;
    color: #fff;
    bottom: 0;
    text-decoration: none;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    margin-bottom: -8px;
}

.ventajas_titulo{
    padding-top: 0px;
}

.first{
    background-image:linear-gradient(to bottom, #fff, #efefef);
    overflow:hidden;
}

.first2{
    background-image:linear-gradient(to bottom, #efefef, #fff);
}

.first img{
    height: 100%!important;
    margin-bottom:0px;
    bottom: 0;
    top: initial;
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width:initial !important;
}

.section h2{color:#3a1592; font-weight:bold; line-height:1.5em; padding-bottom:5px !important; line-height: 1.35em;}

.callme{
    background: #20065d;
    border-left: 0 !important;
    border-radius: 3px;
    color: #fff !important;
    font-weight:bold;
}

.callme i{margin-right:5px;}

.callme_mvl{
    display:none;
}

.fletxa{
    font-size: 1em;
    margin-right: 5px;
    font-weight: bold;
    color: #81d3ae;
}

.topprice{
    font-size: 7em !important;
    letter-spacing: -4px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.27);
}


.header_plus{top:0px; -webkit-transition: all 0.5s;  transition: all 0.5s;}
.casemissatge_plus{left:0 !important; -webkit-transition: all 0.5s;  transition: all 0.5s;}

.casemissatge h2{
    color: #000000;
    font-weight: 400;
}


.hidemvl{display:block;}

.slider .section_dots{
    position: absolute !important;
    bottom: 30px !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 1100px;
    padding: 0px 0px 0px 0px;
    right: 0%;
}

.section_dots2{
    max-width: 600px;
    margin: 0 auto;
}

.slider .section_dots h2{
    color: #3a1592 !important;
    font-weight: 600;
}

.slider .section_dots h2:first-letter{
}

.slider .dot img{
    height: 56px;
}

.sc{
    height: 25px;
    margin-right: 10px;
}

.screen_1{
    position: absolute;
    right: 6%;
    max-width: 980px;
    z-index: 3;
    top: 17%;
    /*animation-name: screen_1;
    animation-iteration-count: 1;
    animation-duration: 6s;
     -webkit-transition: all 0.5s;  transition: all 0.5s;*/
}

.quehace .inner{
    max-width:600px !important;
}

.ventajas .inner{
    max-width:600px !important;
}

.quehace h2{
    margin-bottom:20px;
}

.ventajas_titulo{
    margin-bottom:20px;
}

.screen_2{
    bottom: 0;
    max-width: 826px;
    top: initial;
    z-index: 3;
    position: absolute;
    right: 14%;
    /*animation-name: screen_2;
    animation-iteration-count:1;
    animation-duration:6s;
     -webkit-transition: all 0.5s;  transition: all 0.5s;*/
}

#callme_success .modal-body {
    padding: 4rem 2rem !important;
    height: 190px;
}

#callme_wrong .modal-body {
    padding: 4rem 2rem !important;
    height: 190px;
}


.casemissatge h2 {
    padding-bottom: 8px !important;
    font-size: 1.5em;
}

@media (max-width:1000px){
    .dot, .dot2 { width: 50%; }
}

#cookie-msg{
    position: fixed !important;
    width: 100% !important;
    text-align: center;
    padding: 30px 50px !important;
    background-color: rgba(58, 21, 146, 0.68) !important;
    color: white !important;
    font-size: 14px !important;
    z-index: 99999 !important;
    max-width: 533px;
    padding: 22px 33px !important;
    text-align: left !important;
    bottom: 20px !important;
    left: 20px !important;
    border-radius: 3px;
    text-align: justify !important;
}

#cookie-msg .btn-aceptar{
    background: rgb(125, 203, 173) !important;
    color: #000 !important;
    font-weight: bold;
    width: 200px;
    border-radius: 2px !important;
    text-align: center;
    margin-top: 10px;
    float: left;
    left: 50%;
    padding: 9px !important;
    position: relative;
    transform: translate(-50%);
    margin-top: 16px;
}

.grecaptcha-badge{
    opacity:0;
    z-index:-1;
    position:fixed;
}

#cookie-msg a:first-child{
    color:#fff !important;
}


.style_success{
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1.5em;
    color: #3a1592;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%,-50%);
}

#quees .sect_right h2{
    text-align: center;
    margin: 0;
    padding: 0 !important;
    margin-bottom: 30px !important;
}


.backblua {
    background: #80d3ae;
    transform: rotate(17deg) scale(1.3);
    position: absolute;
    width: 41%;
    height: 177%;
    bottom: 0%;
    right: -100%;
    left: initial;
    opacity: 0.6;
    z-index: 1;
}

.backblua2 {
    position: absolute;
    width: 100%;
    height: 49%;
    bottom: 0;
    top: 0px;
    right: -100%;
    opacity: 1;
    left: initial;
    z-index: -1;
    left: 0 !important;
    transform: initial;
    background-image: linear-gradient(to bottom, #81d3ae, #fff);
}

.price h2{
    font-size: 1em;
}

.backblua_plus {
    left: initial;
    right: -22%;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.backblua2_plus {
    left: initial;
    right: -59%;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.opaless{
    opacity:0.25 !important;
}

.backblua2 {
   display:none;
}

.screen_2_scale{transform:scale(1.3); -webkit-transition: all 0.5s;  transition: all 0.5s;}
.screen_1_scale{transform:scale(1.3); -webkit-transition: all 0.5s;  transition: all 0.5s;}

/*
.opa{opacity:1; -webkit-transition: all 0.2s;  transition: all 0.2s;}
*/

footer a:hover{
    text-decoration:none;
    opacity:0.65;
}

footer img{
    max-width: 100px;
    float: none;
    margin: 6px 0px;
    width: 100px;
    margin-right: 15px;
    margin-left: 15px;
}

.logofoot{
    padding:0 !important;
}

footer .imatge{
    width:100%;
}

footer{
    text-align:center;
}

.thin{font-weight:normal !important;}

.casemissatge h2 .fletxa{
    color:#3a1592 !important;
}

.slider .section_dots .dot{
    width: 15% !important;
}

.inner .stor{
    height: auto;
    width: 136px;
    margin: 20px 5px 0px 5px;
}

.section_dots_mvl{
    display:none;
}

.section .inner{
    width: 100%;
}


.section .dot2 h2 {
    padding-bottom: 30px !important;
}

.dot2:nth-child(7n) h2, .dot2:nth-child(8n) h2{
    padding-bottom:0 !important;
}

.ultiman{
    background: #f7f7f7;
    overflow:hidden;
}

.logotips{
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 20%;
}



.section_dots2{
    top:0px
}


.logotips h2{
    font-size: 1em;
    margin-bottom: 24px;
    color:#000;
}

@media (min-width:1500px){
    .backblua2_plus { right: -50% !important; }
    .backblua { height: 260% !important; }
    .backblua2 { height:406% !important; }
    .slider .casemissatge h1 {
        font-weight: bold;
        font-size: 4.2em;
        color: #3a1592;
        line-height: 1.1em;
        border-left: solid 0px #81d3ae;
        padding-left: 20px;
        padding: 0px 10px 50px 0px;
    }
}

@media (max-width:1500px){
    .screen_1{
        max-width: 804px;
        margin-right: -3%;
    }

    .screen_2{
        max-width: 644px;
        margin-right: -7%;
    }
    .man {
        min-width: initial;
    }
    .dot2{
        width:25%;
    }
    .dot2 h2{
        margin-bottom:60px !important;
    }
    .slider .casemissatge {
        position: absolute;
        bottom: initial;
        top: 47%;
        transform: translateY(-55%);
        padding: 0px 0px 0px 101px;
    }
    .slider .section_dots {
        left: 0;
        bottom: 0;
        padding: 0 !important;
        right: initial;
        max-width: initial;
        margin-left: 70px;
    }
    .slider .section_dots h2 {
        padding-bottom: 15px;
    }
    .casemissatge h2 {
        padding-bottom: 5px !important;
        font-size: 1.2em;
    }
    .screen_1 {
        top: 12%;
    }
    .slider .section_dots .dot {
        width: 13% !important;
    }
    .dot h2, .dot2 h2 {
        text-align: center !important;
        font-size: 1.15em;
        padding: 12px 0px 20px 0px;
        font-size: 0.9em !important;
    }
    .ventajas_titulo{
        margin-top:0px;
    }
    .section .inner {
        padding: 40px;
    }
    .dot2:nth-child(7n), .dot2:nth-child(8n){
        left:0;
        transform:initial;
    }
    /*
    #quehace, #quehace .sect_left, #quehace .sect_right{
        min-height: 600px !important;
    }
    */
    .section .dot2 h2 {
        padding-bottom: 50px !important;
    }
    .logotips{
        margin-bottom:33px;
    }
    .logotips img{ 
        max-width: 100%;
        padding: 10px !important;
        width: auto;
        height: 55px;
    }
    .section_dots2 {
        top: 45px;
    }
}

@media (max-width: 1300px){
    .screen_1{
        margin-right: -8%;
    }
}

@media (max-width:1200px){
    .screen_1 {
        max-width: 635px;
        margin-right: -20% !important;
        top: 18%;
    }
    .slider .casemissatge {
        padding: 19px 0px 0px 50px;
    }
    .dot2{
        width:50%;
    }
    .section .dot2 h2 {
        padding-bottom: 20px !important;
    }
    .logotips{
        max-width: 394px;
    }
}

@media (max-width:850px){
    .logotips{
        max-width:initial;
    }
    .sect_left{width:100% !important;}
    .sect_right{width:100% !important;}
    footer .menu{width:100%; position:static; transform:initial;}
    footer .menu li{width:100%; text-align: center;}
    footer .menu li a{float:left; width:100%; text-align:center;}
    header .menu{display:none;}
    
    .btnmvl{display:block;}
    .menumvl{
        transition: all 0.5s ease-out;
        z-index: 7;
        background: #fff;
        top: -500px;
        width: 100%;
        left: 0;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);
    }
    .moremenu{top:65px; transition: all 0.5s ease-out;}
    
    .btnmvl_lang{display:block;}
    .mvlmenu_lang{top:65px; transition: all 0.5s ease-out;}
    .slider .casemissatge h1 {
        font-weight: bold;
        font-size: 1.8em;
    }
    .menumvl a{
        width: 100%;
        float: left;
        border-left: solid 8px #81d3ae;
        padding: 14px 14px 14px 29px;
        border-bottom: solid 1px #81d3ae;
        color: #3a1592;
        font-weight: bold;
    }
    .backblua {bottom: 0; transform: initial; display:none; }
    .slider{ background-position:top center; }
    
    .section .inner {
        position: relative;
        top: 0;
        left: 0;
        transform: initial;
        text-align: center;
        padding: 0px 36px 0px 36px;
    }
    .slider{overflow:visible;}
    .screen_1 {
        bottom: -60px;
        top: initial !important;
    }
    .arrowdown{display:none !important;}
    .grey_icons_background, .grey_icons_background .container{padding:0 !important;}
    .section:not(.slider){min-height:initial !important;}
    .sect_left{min-height:initial !important;}
    .sect_right{min-height:initial !important;}
    .dot, .dot2 { width: 50%; }
    .section h2{text-align:center !important; color:#3a1592; font-weight:bold; padding-bottom:30px !important; }
    .man{
        position: relative;
        min-width: initial;
        height: auto !important;
        width: 100% !important;
        margin-top:40px;
        max-width: 304px;
    }
    .alignleft{
        text-align: center !important;
    }
    .section{text-align:center;}
    .section.slider h1{text-align:center;}
    .grey_icons_background{
        margin-bottom:40px;
        margin-top: 40px;
    }
    .ventajas_titulo{
        padding-bottom: 20px !important;
    }
    .ventajas_titulo{
        background: #3a1592;
        margin-top: -60px;
        padding: 20px;
        color: #fff !important;
        border-radius: 3px;
    }
    .price {
        width: 100%;
        margin-bottom: 30px;
    }
    .ventajas ul li img, .quehace ul li img{display:none;}
    .casesecure ul, .ventajas ul, .quehace ul{
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    .casesecure ul li{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .callme_mvl, .callme_mvl:hover{
        display:block;
        position: fixed;
        z-index: 6;
        right:6px !important;
        color: #fff;
        border-radius: 3px;
        top: 101px;
        background: #3a1592;
        padding: 15px 20px;
        transition: all 0.2s ease-out;
        text-align:center;
    }
    .topprice {
        font-size: 4em !important;
        letter-spacing: -4px;
        margin-bottom: -4px;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.27);
    }
    .title {
        font-size: 2em !important;
    }
    .lessheight{min-height:initial !important;}
    .hidemvl{display:none;}
    .topbar{
        padding-right: 15px;
    }
    .slider .section_dots {
        position: absolute !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: initial;
        padding-top: 0px;
        padding-bottom: 20px;
        margin-left: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .slider .section_dots .dot{
        width:33.333% !important;
        margin:0 auto !important;
    }
    .dot h2{display:block !important; font-weight:bold !important;}
    .bckslide {
        background-position: left center;
    }
    .slider .casemissatge {
        position: absolute;
        bottom: initial;
        padding: 25px 17px 30px 30px;
        z-index: 2;
        left: -600px;
        top: 65px;
        width: 100%;
        transform: initial;
    }
    .slider .casemissatge h1{
        color:#fff !important;
        border-right: solid 13px #81d3ae;
        border-left: solid 0px #81d3ae;
        text-align:right !important;
        padding-right:18px !important;
        font-size:1.5em !important;
    }
    .section.slider h1 {
        text-align: left !important;
        border-right: 0;
        margin: 0 !important;
        padding: 0px 0px 25px 0px !important;
        font-size: 1.9em !important;
        line-height: 1.1em !important;
        color: #3a1592 !important;
    }
    .section.slider h2 {
        text-align: left !important;
        color: #3a1592;
        font-weight: normal;
        padding-bottom: 20px;
        font-size: 0.9em;
        padding: 0 !important;
    }
    .section.slider img.sc {
        height:45px !important;
        margin-bottom:0 !important;
    }
    .inner .stor:last-child {
        margin: 0px 10px 0px 10px;
    }
    .inner .stor{
        margin-top:20px !important;
    }
    .arrowdown{
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        color: #3a1592;
        z-index: 10;
        display:block;
        font-size: 5em;
    }
    
    .screen_1 {
        max-width: 100% !important;
        height: auto !important;
        z-index: 0;
        width: 100%;
        margin-right: -6% !important;
    }
    .screen_2 {
        max-width: 100% !important;
        margin-right: 0 !important;
        height: auto !important;
        z-index:0;
        right:0 !important;
    }
    .quehace .inner{
        min-width:initial;
    }
    .casesecure{
        width:100%;
        margin-left: 0px;
    }
    .screen_1 {
        top: 50%;
    }
    .casesecure{
        padding:30px;
    }
    .casesecure ul li{
        text-align:center;
    }

    .casesecure ul{
        max-width: initial;
        margin: 0 auto;
    }
    
    .menu_footbar a {
        padding: 4px 10px;
        color: #7b62b7;
        font-size: 0.8em;
        width: 100%;
        float: left;
    }
    footer .menu li i {
        color: #fff;
        float: none;
        padding: 11px 0px;
    }
    footer .menu li a {
        float: none;
        width: auto;
        text-align: center;
    }
    .section_dots{
        display:none;
    }
    .section_dots_mvl{
        display: block;
        float: left;
        width: 100%;
        margin-top: 120px;
        margin-bottom: 0px;
    }
    .section_dots_mvl .dot{
        float: left;
        width: 50%;
    }
    .section_dots_mvl h2{
        color: #3a1592;
    }
    .section_dots_mvl .dot img{
        height: 60px;
    }
    .ventajas_titulo {
        font-size: 1.5em;
    }
    .first{
        min-height: 400px !important;
    }
    .logo img {
        padding: 12px 32px;
    }
    #quees, #quees .sect_left, #quees .sect_right{
        height: auto !important;
        min-height: initial !important;
    }
     #quees .sect_left{
        height: 625px !important;
    }
    .ventajas .sect_right {
        background-image:none;
    }
    .first2{
        background-image:none;
    }
    #quees .inner {
        padding: 50px 50px 0px 50px !important;
    }
    .modal-body h1{
        font-size: 1.5em;
    }
    #quees .sect_right h2 {
        line-height: 1.2em;
    }
    .menu_footbar {
        width: 100%;
        text-align: center;
    }
    .price:last-child{
        margin-top: 0 !important;
    }
    .logotips {
        margin-bottom: 35px;
        text-align: center;
    }
    .price.last{
        margin-top: 0;
    }
}


.first2 .inner, #descargas{
    position: relative !important;
    top: 0 !important;
    transform: initial !important;
    left: 0 !important;
}

#descargas{
    transform: translate(-50%,-50%) !important;
    left: 50% !important;
    padding: 60px 30px;
    top: 50% !important;
    position: absolute !important;
    float: left;
}

.first2 .inner{
    transform: translate(-50%,-50%) !important;
    left: 50% !important;
    top: 50% !important;
    padding: 60px 30px;
    position: absolute !important;
    float: left;
}


@media (max-width:850px){
    .first2 .inner {
        transform: initial !important;
        left: initial !important;
        top: initial !important;
        padding: 60px 30px;
        position: static !important;
        float: left;
    }
    #descargas {
        transform: initial !important;
        left: initial !important;
        padding: 60px 30px;
        top: initial !important;
        position: static !important;
        float: left;
    }
    .appear_login {
        right: 70px;
    }
}