/*  -------------------------------- Landing */
.landing .bg-secondary {

        background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle.png") no-repeat 65%!important;
    transition: all .2s;

}

.landing .landing-cover { height: auto!important;}

.landing .landing-cover .row > div:nth-child(2) { display: flex; flex-flow: column; align-items: center; }
.landing .landing-cover .row > div:nth-child(2) h1 { 
                font-family: "Lato"; 
                line-height: 1.1em; font-size: 2.2em!important; 
                color: white; text-align: center!important; 
                font-weight: normal!important; margin-top: 2.1em;
                font-weight: normal; letter-spacing: -.02em;}




            @media (max-width:1200px) {
                .landing .landing-cover .row > div:nth-child(2) h1 {  margin-top: 1.8em;}

            }




            @media (max-width:1400px) {
                .landing .landing-cover .row > div:nth-child(2) h1 {  margin-top: 1.8em;}
                .landing .bg-secondary {

                    background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle.png") no-repeat 110px!important;

            }

            }

            @media (max-width:1140px) {
                .landing .landing-cover {

                    background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle.png") no-repeat 40px!important;

            }

            }


            @media (max-width:980px) {
                .landing .landing-cover {

                    background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle.png") no-repeat -100px!important;

            }
                .badges { width: 100%!important; margin-top: 1.2em!important;}
                .badges img { height:40px!important; }

            }



            @media (max-width:800px) {
                .landing .landing-cover {

                    background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle-bottom.png") no-repeat 40% -150px!important;
            }
            }

            @media (max-width:770px) {
                .landing .landing-cover {

                    background: #26AFB5 url("Images/Articulos/Indep/0320-fondo-circle-bottom.png") no-repeat 90% 250px!important;
            }
            }


.landing .landing-cover .row > div:nth-child(2) h1 strong  { 
                    font-family: "Roboto"; 
                    font-weight: bold;}
.landing .landing-cover .row > div:nth-child(2) h1 span  {
                    color:#FAA41A!important; 
                    font-weight: bold;}
.landing .landing-cover .row > div:nth-child(2) img {
                    width: 369px;
                    margin-top: 1.8em;}


.badges { display: flex; justify-content: center; width: 80%; padding-bottom:1.5em; margin-top: 2.5em; }
.badges img { height: 50px; width: auto!important; margin: 0 1em;}

                @media (max-width:990px) {
                    .landing .landing-cover .row > div:nth-child(2) h1 { font-size:1.85em!important; margin-top:1.2em;  }
                    .landing .landing-cover .row > div:nth-child(2) > img {width: 250px!important; margin-top: 1.2em;}
                    .badges img { height: 45px; width: auto!important; margin: 0 1em;}

                }

.landing blockquote { width: 100%; text-align: center; font-size: 2.1em; font-weight: normal; line-height: 1.2em; padding: 2em 3em 0; margin: 0 auto; letter-spacing: -.035em;}
.landing blockquote strong { font-weight: 700;}
.landing blockquote strong span { color:#ff6600;}

.landing .quote { 
   padding: 2em 0;
}

            @media (min-width:1200px) {
                .landing blockquote {  padding: 2em 5em 0; }
                }


            @media (max-width:990px) {
                .landing blockquote { font-size: 1.8em; line-height:1.2em; width: 100%; padding:2em 1em;  }
                .landing .quote { 
                       padding: 1em 0;
                    }
                }

            @media (max-width:760px) {
                 .landing blockquote { font-size: 1.5em;   }

            }


.landing .landing-features  { 
    background-image: linear-gradient(transparent 60px,  #E9FCFD 10px);
}
.landing .landing-features .row div:nth-child(1), .landing .landing-features .row div:nth-child(3) { text-align: center; }
.landing .landing-features .row div:nth-child(1) img { width: 200px; }

.landing .landing-features .row div:nth-child(2), .landing > div:nth-child(4) .row div:nth-child(3)  { padding-top: 8em; padding-bottom: 0; }


.phone-mp { display: block;
        width: 276px; height: 425px; 
        background-image:  url(Images/Articulos/Indep/0320-phone-screen.png); 
        background-position: center; 
        background-size:auto;
        background-repeat: no-repeat;
        margin: 0 auto;
    position: relative;
    z-index: 1000;
}

.landing .features { list-style-type: none; margin: 0; padding: 0;}
.landing .features  li { padding-bottom:1.8em; display: flex; font-size: 1.2em; line-height: 1em; }
.landing .features  li:before { font-family: fontello; content:'\e806'; margin-right: .7em; color:#ff6600; font-size: 1.1em;  }

.features li strong { display: inline-block; padding:.3em .5em .5em; top: -5px; position: relative; border-radius:10px;  line-height: 1em; color: white; font-size:.95em;  }

.features li:nth-child(1) strong { background-color: #F26721; margin-right:.3em; }
.features li:nth-child(2) strong { background-color: #00B156; margin-right:.3em;}
.features li:nth-child(3) strong { background-color: #6F2789; margin:0 .3em;}
.features li:nth-child(4) strong { background-color: #EC008C; margin-right:.3em;}



                @media (max-width:990px) {
                    .landing .landing-features  .row div:nth-child(2) { padding-top: 1.5em; }
                    .landing  .landing-features .row div:nth-child(3)  { padding-top: 0em!important; }

                .landing .landing-features  .row div:nth-child(1) img { width:150px; }
                    

                    .landing .features  li { padding-bottom:1.4em;} 
                    .landing .landing-features  .row div:nth-child(3) { padding-bottom: 2em!important;}

                }

                @media (max-width:770px) {

                    .landing .landing-features  .row div:nth-child(3)  { padding-top: 0; }
                    .landing .landing-features  .row div:nth-child(2) { padding:2em 3em; }
                } 



.landing .how-to { position: relative; top:-50px;}

.landing .how-to { /*border-bottom:15px solid #FFE3B5;*/ 
    background-image: linear-gradient(#E9FCFD 70px,  transparent 10px);
}

.landing .how-to .row  div:nth-child(2), .landing > div:nth-child(5) .row  div:nth-child(3) {
    padding-top: 8em;
}
.landing .how-to .row:nth-child(2) > div {padding-top: 0!important;}


            @media (max-width:990px) {
                
                 .landing .how-to .row div { padding: 1.5em!important; }
                 .landing .how-to .row div:nth-child(1) img,  .landing .how-it-works .row div:nth-child(1) img  { width:150px; }
                .landing .how-to .row div:nth-child(1),.landing .how-it-works .row div:nth-child(1) { text-align: center;}
                .landing .how-to { position: relative; top:0px;}
                .app-video-list a i { font-size:3em!important; margin-bottom:.5em;  }
                
                .how-it-works .row div:nth-child(2), .how-it-works .row div:nth-child(3) { margin-top: 1.4em!important; padding: 0 3em;}
            }




span.number-step {
    display: block; border-radius:25px;  color: #208E9D; font-size:1.8em; background-color: white; width: 40px; height: 40px; font-family: Roboto; display: flex; justify-content: center; margin-right: .5em;
    
}

.landing h2 { color: #208e9d!important;}

.landing .how-it-works {   background-image: linear-gradient(transparent 70px,  #26afb5 10px);
position: relative; top:-90px; padding-bottom:5em; margin-bottom: -90px!important;} 

.landing .how-it-works h2 { color:white!important;}

.how-it-works .row div:nth-child(2), .how-it-works .row div:nth-child(3) { margin-top: 8em;}
.landing footer .mt-lg-4, .landing footer .mt-xl-4 { margin-top: 0!important;}

.app-video-list { padding:3em!important; justify-content: space-between; }
.app-video-list a { display: flex; flex-direction: column; align-items: center; }
.app-video-list a i { font-size:4em; margin-bottom:.5em;  color: #26afb5; }
.app-video-list a i.icon-search {width: auto; height: auto;}
.app-video-list a span { font-size:1.1em; font-weight: bold; letter-spacing: -.03em; text-align: center; line-height: 1em;color: #26afb5; }
.app-video-list a span:hover {color:#ff6500;}
.app-video-list col-6 { padding: 0;}