@import url("responsive480.css");




body{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #000000;
    padding: 0;
    margin: 0;
}

.LPMcontainer img {
    bottom: 9px !important;
    top: inherit !important;
    right: 14px !important;
    left: inherit !important;
}

ul.bl-logos {
    display: flex;
    justify-content: space-evenly;
    width: 64%;
}
ul.bl-logos img {
    position: inherit;
    width: 95%;
}
.video-modal video {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.btn-intro {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    width: 163px;
    align-items: center;
    position: absolute;
    bottom: 81px;
    left: 0;
    right: 0;
    opacity: 0.6;
}
.about4 .adriana span.name {
    font-size: 16px;
    padding-top: 6px;
}
li.mac-mobile {
    display: none;
}
li.mac-desktop {
    display: block;
}

.btn-intro span {
    background-image: url(../img/icon-intro.png);
    width: 21px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 6px;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 0.4s;
    animation-iteration-count: infinite;
    position: absolute;
    right: 0;
  }
  
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes example {
    0%   {top:0px;}
    50%  {top:-7px;}
    100% {top:0px;}
  }
  
  /* Standard syntax */
  @keyframes example {
    0%   {top:0px;}
    50%  {top:-7px;}
    100% {top:0px;}
  }


*{
    box-sizing: border-box;
}

li.active a {
    text-decoration: underline;
}
.main .main-wrapper section.padding-cero.miles11 {
    padding-top: 0px !important;
}
.container {
    width: 100%;
    margin: auto;
    max-width: 1000px;
    position: relative;
    z-index: 2;
    padding: 0 29px;
}

a, a:visited{
    text-decoration: none;
    color: #000;
}

img {
    width: 100%;
}

.grid-logos h1.text-gradient {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(0.08, #72A9AD));
    background-image: gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(0.08, #72A9AD));
    color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700 !important;
    display: block !important;
}


.text-gradient {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(0.7, #72A9AD));
    background-image: gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(0.7, #72A9AD));
    color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700 !important;
    display: block !important;
  }
/* estilos nuevos para milescare */
.text-gradient2 {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #4801FF), color-stop(0.7, #AC32E4));
    background-image: gradient( linear, left top, right top, color-stop(0, #4801FF), color-stop(0.7, #AC32E4));
    color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700 !important;
    display: block !important;
    line-height: 1.2;
    text-align: center;
    font-size: 4em;
}
h1.text-gradient2.padding-extra{
    margin-top: 35px;
}
h1.text-gradient2.padding-ext{
    margin-bottom: 20px;
}
.text-gradient2 img{
    display: inline-block;
    width: 164px;
    top: 8px;
    position: relative;
}
.text-gradient2 .light{
    line-height: 1.2;
    font-size: 69px;
    color: #4801FF;
}
.text-gradient2.align-left{
    text-align: left;
    padding-left: 40px;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}
.parrafo-care.align-left{
    text-align: left;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #4801FF), color-stop(0.7, #AC32E4));
    background-image: gradient( linear, left top, right top, color-stop(0, #4801FF), color-stop(0.7, #AC32E4));
    color:#fff;
    padding: 30px 48px;
    border-radius: 20px;
    margin: 30px auto;
    max-width: 705px;
    font-size: 25px;
    line-height: 33px;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.parrafo-care{
    font-size: 29px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
    max-width: 700px;
    margin: 30px auto 30px;
}
.letter-little{
    font-size: 12px;
    text-align: center;
    display: block;
    margin-bottom: 40px;
}
.letter-little a{
    text-decoration: underline;
}
.letter-little.link{
    margin-top: 30px;
    width: 100%;
    margin-bottom: 0;
    background: none;
}
.letter-little.align-left{
    text-align: left;
}
.container-flexcare{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}
.container-flexcare.list{
    justify-content: space-around;
}

.titulo-parrafo{
    color: #5C2AFA;
}
.care-interno{
    font-weight: lighter;
    line-height: 1.2;
    font-size: 21px;
}
.lista-care{
    margin-top: 0;
}
.lista-care.lista-icon{
    margin:20px 0;
    padding-left: 40px;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}
.lista-care.lista-icon li{
    font-size: 24px;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
.lista-care.lista-icon li::before{
    content: "";
    background: url("../img/icon-list.svg") no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.lista-care li{
    padding: 5px 0;
    display: flex;
    align-items: center;

}
.lista-care li::before{
    content: "";
    width: 5px;
    height: 5px;
    background: #5C2AFA;
    border-radius: 100%;
    margin-right: 10px;
}
.titulo-parrafo{
    font-weight: 100;
    font-size: 32px;
}
.texto-care.center{
    text-align: center;
}
.back-care{
    background: #F9F7FF;
}

.container-flexcare .img-care,
.container-flexcare .texto-care{
    width: 50%;
}
.container-flexcare .texto-care{
    padding: 20px;
}
.img-intro{
    margin: 0;
    position: relative;
    top: 50px;
    text-align: center;
}
.img-intro img{
    width: 90%;
}
/* fin milescare */
  section.miles4 .bl-row .bl-left span.gradient{
    text-align: right;
    display: inline;
    width: inherit !important;
    }
    section.miles6.padding-cero .gradient.text-gradient {
        width: initial !important;
        display: block !initial;
        }

        section.miles6.padding-cero .gradient.text-gradient .no-wrap {
        display: inline;
        white-space: nowrap;
        }
  .no-wrap {
    display: inherit;
    white-space: nowrap;
}

  span.gradient {
    font-size: 48px;
    font-weight: 700;
    color:#72A9AD;
    -webkit-background-clip: text;
    display: block;
}
  .miles1 span.point, .miles8 span.point {
    display: contents !important;
}
section.miles10 .tittle {
    margin-bottom: 13px;
}
  span.point {
    color: #DE00FF !important;
    font-size: 41px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    line-height: 64px;
    width: inherit !important;
    margin: inherit !important;
    display: initial !important;
    -webkit-text-fill-color: initial!important;
    line-height: 40px;
}

strong{
    font-weight: 700; 
}
h1{
    color: #164A60;
    font-size: 89px;
    font-weight: bold;
    margin: 0;
    line-height: 94px;
}

h2{
    color: #164A60;
    font-size: 48px;
    font-weight: 700; 
    margin: 0;

}

h3{
    color: #164A60;
    font-size: 36px;
    font-weight: 700; 
    margin: 0;

}

span {
    font-size: 24px;
    font-weight: 100;
}

p{
    font-size: 16px;
    font-weight: 100;
}

ul{
    text-decoration: none;
    list-style: none;
    padding: 0;
}
li {
    font-weight: 100;
}

.gray{
    background: #F5F5F5;
}

.bl-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.bl-center {
    text-align: center;
}

.bl-right {
    width: 50%;
    padding: 0 40px;
}
.bl-left {
    width: 50%;
}

.align-center .bl-row{
    display:flex;
    align-items: center;
}
.main-wrapper section {
    padding: 5% 0;
    position: relative;
}
.section-container {
    overflow: hidden;
}

.main-wrapper .padding-first {
    padding-top: 186px;
    padding-bottom: 18px;
}

.main-wrapper section.padding-cero{
    padding: 0;
}

/********* SECTION HEADER ****************/

.logo {
}

img.element-1 {
    position: absolute;
    top: -723px;
    right: -310px;
    transform: rotate(-5deg);
    width: 1002px;
}

img.element-2 {
    position: absolute;
    top: -745px;
    right: -75px;
    width: 164%;
    transform: rotate(50deg);
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 176px;
    overflow: hidden;
}

.logo {
    width: 20%;
    position: relative;
    top: 0;
}

img.logo-novae {
    width: 46%;
    margin: 16px 0;
    position: relative;
    z-index: 2;
}

ul.menu-list li {
    margin: 0 10px;
    font-weight: 600;
    color:#fff;
    white-space: nowrap;
}
ul.menu-list li a{
    color:#fff;
}
ul.menu-list li a:hover{
    color:#e0e0e0;
}
img.element-header {
    position: absolute;
    top: -385px;
    width: 500px;
    left: -231px;
    z-index: 1;
    max-width: 700px;
}

.element-spiral {
    background-image: url(../img/element-spiral.svg);
    background-size: 100%;
    width: 36%;
    height: 567px;
    position: absolute;
    right: 11%;
    bottom: 16%;
    background-repeat: no-repeat;
}

.element-novae {
    background-image: url(../img/element-novae.svg);
    background-size: 104%;
    width: 34%;
    height: 663px;
    position: absolute;
    right: 103px;
    bottom: -37px;
    background-repeat: no-repeat;
}



.menu {
    position: relative;
    width: 61%;
}
/********* SECTION Hone ****************/
.section-Hone .element-spiral {
    right: 11%;
    bottom: 2%;
}

.section-Hone {
    padding-bottom: 13% !important;
}

.text-1 {
    margin: 55px 0;
    right: 0;
    display: inherit;
    padding-left: 12px;
    text-align: left;
}
.text-1:before {
    content: "";
    border-left: 3px solid #164A60;
    height: 57px;
    position: absolute;
    margin-right: 0px;
    left: 24px;
    display: flex;
}
.text-2 {
    width: 100%;
    padding-left: 21%;
    text-align: right;
    display: flex;
}


/********* SECTION HTWO ****************/

section.section-Htwo.white {
    position: relative;
    text-align: center;
}
section.section-Htwo.white span {
    font-size: 18px;
}
section.section-Htwo.white img {
    margin: 28px 0;
}

.section-Hthree .bl-right {
    padding: 0;
}

.bl-c-item {
    min-height: 278px;
    padding: 0 36px;
    display: flex;
    flex-direction: column;
}

.bl-c-item img {
    width: 30%;
}


.redes {
    position: relative;
    display: flex;
}

.link, .twitter{
    width: 30px;
    height: 30px;
    background-size: 69%;
    left: -7px;
    background-repeat: no-repeat;
    top: 2px;
}

.link {
    background-image: url(../img/link.svg);
}

.twitter {
    background-image: url(../img/twitter.svg);
}

.item.first-about {
    display: flex;
    justify-content: flex-end;
    min-height: 300px;
    align-items: center;
    position: relative;
}

section.about4 .element-1 {
    left: -26%;
    top: 21%;
    width: 48%;
    transform: rotate(13deg);
}
section.about4 .element-2.altern {
    left: -36%;
    top: 21%;
    width: 65%;
}


.item.first-about .bubble:before {
    content: "";
    background: #E6F4F1;
    position: absolute;
    width: 263px;
    height: 263px;
    border-radius: 300px;
    z-index: 0;
    right: 0;
    top: 0;
}

.item.first-about .bubble h2 {
    position: absolute;
    right: 72px;
    top: 65px;
    text-align: right;
}

.item.first-about .bubble h2:before {
    border-bottom: 6px solid;
    position: absolute;
    width: 71px;
    height: 17px;
    content: "";
    bottom: -10px;
    right: 22px;
}



section.section-Hsix.happy {
    padding: 5% 0 10%;
}

section.section-Hsix.happy .tittle span {
    color: #164A60;
    font-weight: 100;
    padding: 0 13%;
    display: flex;
    flex-direction: column;
}

.bl-c-item span {
    font-size: 18px;
    font-weight: 600;
    margin-top: 16px;
}

section.section-Hseven .special-tittle .second {
    left: 24px;
    top: 8px;
    font-size: 14px;
}
section.section-Hseven .special-tittle .thirty {
    position: relative;
    left: 24px;
    font-size: 21px;
    top: 7px;
}
/********* SECTION HTHREE ****************/

.section-Hthree {
    background-image: url(../img/bg-three.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 12% 0 !important;
}

section.section-Hthree span {
    color: #fff;
    width: 100%;
    max-width: 726px;
    display: flex;
    margin: auto;
    text-align: center;
    font-weight: 600;
}

section.section-Hthree .element-novae {
    right: -9%;
    bottom: 0;
}

/********* SECTION HFOUR ****************/
section.section-Hfour.white {
    padding-bottom: 81px;
}
section.section-Hfour.white img {
    width: 100%;
    max-width: 815px;
    margin: auto;
    text-align: center;
    display: flex;
}
/********* SECTION HFIVE ****************/

section.section-Hfive {
    padding: 5% 0 0;
    color: #000;
    position: relative;
    overflow: hidden;
    min-height: 412px;
}
section.section-Hfive p {
    font-size: 21px;
    padding-right: 30px;
}
section.section-Hfive .element-spiral {
    right: 19%;
    bottom: -8%;
}

section.section-Hfive .bl-left {
    width: 36%;
}
section.section-Hfive .bl-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
section.section-Hfive .bl-left {
    width: 50%;
    padding: 97px 0 82px 7%;
}
section.section-Hfive .bl-right img {
    position: absolute;
    /* bottom: -3px; */
    width: 35%;
    top: 0;
}
section.section-Hfive img.miles {
    width: 51%;
}
.btn-novae {
    width: 120px;
    background: #fff;
    padding: 10px;
    display: flex;
    color: #164A60;
    font-size: 13px;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
}

.btn-novae.mail {
    width: 135px;
}

.btn-novae.green {
    width: 120px;
    padding: 10px;
    display: flex;
    color: #ffff;
    font-size: 13px;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
    background: rgba(148,209,206,1);
    background: -moz-linear-gradient(left, rgba(148,209,206,1) 0%, rgba(114,169,173,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(148,209,206,1)), color-stop(100%, rgba(114,169,173,1)));
    background: -webkit-linear-gradient(left, rgba(148,209,206,1) 0%, rgba(114,169,173,1) 100%);
    background: -o-linear-gradient(left, rgba(148,209,206,1) 0%, rgba(114,169,173,1) 100%);
    background: -ms-linear-gradient(left, rgba(148,209,206,1) 0%, rgba(114,169,173,1) 100%);
    background: linear-gradient(to right, rgba(148,209,206,1) 0%, rgba(114,169,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d1ce', endColorstr='#72a9ad', GradientType=1 );
}


/********* SECTION HSIX ****************/

section.section-Hsix {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
}
section.section-Ctwo.alle .element-novae {
    bottom: -66%;
    width: 42%;
    right: 21px;
}
img.element-x {
    position: absolute;
    width: 26%;
    right: 0;
    bottom: 0;
}
img.partner {
    max-width: 699px;
    margin: auto;
    text-align: center;
    display: flex;
    margin: 22px auto 30px;
}
img.element-y {
    position: absolute;
    width: 27%;
    left: 0;
    bottom: 0;
}

img.element-a{
    position: absolute;
    width: 18%;
    right: 0;
    top: 0;
}
img.element-b {

position: absolute;
width: 18%;
left: 0;
bottom: 0;
}
section.section-Hsix .btn-novae.green {
    margin: auto;
}

/********* SECTION HSEVEN ****************/
section.section-Hseven {
    position: relative;
    overflow: hidden;
}

.section-Hseven .special-tittle {
    width: 180px;
    position: relative;
}

.section-Hseven img.element-2 {
    right: -476px;
    position: absolute;
    transform: rotate(-16deg);
    width: 50%;
    top: 30%;
    max-width: inherit;
}
.section-Hseven img.element-1 {
    position: absolute;
    top: inherit;
    right: -545px;
    transform: rotate(23deg);
    width: 50%;
    top: 24%;
    max-width: inherit;
}
section.section-Hseven .element-novae {
    transform: rotate(-90deg);
    width: 97%;
    height: 882px;
    background-size: cover;
    background-position: left;
    top: 52%;
    left: -29%;
    background-repeat: no-repeat;
}
.section-Hseven h3{
    font-weight: 700;
}

.section-Hseven p{
    padding-right: 26%;
}

section.section-Hthree .element-novae {
    bottom: -24%;
    width: 38%;
    right: -10%;
}

.section-Hseven img{
    max-width: 401px;
}
.special-tittle {
    width: 126px;
    position: relative;
}
.section-Hseven .bl-row {
    align-items: center;
}
span.first{
    top: 9px;
    position: relative;
}
span.thirty {
    position: relative;
    left: 24px;    
    font-size: 21px;
    top: 12px;
}
span.second {
    position: relative;
    left: -37px;
    font-size: 13px;
    top: 22px;
}
/********* SECTION HEIGHT ****************/

.section-Height {
    background-image: url(../img/bg-join.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    margin: auto;
    color: #fff;
}

section.section-Height span {
    color: #fff;
    width: 100%;
    max-width: 726px;
    display: flex;
    margin: auto;
    text-align: center;
    font-weight: 600;
}

section.section-Height h3 {
    color: #fff;
}

section.section-Height p {
    max-width: 500px;
    margin: 30px auto;
    font-weight: 500;
    line-height: 25px;
}

section.section-Height .btn-novae{
    margin: auto;
}

/********* SECTION MERCY ****************/

.section-MMeight {
    background-image: url(../img/bg-kid-mercy.png);
    padding: 103px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    margin: auto;
    color: #fff;
}

section.section-MMeight span {
    color: #fff;
    width: 100%;
    max-width: 693px;
    display: flex;
    margin: auto;
    text-align: center;
    flex-direction: column;
}


.section-Cthree.abanca{
    background-image: url(../img/bg-abanca.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    margin: auto;
    color: #fff;
}

.case{
    color: #164A60;
    font-weight: 600;
    margin: 0;
}
.text-quote {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    color: #164A60;
    margin-top: 46px;
}

.text-quote span {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 28px;
    display: flex;
    justify-content: flex-end;
}

.bg-green .case{
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.section-Hone.creation {
    text-align: center;
    position: relative;
    padding-bottom: 0 !important;
}

section.section-Hone.creation p {
    padding: 0 29%;
}
/*comentado para cocreation
section.section-Hone.creation span {
    color: #164A60;
    margin: 49px 0 21px;
    display: flex;
    justify-content: center;
    font-weight: 700;
}*/
/*nuevo para cocreation*/
section.section-Hone.creation span {
    color: #164A60;
    margin: 49px 0 45px;
    display: flex;
    justify-content: center;
    font-weight: 700;
}
/**/
.section-Ctwo.visa .bl-left img,
.section-Ctwo.alle .bl-left img,
.section-Ctwo.secure .bl-left img{
    width: 120%;
    margin-left: -15%;
    margin-bottom: -15%;
    margin-top: -10%;
}
.section-Cthree.abanca .bl-right img,
.section-Cthree.travel .bl-right img{
    width: 120%;
    margin-right: -15%;
    margin-bottom: -15%;
    margin-top: -10%;
}

.section-Ctwo.visa .bl-row, .section-Ctwo.alle .bl-row, section.section-Cthree.abanca .bl-row, section.section-Cthree.travel .bl-row {
    align-items: center;
}
.section-Ctwo.visa p {
    padding-right: 30px;
}

.section-Cthree.abanca .bl-left {
    text-align: left;
}
.bg-green .bl-left {
    text-align: left;
}
.list-creation span {
    display: flex;
    margin: 14px 0;
    font-size: 15px;
    padding-left: 24px;
}
/* cometado para cocreation 
section.section-Cthree.abanca.bg-green .bl-left img {
    width: 40%;
    margin: 14px 0 0;
}*/
/* Nuevo para cocreation*/

section.section-Cthree.abanca.bg-green .bl-left img {
    width: 75%;
    margin: 14px 0 0;
}
.bold-visa{
    font-weight: 500;
}
/**/
section.section-Cthree.abanca.bg-green .bl-right {
   padding: 0;
}
section.section-Ctwo.secure {
    background-image: url(../img/bg_miles.svg);
    background-repeat: no-repeat;    
    background-position: top 36% left -30px;    
    background-size: 40%;
}

section.section-Ctwo.alle {
    position: relative;
    overflow: hidden;
}
.list-creation span {
    display: flex;
    margin: 14px 0;
    font-size: 15px;
    padding-left: 24px;
    position: relative;
    font-weight: 100;
}
.list-creation span:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fbfbfb;
    line-height: 42px;
    display: flex;
    border-radius: 109px;
    position: absolute;
    left: 5px;
    top: 9px;
}
.list-creation span strong {
    display: contents;
}
.secure span:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    line-height: 42px;
    display: flex;
    border-radius: 109px;
    position: absolute;
    left: 5px;
    top: 9px;
}

.section-Cthree.travel{
    background-image: url(../img/bg-travel2.png);
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    margin: auto;
    color: #fff;
}
ul.creation {
    text-decoration: inherit;
    list-style: disc;
    padding-left: 17px;
}

section.section-Hseven.M-mercy {
    padding-bottom: 0;
    overflow: inherit;
}
section.section-Hseven.M-mercy .element-novae {
    transform: rotate(180deg);
    width: 41%;
    height: 126%;
    background-size: 93%;
    background-position: left;
    top: 49%;
    right: -7%;
    left: inherit;
    background-repeat: no-repeat;
}

/*seccion  capabilities*/
.capabilities .circle .tab-content p {
    font-size: 14px;
}
section.capabilities {
    padding: 13% 0;
}

section.capabilities img.element-y {
    position: absolute;
    width: 46%;
    left: -258px;
    bottom: -267px;
    max-width: 700px;
}

section.capabilities .element-novae {
    transform: rotate(180deg);
    width: 52%;
    height: 126%;
    background-size: 93%;
    background-position: left;
    top: 12%;
    right: -25%;
    left: inherit;
    max-width: 800px;
    background-repeat: no-repeat;
}

.capabilities::before {
    content: "";
    width: 350px;
    height: 350px;
    background: #94D1CE;
    position: absolute;
    top: inherit;
    right: inherit;
    transform: rotate(-49deg);
    bottom: -200px;
    left: -200px;
}

.capabilities .bl-row{
    width: 542px;
    height: 542px;
    border: 1px dashed #72A9AD;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
}

.hover-to-show { 
    display: none;
}

.hover-to-show-link:hover .hover-to-show {
    display:block;
}

.circle{
    background: #164A60;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.circle span{
    font-size: 12px;
    font-weight: bold;
}
.circle.uno{
    top: 0;
    z-index: 1;
}
.circle.dos {
    top: 81px;
    right: -27px;
    left: inherit;
}

.circle.tres {
    left: inherit;
    right: -107px;
    top: 260px;
}

.circle.cuatro {
    top: 456px;
    right: -34px;
    left: inherit;
}

.circle.cinco {
    top: 540px;
    z-index: 1;
}

.circle.seis {
    left: 77px;
    top: 456px;
}

.circle.siete {
    left: 14px;
    top: 260px;
}

.circle.ocho {
    top: 81px;
    left: 79px;
}

.circle.seis .tool {
    left: -308px;
}

.circle.diez .tool, .circle.nueve .tool, .circle.ocho .tool, .circle.siete .tool {
    left: -274%;
}

.circle.diez .tool:after, .circle.nueve .tool:after, .circle.ocho .tool:after, .circle.siete .tool:after, .circle.seis .tool:after {
    content: "";
    top: 43%;
    left: 100%;
    transform: rotate(180deg);
}

.capabilities .text-tittle {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
}

.capabilities p{
    margin: 0;
    padding: 0;
}

.circle .tool{
    max-width: 279px;
    width: 279px;
    height: auto;
    background: #CCE9E2;
    border-radius: 28px;
    color: #164A60;
    font-weight: lighter;
    font-size: 14px;
    position: absolute;
    padding: 19px;
    left: 120%;
    z-index: 100;
    display: none;

}
.circle:hover .tool{
    display: flex;
    animation: nextarrow 0.5s;
    animation-fill-mode: forwards;
}

 @keyframes nextarrow {
   0% {
     opacity: 0;
     left: 80px;
   }

   100% {
    opacity: 0.999;
    left: 140px;
    }
 }


 .circle.seis:hover .tool, .circle.siete:hover .tool, .circle.ocho:hover .tool{
    display: flex;
    animation: toleft 0.5s;
    animation-fill-mode: forwards;
}

 @keyframes toleft {
   0% {
     opacity: 0;
     left: -250px;
   }

   100% {
    opacity: 0.999;
    left: -310px;
    }
 }


.circle:hover{
    color: #164A60;
    animation: bg 0.6s;
    animation-fill-mode: forwards;
}

 @keyframes bg {
   0% {
    background: #164A60;
   }

   100% {
    background: #CCE9E2;
    }
 }

.circle .tool:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #CCE9E2;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(0, -50%);
    
}


section.section-Hone.creation .element-novae {
    transform: rotate(180deg);
    width: 41%;
    height: 126%;
    background-size: 93%;
    background-position: left;
    top: 21%;
    right: -7%;
    left: inherit;
    background-repeat: no-repeat;
}
.bl-icons-together {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    margin: 60px 0;
}

section.section-Hsix.gray.together .element-spiral {
    left: 0;
    right: 0;
    margin: auto;
    width: 48%;
    top: 48%;
}

.bl-icons-together .item {
    width: 34%;
    margin: 27px 0;
}

.bl-icons-together .item img {
    width: 19%;
}
.bl-icons-together .item p {
    padding: 0 7%;
}
section.section-Hseven.M-mercy .bl-row {
    width: 80%;
    margin: auto;
    align-items: inherit;
}

section.section-Hseven.M-mercy .special-tittle {
    width: 506px;
    display: flex;
    height: 168px;
    margin-right: 38px;
    margin-top: 18px;
    flex-direction: column;
}

section.section-Hseven.M-mercy .special-tittle .first{
    position: absolute;
    font-size: 38px;
    top: 26px;
    left: 20px;
}

section.section-Hseven.M-mercy .special-tittle .second{
    position: absolute;
    top: 65px;
    font-size: 19px;
    left: 57px;
}

section.section-Hseven.M-mercy .special-tittle .thirty{
    position: absolute;
    top: 80px;
    font-size: 33px;
    left: 55px;
}
section.section-Hsix.gray.together {
    padding: 9% 0 7%;
}
section.section-Hsix.happy .partner {
    margin: 22px auto;
}
section.section-Hsix.happy {
    padding: 5% 0 9%;
}

section.section-Hsix.happy span.parrafo {
    padding: 0 12%;
    display: block;
    font-weight: 100;
}
.bl-ships {
    display: flex;
    flex-direction: row;
    margin: 52px 0 0;
}

.bl-ships .bl-left {
    width: 25%;
}
.bl-ships .bl-right {
    width: 75%;
    font-size: 16px;
    text-align: left;
}
.bl-ships .bl-right span, .bl-ships .bl-right span a {
    color: #164A60;
    font-weight: 100;
}
.bl-ships .bl-right span a{
    text-decoration: underline;
}
video.video-vimeo {
    width: 100%;
}
/********* SECTION FOOTER ****************/
footer a, footer a:visited {
    color: #fff;
}
footer {
    background: #164A60;
    padding: 5% 0px;
    color: #fff;
}

footer span {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 23px;
    display: flex;
    min-height: 40px;
}

footer li {
    font-size: 12px;
    margin: 7px 0;
}

footer .logo {
    width: 52%;
    position: relative;
    top: 0;
}
.bl-copy {
    border-top: 1px solid;
    padding: 20px 0;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
}

footer .bl-row {
    justify-content: left;
}
footer .bl-row .item.item-logo{
    padding: 0;
}
footer .bl-row .item{
    padding: 0 0 0 25px;
    flex: auto;
}
.block-items {
    width: 100%;
    display: flex;
    margin-top: 45px;
    justify-content: space-between;
}
.bl-copy .bl-right{
    padding: 0;
    text-align: right;
}
section.miles8 .iphone-second {
    top: 4%;
    right: 103px;
    left: inherit;
}
/********* SECTION PRESS ****************/


section .press1 {
    text-align: center;
}

.section.press1 .tittle p {
    padding: 0 30%;
}
.bl-text {
    padding: 25px;
    text-align: left;
}

.bl-colums-press {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 31px 0px;
}

.bl-colums-press:last-child {
    justify-content: flex-start;
}

.bl-colums-press:last-child .item:first-child {
    margin-right: 40px;
}

.bl-colums-press .item {
    width: 287px; 
    height: auto;
    background: #FFF;
    position: relative;
}
.bl-colums-press .item.without-bg{
    background: none;
}

.bl-colums-press .item.first-item {
    background: #164A60;
    padding: 33px;
}

.bl-colums-press .item.first-item .bl-text {
    padding: 10px 6px;
    text-align: center;
    color: #fff;
}

.item.first-item p {
    font-size: 14px;
    height: inherit;
    line-height: 20px;
}

.bl-colums-press .item span {
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    overflow: hidden;
    display: flex;
}

.bl-colums-press .item span.date {
    display: flex;
    font-size: 8px;
    font-weight: 100;
    margin-bottom: 11px;
    height: inherit;
}

.bl-colums-press .item p {
    font-size: 12px;
    line-height: 18px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 0;
}

.item.first-item img {
    width: 66%;
}

.item .more {
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.item .more:hover:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: rgba(175, 175, 175, .4);
    left: 0;
    transition: all 0.5s ease-out;
    
}
.item .more:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: rgba(175, 175, 175, 0);
    left: 0;
    transition: all 0.5s ease-out;
    
}

.item a.more:hover {
    color: #164A60;
}

.item.first-item .btn {
    background: #fff;
    border-radius: 4px;
    margin: 20px 0;
    padding: 15px 11px;
    width: 100%;
    max-width: 132px;
    margin: 20px auto;
    color: #164A60;
    font-size: 12px;
    font-weight: 600;
    display: block;
    transition: all 0.5s ease-out;
}
.item.first-item .btn:hover{
    background: rgb(226, 226, 226);
}
/********* SECTION MILES ****************/
section.miles1 {
    padding-bottom: 154px !important;
    background-image: url(../img/fondo-miles.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-bottom: 3px solid #568DC3;
}
section.miles1 .logo-miles {
    margin: 13px 0 40px;
    width: 85%;
}
section.miles1  .bl-left {
    width: 40%;
}
section.miles1  .bl-right {
    width: 60%;
    padding: 0;
}
section.miles1  .bl-left h3 {
    font-weight: 700;
}
section.miles1  .bl-right img {
    position: relative;
    right: -88px;
}
section.miles1 h3 span {
    color:#72A9AD;
    font-size: 36px;
    display: block;
    font-weight: 700;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(1, #72A9AD));
    background-image: gradient( linear, left top, right top, color-stop(0, #164A60), color-stop(1, #72A9AD));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
section.miles1 h3 {
    font-weight: 100;
}
.btn-download {
    display: flex;
    justify-content: space-between;
    width: 73%;
    margin: 26px 0;
}
.btn-download img {
    width: 48%;
    cursor: pointer;
    height: 100%;
}
.btn-download a {
    display: flex;
    width: 48% !important;
}
.btn-download a img {
    width: 100%;
    display: block;
}
section.miles2 {
    position: relative;
}
section.miles2 .bl-center span {
    width: 100%;
    max-width: 533px;
    display: flex;
    justify-content: center;
    margin: 28px auto;
    color: #164A60;
    flex-direction: column;
}
section.miles2 .element-spiral {
    width: 51%;
    height: 675px;
    right: 0;
    left: 0;
    top: 20%;
    bottom: inherit;
    margin: auto;
}
section.miles2 .bl-center span.span2 {
    display: block;
    max-width: 657px;
}
h2.note {
    max-width: 657px;
    margin: auto;
    text-align: left;
    border-top: 2px solid;
    padding: 25px 0;
}
section.miles2 .bl-center h2.note span {
    margin: 0 !important;
    padding: 0;
    font-size: 48px;
    max-width: inherit;
    color:#72A9AD;
}
section.miles11 .element-spiral {
    top: 36%;
    width: 29%;
}
section.miles3 .bl-row, section.miles5 .bl-row, section.miles7 .bl-row {
    flex-direction: row-reverse;
}
section.miles7.padding-cero img {
    display: flex;
    width: 131%;
    left: -34%;
    position: relative;
}
.align-center {
    display: flex;
    align-items: center;
}
.miles7 .bl-right {
    width: 70%;
}
section.miles4 .bl-row .bl-left, section.miles6 .bl-row .bl-left, section.miles4 .bl-row .bl-left span.gradient, section.miles6 .bl-row .bl-left span.gradient {
    text-align: right;
    display: inline;
    width: 58%;
}
section.miles5 .bl-row .bl-left, section.miles7 .bl-row .bl-left{
    text-align: left;
    display: inline;
    width: 65%;
}


.miles3 .element-spiral {
    left: 5%;
    width: 53%;
    height: 100%;
    top: 5%;
}

.miles3 .btn-download {
    width: 58%;
}

.miles4 .element-spiral {
    width: 31%;
    right: 0;
}
.miles4 img {
    width: 117%;
    position: relative;
    right: 50px;
}

.miles4 .bl-row {
    align-items: center;
}
.miles5 {
    min-height: 674px;
    padding-top: 49px !important;
}

.miles5 .element-spiral {
    width: 27%;
    top: 11%;
    left: 21%;
}
.miles5 img {
    position: absolute;
    width: 57%;
    top: 35%;
    left: 0;
    max-width: 900px;
}
.miles6 {
    padding: 4% 0 11% 0 !important;
}

.miles6 .element-spiral {
    width: 25%;
    top: 6%;
    right: 16%;
}
.miles6 img {
    position: absolute;
    top: -65%;
    width: 59%;
    right: -6%;
}
section.miles7 .element-spiral {
    left: 20%;
    top: 0%;
    width: 30%;
}
.miles9 {
    overflow: hidden;
    padding-top: 26% !important;
}
.miles9 h2.tittle {
    max-width: 837px;
    margin: 40px auto;
    text-align: center;
    font-size: 70px;
}
.miles9 h2.light {
    font-weight: 100 !important;
}
.miles9 .element-spiral {
    left: 8%;
}
.miles9 .element-spiral.uno {
    top: 10%;
    width: 25%;
    left: 28%;
}
.miles9 .bl-left {
    padding-right: 29px;
}
img.card {
    position: absolute;
    top: -17%;
    width: 61%;
    left: -3%;
    max-width: 900px;
}

.miles9 .bl-row{
    flex-direction: row-reverse;
}

.miles10 .grid-logos {
    display: flex;
    margin: 31px 0;
    flex-direction: column;
}

.grid-logos ul.bl-logos {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: inherit;
    width: inherit;
}

.bl-logos .aa {
    width: 100%;
    display: flex;
}

.grid-logos ul.bl-logos li {
    width: 20%;
    margin: 7px 0;
}

.miles10 .item-logos span {
    font-size: 21px;
    text-transform: uppercase;
}
.grid-logos ul.bl-logos.uno,
.grid-logos ul.bl-logos.uno .aa,
.grid-logos .item-logos.cuatro ul.bl-logos,
.grid-logos .item-logos.cuatro ul.bl-logos .aa,
.item-logos.dos ul.bl-logos{
    justify-content: space-between;
    margin: -5px 0 0;
}
.miles10 .item-logos h1 {
    font-size: 64px;
    margin: 0;
    padding: 0;
    line-height: 61px;
    color: #5B12FA !important;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
section.miles10 {
    padding: 0;
}
.miles10 .element-spiral {
    top: -10%;
}
.item-logos {
    margin: 20px 0;
}
.miles10 .item-logos h1 span {
    font-size: 34px;
    margin-left: 12px;
    color: #164A60 !important;
    text-transform: capitalize;
}
ul.bl-logos-bags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.bl-logos-bags li {
    width: 25%;
    margin: 10px 0px;
}
.miles11 {
    padding-top: 7% !important;
}
.miles11 .bl-left {
    width: 48%;
}
.miles11 h2  {
    font-size: 38px;
}

.miles11 p  {
    padding-right: 31%;
}

.miles12 .bl-center {
    max-width: 692px;
    margin: auto;
}
.miles12 span {
    padding-left: 75px;
    font-size: 12px;
}

.miles12 h2 {
    text-align: left;
    font-weight: 100;
}
.miles12 ul {
    text-align: left;
    position: relative;
    margin: 33px 0;
}
.miles12 li {
    padding-left: 79px;
    font-size: 30px;
    margin: 30px 0px;
    position: relative;
}

.miles12 li:before {
    content: "";
    background-image: url(../img/icon-splash.svg);
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    top: -4px;
    background-size: 100%;
    margin-right: 34px;
    display: flex;
}

.miles13 {
    max-height: 676px;
    overflow: hidden;
}
.miles13 .bl-left {
    padding-top: 45px;
}

.miles13 .bl-left p {
    padding-right: 130px;
    font-size: 19px;
    line-height: 25px;
}

.main .main-wrapper .miles14 {
    padding-bottom: 36%;
    background-image: url(../img/bg-bottom-miles.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding: 5% 0 8%;
}
section.miles14 .bl-right {
    width: 58%;
}
p.parrafo-logos{
    padding: 0;
}
/*********** SECTION VIDEO MILES ***************/

.iphone-second video {
    display: block;
    height: 100%;
    margin: auto;
    position: relative;
    vertical-align: middle;
    width: 100%;
    top: 0;
    left: 0;
}.iphone-second {
    margin: auto;
    text-align: center;
    left: -47%;
    top: 4%;
    right: 0;
    z-index: 3;
    position: absolute;
    width: 322px;
    height: 693px;
    border-radius: 32px;
    overflow: hidden;
}

.iphone-second:before {
    content: "";
    background-image: url(../img/cosita.png);
    width: 176px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
    right: 0;
    margin: auto;
    background-size: 100%;
}


/********* SECTION ABOUT ****************/

section.about4 .element-2 {
    width: 50%;
    transform: rotate(88deg);
    left: -32%;
    top: -25%;
}
section.about4 {
    overflow: hidden;
    padding-bottom: 19px;
}

.about1-2 h2 {
    padding: 0 13px 48px 0;
    max-width: 774px;
}

.about1-3 .element-spiral {
    top: 0;
    width: 27%;
    right: 1%;
}
.about2 .bl-left {
    width: 81%;
}
.about2 span {
    margin: 30px 0 13px;
    display: inline-block;
}
.bl-c-item:before {
    content: "";
    position: absolute;
    left: -34px;
    top: 0px;
    font-size: 41px;
    font-weight: 700;
    color: #72A9AD;
}

.bl-c-item.item1:before {
    content: "1";
}

.bl-c-item.item2:before {
    content: "2";
}

.bl-c-item.item3:before {
    content: "3";
}

.bl-c-item.item4:before {
    content: "4";
}

.bl-c-item.item5:before {
    content: "5";
}
.about1-2 .element-spiral {
    left: 0;
    width: 28%;
    top: 14%;
}
.about1-2 span {
    padding: 0 14px 0 0;
    display: flex;
    padding-right: 19%;
    color: #164A60;
}
.about1-3 h2 {
    /* max-width: 500px; */
    text-align: right;
    padding-left: 30%;
}

.about6 .element-spiral {
    left: 0;
    right: 0;
    margin: auto;
    width: 27%;
    top: 59%;
}
.about1-2 .container:before {
    border-top: 3px solid #164A60;
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    top: -53px;
    margin: auto;
}
.about1-2 .container:after {
    border-top: 3px solid #164A60;
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    bottom: -92px;
    margin: auto;
}
.about6{
    text-align: center;
    margin: auto;
}
.about6 .bl-row {
    padding: 50px 0 0;
}
.about6 .logos {
    width: 50%;
    margin: auto;
}
.about6 img {
    width: 51%;
}
.about6 .bl-left {
    padding: 0 40px
}
.about5 .bl-left {
    width: 20%;
    margin: auto;
}
.about5 .tittle {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 44px;
}
.about5 .bl-right {
    width: 80%;
}

.about5 .bl-center p {
    max-width: 600px;
    margin: auto;
}

.about5 .bl-center {
    margin-bottom: 37px;
}

.bl-disruptors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 28px 0px;
}

.bl-disruptors .item {
    width: 25%;
    text-align: left;
    font-size: 18px;
    position: relative;
}
.bl-disruptors .item span {
    color: #164A60;
    text-transform: uppercase;
    font-size: 16px;
}
.bl-disruptors .item.first:before {
    content: "";
    background: #E6F4F1;
    position: absolute;
    width: 263px;
    height: 263px;
    border-radius: 300px;
    z-index: 0;
    left: -27px;
}
.bl-disruptors.second-i .item.first {
    text-align: right;
}

.bl-disruptors.second-i .item.first h2{
    right: 36%;
    top: 15%;
    display: flex;
    /* width: 100%; */
    left: inherit;
}

.bl-disruptors .item.first h2:before {
    border-bottom: 6px solid;
    position: absolute;
    width: 71px;
    height: 17px;
    content: "";
    bottom: -10px;
}

.bl-disruptors.second-i .item.first h2:before {
    border-bottom: 6px solid;
    position: absolute;
    width: 71px;
    height: 17px;
    content: "";
    bottom: -10px;
    right: 0;
}
.bl-disruptors.second-ii .item.first h2 {
    position: absolute;
    top: 21%;
    left: 29%;
    font-weight: 700;
}

.bl-disruptors .item img {
    width: 85%;
}
.bl-disruptors .item.first h2 {
    position: absolute;
    top: 9%;
    left: 29%;
    font-weight: 700;
}
section.about5 {
    padding: 0;
}
.about-box .bl-c-item p {
    margin: 8px 0;
}
.bl-disruptors.second-ii .item.first h2 {
    position: absolute;
    top: 21%;
    left: -34%;
    font-weight: 700;
}
.bl-disruptors.second-ii .item.first h2:before {
    right: 0;
}
.tittle-name a {
    display: flex;
    align-items: center;
}
.bl-disruptors p {
    font-size: 12px;
}

.bl-disruptors h5 {
    margin: 0;
}
.about4 span.name {
    font-weight: 600;
    color: #164A60;
    display: flex;
    text-transform: capitalize;
    font-size: 24px;
}
.about-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 0 0 35px;
    justify-content: space-between;
}

.about-box .bl-c-item {
    width: 41%;
    padding: 0;
    min-height: 172px;
    position: relative;
}

.about-box span {
    background: #164A60;
    display: flex;
    width: 64px;
    padding-left: 8px;
    color: #fff;
}
.about2 img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56%;
    max-width: 735px;
}

.about1 p {
    text-align: left;
}

section.padding-first.about1 span {
    display: flex;
    margin: 24px 0;
    justify-content: center;
    color: #164A60;
}

.about4 .bl-center span {
    font-weight: 600;
    max-width: 700px;
    display: flex;
    margin: 27px auto;
    color: #164A60;
    font-size: 21px;
}
.bl-team {
    display: flex;
    justify-content: space-evenly;
}
.team-t {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    position: relative;
    width: 41%;
}
.tittle-name {
    position: absolute;
    left: 0;
    top: 23px;
}
.tittle-name span {
    font-weight: 600;
    color: #164A60;
    font-size: 20px;
}
.tittle-name p {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tittle-name img {
    width: 22px;
    margin: 0 5px;
}
.team-t.dos {
    flex-direction: row;
}
.team-t.dos .tittle-name {
    position: absolute;
    left: inherit;
    right: -84px;
    text-align: right;
}

.img-name {
    width: 65%;
}
.bl-team.row-2 .team-t {
    flex-direction: column;
    text-align: center;
    width: 34%;
}

.bl-team.row-2 .team-t .img-name {
    width: 86%;
}

.bl-team.row-2 .team-t .tittle-name {
    position: inherit;
    left: 0;
    top: 0;
}
.bl-team.row-2 {
    position: relative;
    top: -111px;
    left: 24px;
    justify-content: space-between;
    padding: 0 11px;
}
.tittle-name p span {
    font-weight: 100;
    color: #164A60;
    border-right: 1px solid;
    padding-right: 4px;
    font-size: 18px;
}
section.about5 .element-1 {
    width: 31%;
    top: 12%;
    right: -24%;
    transform: rotate(22deg);
}

.about5 .element-2 {
    width: 38%;
    top: 22%;
    transform: rotate(-3deg);
    right: -24%;
}
section.about5 .element-1.element0 {
    left: -400px;
    width: 47%;
    top: -45%;
    transform: rotate(4deg);
}
/********* SECTION MENU ****************/

.header .container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    justify-content: space-between;
    align-items: center;
  }
  .header-icon {
    display: none;
  }

  .header .menu-list {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    margin-left: 43px;
    right: -209px;
    top: 19px;
    color: #d0d0d0;
    font-weight: 600;
    font-size: 15px;
}

  .header .menu-item a {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    padding: 0 1rem;
    color: #ffffff;
    text-transform: capitalize;
  }
  .header .menu-item i {
    display: none;
  }
  
  .main-wrapper {
    padding: 0;
  }
  /*comentado para cocreation
  .co-create-bg{
    background-image: url(../img/bg_miles.svg);
    background-repeat: no-repeat;
    background-position: top 9% left -392px;
    background-size: 80%;
  }*/
  


/********* SECTION START TAB MILESCARE ****************/
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) #tab-content-0{
    min-height: 248px !important;
}


md-tabs md-tabs-wrapper {
    top: 142px;
    border-color: none !important;
    border-style: none !important;
    z-index: 100;
}


md-pagination-wrapper {
    width: 350px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}


.section-post .note{
    border-top: none;
    margin-bottom: 70px;
}
.section-post .bloque-video {
    position: relative;
}

.section-post .iphone-second {
    left: 0;
}

.section-post .element-spiral {
    top: 26%;
}

section.padding-tabs {
    padding: 0;
}

md-tabs.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-primary md-tab-item:not([disabled]).md-focused {
    color: #164A60;
}

md-tab-item.md-tab.ng-scope.ng-isolate-scope span {
    color: #464646;
    font-size: 16px;
    font-weight: 600;
}

md-tabs.md-primary md-tab-item:not([disabled]).md-active span {
    color: #164A60;
    font-size: 16px;
    font-weight: 600;
}

md-tabs md-ink-bar {
    color: #72A9AD;
    background: #72A9AD;
    height: 4px;
}

md-tabs-wrapper {
    position: absolute;
    top: 150px;
    width: 100%;
    z-index: 1;

}
md-tabs-content-wrapper {
    top: 0px;
}

md-tabs.md-primary md-tabs-wrapper {
    background-color: transparent;
    position: absolute;
    top: 161px;
}

.md-padding {
    padding: 0 !important;
}

.main-wrapper .md-default-theme .padding-first{
    padding-top: 228px;
    padding-bottom: 18px;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 1262px !important;
    overflow: hidden;
}

.seccion-milescare {
    padding-bottom: 50px !important;
    border-bottom: 3px solid #568DC3;
}

.seccion-milescare h2 {
    color: #164A60;
    font-size: 42px;
    font-weight: 700;
    margin: 0;
    max-width: 700px;
    margin: auto;
}

.seccion-milescare .center {
    margin: auto;
    text-align: center;
}

img.logomilescare {
    width: 36%;
    max-width: 287px;
    min-width: 228px;
    margin: 0 auto 12px;
}

img.bg-milescare {
    margin: 30px 0;
    max-width: 800px;
}

.seccion-milescare .bl-left {
    width: 32%;
}

.seccion-milescare span{
    color: #164A60;
    margin: 15px 0;
    display: block;
}

.seccion-milescare p{
    color: #000000;
    font-size: 21px;
}

.seccion-milescare .bl-right {
    width: 63%;
}

img.element-milescare {
    position: absolute;
    bottom: 0;
}


/********* SECTION END TAB MILESCARE ****************/


/********* SECTION START TAB PAYMI ****************/

.seccion-paymi {
    padding-bottom: 73px !important;
    border-bottom: 3px solid #568DC3;
}

img.logo-paymi {
    width: 62%;
    max-width: 234px;
    margin-bottom: 14px;
}

.seccion-paymi h2{
    margin: 13px 0px;
}
.seccion-paymi span {
    color: #164A60;
    margin-top: 39px;
    display: block;
}

.md-default-theme .bl-left p{
    width: 82%;
    font-size: 21px;
}

img.element-paymi {
    position: absolute;
    bottom: 0;
}

/********* SECTION END TAB PAYMI ****************/


/********* SECTION MEEDIAQUERY ****************/
@media only screen and (min-width: 1400px) {

    .miles6 {
        padding: 11% 0 11% 0 !important;
    }
    section.section-Hseven .element-novae {
        width: 94%;
    }
    .about1-2 .element-spiral {
        left: -180px;
        width: 28%;
        top: 14%;
    }
    
    
    .about1-3 .element-spiral {
        top: 0;
        width: 27%;
        right: -10%;
    }
    
    section.section-Hseven.M-mercy .element-novae {
        width: 34%;
    }
    
    .miles10 .element-spiral {
        top: -10%;
        right: -10%;
    }
}

@media only screen and (min-width: 1360px) {

    .menu img.element-1 {
        right: -356px;
    }

}


@media only screen and (max-width: 1360px) {
    img.element-1 {
        position: absolute;
        top: -723px;
        right: -212px;
        transform: rotate(-6deg);
        width: 1002px;
    }

    img.element-2 {
        position: absolute;
        top: -745px;
        right: -49px;
        width: 164%;
        transform: rotate(50deg);
    }
.header .menu-list {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    margin-left: 0;
    right: -25px;
    top: 19px;
    color: #d0d0d0;
    font-weight: 600;
    font-size: 15px;
}
}

@media only screen and (max-width: 1260px) {
    .circle .tool {
        max-width: 323px;
        width: 325px;
    }

    .circle.uno .tool {
        top: 210%;
        left: -102px;
    }
    .circle.uno .tool:after {
        content: "";
        left: 0;
        right: 0;
        margin: auto;
        top: -14px;
        transform: rotate(90deg);
    }
    .circle.dos .tool {
        right: 75px;
        top: 170px;
        left: inherit;
    }


    .circle.dos .tool:after {
        left: 301px;
        top: -9%;
        transform: rotate(108deg);
    }
    .circle .tool:after {
        content: "";
        left: 278px;
        top: 50%;
        transform: rotate(180deg);
    }


    .circle.tres .tool {
        right: 158px;
        left: inherit;
    }
    .circle.tres .tool:after {
        left: 322px;
        top: 50%;
        transform: rotate(180deg);
    }


    .circle.cuatro .tool {
        right: 85px;
        top: -215px;
        left: inherit;
    }
    .circle.cuatro .tool:after {
        left: 308px;
        top: 91%;
        transform: rotate(236deg);
    }


    .circle.cinco .tool {
        top: -311px;
        left: -107px;
    }

    .circle.cinco .tool:after {
        content: "";
        left: 50%;
        top: 97%;
        transform: rotate(-90deg);
    }

    .circle.seis .tool {
        top: -219px;
        left: 91px;
    }
    .circle.seis .tool:after {
        top: 92%;
        left: 6px;
        transform: rotate(-52deg);
    }

    .circle.siete .tool {
        left: 155px;
    }
    .circle.siete .tool:after {
        top: 43%;
        left: -9px;
        transform: rotate(0deg);
    }

    .circle.ocho .tool {
        left: 89px;
        top: 131px;
    }
    .circle.ocho .tool:after {
        top: -7px;
        left: 5px;
        transform: rotate(56deg);
    }

    .circle.dos, .circle.cuatro{
        z-index: 7;
    }
}


@media only screen and (max-width: 1250px) {


    img.card {
        top: -14%;
    }
    .section-Cthree.abanca .bl-right img,
    .section-Ctwo.secure .bl-left img,
    .section-Ctwo.alle .bl-left img{
        width: 110%;
        margin: 0;
    }
    .circle:hover .tool{
        display: flex;
        animation: nextarrow 0.5s;
        animation-fill-mode: forwards;
    }
    
     @keyframes nextarrow {
       0% {
         opacity: 0;
         left: initial;
       }
    
       100% {
        opacity: 0.999;
        left: initial;
        }
     }


     .circle.seis:hover .tool, .circle.siete:hover .tool, .circle.ocho:hover .tool{
        display: flex;
        animation: toleft 0.5s;
        animation-fill-mode: forwards;
    }
    
     @keyframes toleft {
       0% {
         opacity: 0;
         left: inherit;
       }
    
       100% {
        opacity: 0.999;
        }
     }


}

@media screen and (min-width: 1279px) and (max-width: 1281px)
              and (min-height: 690px) and (max-height: 800px) {
    /* Crazy CSS overrides here */

    .capabilities .bl-row {
        width: 500px;
        height: 500px;
    }

    .circle.cinco {
        top: 498px;
    }

    .circle.cuatro {
        top: 436px;
    }
    .circle.seis {
        top: 436px;
    }

    .circle.cinco .tool {
        top: -108px;
    }

    .circle.uno .tool {
        top: 1px;
    }
}

@media (min-width: 1000px) and (max-width: 1030px){
    section.miles1 {
        padding-bottom: 170px !important;
    }
    section.section-Hone.creation span {
        margin: 49px 0 40px;
    }
    section.about5 .element-1.element0 {
        display: none;
    }

    .about5 .element-2, .about5 .element-1 {
        display: none;
    }
    .about2 img {
        position: absolute;
        bottom: 0;
        right: -108px;
        width: 56%;
        max-width: 735px;
    }
    .about2 img {
        position: absolute;
        bottom: 0;
        right: -291px;
        width: 64%;
        max-width: 735px;
    }
}
@media only screen and (max-width: 1024px){
    .miles11 p{
        padding: 0;
    }
    .miles13 .bl-left p{
        padding-right: 90px;
    }
    .main .main-wrapper .miles14 .bl-right{
        padding: 0;
    }
    .main .main-wrapper .miles14{
        padding: 5% 0 10% 0;
    }
    section.section-Hseven .element-novae {
        width: 980px;
        height: 713px;
        top: 52%;
        left: -27%;
    }
  
  
}
@media only screen and (max-width: 1000px) {
    md-tabs md-tabs-wrapper {
        top: 82px;
        border-color: none !important;
    }
    section.miles5 img {
        top: 10%;
        left: -2%;
    }section.miles13.gray h2 {
        width: 65%;
    }


    .miles3 .bl-right{
        position: relative;
    }
    .iphone-second.vimeoplayer2 video {
        display: block;
   
        top: 0px;
        left: 0;
        z-index: 2;
        right: 0;
        border-radius: 25px;
        overflow: hidden;
    }
    .about2 img {
        position: absolute;
        bottom: 0;
        right: -291px;
        width: 664px;
        max-width: 735px;
    }
    .bloque-video {
        position: relative;
        width: 300px;
    }

    .bloque-video  .iphone-second.vimeoplayer2 {
  
        right: 0;
        top: 25px;
        left: 0;
        margin: auto;
        border-radius: 24px;
        text-align: center;
    }

    .dos .tittle-name p span {
        width: 43%;
        font-size: 16px;
    }
    .team-t .tittle-name p span {
        font-size: 16px;
    }
    .team-t.dos .tittle-name {
        position: absolute;
        left: inherit;
        right: -133px;
        top: 6px;
        text-align: right;
    }
    .team-t.dos span {
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        font-size: 18px;
    }
    .tittle-name a {
        display: flex;
        align-items: center;
        font-size: 12px;
    }
    .team-t.dos p {
        width: 71%;
    }
    ul.menu-list li {
        margin: 0 7px;
        font-size: 13.5px;
        white-space: nowrap;
    }
    .container {
        max-width: 850px;
    }
    img.element-header {
        top: -305px;
        left: -201px;
        width: 450px;
    }
    img.logo-novae {
        width: 45%;
        margin: 16px 0;
        position: relative;
        z-index: 2;
    }
    img.element-1 {
        position: absolute;
        top: -666px;
        right: -234px;
        transform: rotate(-6deg);
        width: 919px;
    }

    img.element-2 {
        position: absolute;
        top: -760px;
        right: -175px;
        width: 164%;
        transform: rotate(50deg);
    }
}

@media only screen and (max-width: 900px) {

.menu {
    position: relative;
    width: 74%;
}

.header .menu-list {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    margin-left: 0;
    right: 23px;
    top: 19px;
    color: #d0d0d0;
    font-weight: 600;
}

img.i-f {
    width: 300px;
}
.btn-intro {
    display: none;
}

.seccion-paymi span {
    margin-top: 30px;
    font-size: 21px;
}
.seccion-paymi h2 {
    font-size: 37px;
}
}



@media (min-width: 700px) and (max-width: 768px){
    md-pagination-wrapper {
        width: 400px;
    }

    img.cards-paymi {
        margin-top: 130px;
    }
    md-tab-item.md-tab {
        padding: 12px 31px;
    }
    .miles3.align-center .bl-right{
        padding: 0 40px 0 0;
    }

    section.section-Hone.creation span {
        margin: 49px 0 40px;
    }
    .bl-colums-press .item {
        height: 395px;
    }
    .miles11 p {
        padding-right: 0;
    }
    .btn-intro {
        display: none;
    }
    .miles13 .bl-left p {
        padding-right: 27px;
    }

    section.about2 img {
        top: 6%;
        width: 80%;
        right: -269px;
    }

}
@media (min-width: 601px) and (max-width: 700px){
    
    .miles3 .bl-right{

        padding: 0;
    }
    .bloque-video{
        width: 100%;
    }
    .iphone-second{
        height: auto;
    }
    .bloque-video .iphone-second.vimeoplayer2{
        border-radius: 0;
    }

    .iphone-second video,.iphone-second .vimeoplayer2 video{
        width: 82%;
        right: 4px ;
        border-radius: 20px;
    }
  
    div.container .iphone-second, .iphone-second.vimeoplayer2{
        width: auto;
        height: auto;
    }
    .miles8.gray .bl-right{
        padding: 0;
    }
    img.i-f{
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
md-tabs md-tabs-wrapper {
    top: 76px;
}
.seccion-milescare .bl-left {
    width: 100%;
    padding: 0 !important;
    text-align: center;
}

.seccion-paymi ul.bl-logos {
    margin: 20px auto;
}
.seccion-paymi h2 {
    font-size: 30px !important;
}
.seccion-paymi .bl-row.row-reverse .bl-right{
    text-align: center;
    padding-top: 0 !important;
}
.seccion-paymi .bl-left {
    padding-top: 0 !important;
    padding-bottom: 25px !important;
}

.seccion-paymi .bl-left p {
    width: 100%;
}


.seccion-milescare .bl-right {
    width: 100%;
    text-align: center;
}

.seccion-milescare .bl-row {
    flex-direction: column;
}
.section-post .note {
    border-top: none;
    margin-bottom: 0;
    text-align: center;
}

.main .section-post div.container .bl-left {
    padding: 0 !important;
}

}

@media only screen and (max-width: 600px) {

    li.mac-mobile {
        display: block;
    }
    li.mac-desktop {
        display: none;
    }
    .bloque-video {
        position: relative;
        width: 320px;
        margin: auto;
    }
    .bl-logos .aa {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .grid-logos ul.bl-logos.uno, .grid-logos ul.bl-logos.uno .aa, .grid-logos .item-logos.cuatro ul.bl-logos, .grid-logos .item-logos.cuatro ul.bl-logos .aa, .item-logos.dos ul.bl-logos {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .team-t.dos span {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 20px;
    }
    .team-t.dos p {
        width: 100%;
    }
    ul.bl-logos-bags li {
        width: 32%;
        margin: 10px 0px;
    }
    section.miles5.padding-cero {
        margin-top: 50px;
    }
    .bl-team.row-2 {
        padding: 0 27px;
    }
    .bl-team.row-2 .team-t {
        width: 100%;
    }

    .grid-logos ul.bl-logos li {
        width: 42%;
        margin: 15px 8px;
    }

    main .miles12 span {
        padding-left: 75px;
        font-size: 13px;
    }
    section.about4 .element-2.altern {
        display: none;

    }
    .bl-disruptors.second-ii {
        flex-direction: column-reverse;
    }
section.about4 .element-1 {
    display: none;
}
    /******* ABOUT**********/
    .about1-2 h2 {
        padding: 37px 0 48px;
    }
    .about1-2 span {
        padding: 0;
        padding-right: 0;
        padding-bottom: 73px;
    }
    .about1-2 .container:after {
        bottom: 0;
        margin: 0;
        padding: 0;
        height: inherit;
    }
    .about1-2 .container:before {
        top: 0;
    }
    .about-box {
        margin: 0;
    }
    .about-box .bl-c-item {
        width: 100%;
    }
    .bl-c-item.item.special {
        display: none;
    }
    section.about4 {
        padding: 18% 0 25px;
    }
    .bl-disruptors {
        flex-direction: column;
    }
    .bl-disruptors .item {
        width: 100%;
        text-align: center;
    }
    .bl-disruptors .item img {
        width: 51%;
        max-width: 166px;
    }
    .about4 span.name {
        text-align: center;
        justify-content: center;
    }
    .bl-disruptors .item.first {
        min-height: 230px;
    }
    .item.first-about .bubble:before {
        content: "";
        width: 200px;
        height: 200px;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
    }
    .item.first-about .bubble h2:before {
        border-bottom: 6px solid;
        position: absolute;
        width: 71px;
        height: 17px;
        content: "";
        bottom: -13px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .item.first-about {
        margin: auto;
        justify-content: center;
        text-align: center;
        min-height: 201px;
    }

    .item.first-about .bubble h2 {
        position: absolute;
        right: 0;
        top: 65px;
        text-align: center;
        left: 0;
        margin: auto;
    }

    .bl-disruptors .item.first:before {
        content: "";
        background: #E6F4F1;
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 300px;
        z-index: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .bl-disruptors .item.first h2 {
        top: 13%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .bl-disruptors.second-i .item.first h2 {
        right: 0;
        left: 0;
        top: 23%;
        width: 49% !important;
        margin: auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .bl-disruptors.second-i .item.first h2:before, .bl-disruptors.second-ii .item.first h2:before {
        content: "";
        right: 0;
        left: 0;
        margin: auto;
    }
    .bl-disruptors.second-i {
        flex-direction: column-reverse;
    }
    .bl-disruptors.second-ii .item.first h2 {
        top: 32%;
        left: 0;
        right: 0;
    }

    .bl-team {
        flex-direction: column;
    }
    .team-t {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .bl-team.row-2 .team-t .img-name, .bl-team.row-1 .team-t .img-name {
        width: 86%;
        max-width: 251px;
    }

    /******* ABOUT**********/

    img.logo-novae {
        width: 75%;
        margin: 16px 0;
        position: relative;
        z-index: 2;
    }
    img.element-1 {
        position: absolute;
        top: -507px;
        right: 0;
        transform: rotate(0deg);
        width: 644px;
    }
    img.element-header {
        top: -305px;
        left: -201px;
        width: 428px;
    }

    .bl-row {
        flex-direction: column;
        position: relative;
    }
    .bl-row.row-reverse {
        flex-direction: column-reverse;
    }
    .section-Hseven .bl-row.row-reverse .bl-right {
        margin: 0 0 40px;
        padding: 0 !important;
    }
  
    .bl-row.row-reverse .bl-left {
        padding: 0 0 !important;
    }
    .bl-row.row-reverse .bl-right {
        padding: 35px 0 !important;
    }
    section.miles8.gray .i-f {
        width: 320px;
        margin: auto;
        text-align: center;
        display: flex;
    }
    .bl-right {
        width: 100%;
        padding: 0;
    }
    .bl-left {
        width: 100%;
    }
    .iphone-second:before {
        content: "";
        background-image: url(../img/cosita.png);
        width: 149px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 22;
        right: 0;
        margin: auto;
        background-size: 100%;
    }
    .miles8 .bl-right{
        width: 100%;
        padding: 0;
        position: relative;
    }
    div.container .iphone-second.vimeoplayer2 {
        width: 265px;
        height: 570px;
        right: 0 !important;
        left: 4px;
        top: 25px;
        margin: auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .iphone-second.vimeoplayer2 video {
        display: block;
        height: 100%;
        margin: auto;
        position: absolute;
        width: 264px;
        top: 0px;
        left: -1px;
        z-index: 2;
        right: 0;
        border-radius: 25px;
        overflow: hidden;
    }

    section.miles8.gray .container {
        padding: 0;
    }

    section.miles8.gray .bl-left p {
        padding: 0 21px;
    }

}
.circle input {
    display: none;
}

.circle label {
    cursor: pointer;
    font-size: 14px;
    padding: 0 7px;
}
  
  @media only screen and (max-width: 700px) {

.text-tittle p{
    display: none;
}
.circle:hover .tool{
    animation: none;
}

.circle .tool:after{
    content: "";
    display: none !important;
}

.circle .tool p {
    font-size: 14px;
}

.capabilities .bl-row {
    width: 100%;
    height: 100%;
    border: 1px dashed #72A9AD;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    border: inherit;
    flex-direction: column !important;
    display: inherit;
}
.circle {
    width: 100%;
    height: inherit;
    border-radius: 0;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    transform: inherit;
    margin: 11px 0;
    display: inherit;
    cursor: inherit;

}

.circle .tool {
    max-width: inherit;
    width: 100%;
    background: #164A60;
    border-radius: inherit;
    color: #ffffff;
    font-weight: lighter;
    font-size: 14px;
    position: initial;
    padding: inherit;
    left: 120%;
    z-index: 100;
    display: inherit;
}


/* Tab Styles */
.capabilities .tab-group {
	margin: 1em auto;
	max-width: 40em;
	width: 100%;
}

.capabilities .tab {
	position: relative;
    width: 100%;
}

.capabilities .tab input { 
	left: 0;
	position: absolute;
	top: 0;
    z-index: -999;
    padding: 20px;
}
	
.capabilities .tab label {
    background: #164A60;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 3;
    padding: 0;
}	
	
.capabilities .tab label:before {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #CCE9E2;
    position: absolute;
    right: 13px;
    top: 17px;
}	

.capabilities .tab-content {
	max-height: 0;
	overflow: hidden;
    transition: all 0.35s;
}

.capabilities .tab-content p {
    margin: 1em 0;
    padding: 10px;

}

/* open the tab when label is checked */

.capabilities .tab input:checked ~ .tab-content {
    max-height: 15em;
    background-color: #CCE9E2;
    border-top: 1px solid rgba(22, 74, 96, 0.3);    
    color: #164A60;
}

.capabilities .tab input:checked ~ label {
    background-color: #CCE9E2;
    color: #164A60;
    font-weight: bold; 
}


/*.tab > input:not(:focus) ~ .tab-content { 
	max-height: 0;
	transition: all .75s cubic-bezier(0.19, 1, 0.22, 1) .15s;
}*/





    .capabilities .text-tittle {
        position: relative;
        margin-bottom: 36px;
    }

    .circle span {
        font-size: 17px !important;
    }

    header {
        overflow: inherit;
    }
    .miles8.gray .bl-left{
        padding-right: 20px;
    }
    .container {
      width: 100%;
      padding: 0 2rem;
    }
  
    .landing-miles.section-container {
        height: initial;
        overflow: hidden;
      }

    .section-container {
      height: 100%;
      overflow: hidden;
    }
  
    .section-wrapper {
      height: 100%;
      transition-duration: 0.3s;
    }
    .header-icon {
      display: block;
      cursor: pointer;
      color:#ffffff;
      background:red;
      position: absolute;
      z-index: 2;
      right: -36px;
      top: 9px;
    }
    .header .menu {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 20rem;
      -webkit-transform: translateX(20rem);
              transform: translateX(20rem);
    }
    .header .menu-list {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }
    .header .menu-item {
      width: 100%;
      padding: 1rem;
    }
    .header .menu-item:hover {
      background: #e6e6e6;
    }
    .header .menu-item a {
      color: #333333;
    }
    .header .menu-item i {
      position: relative;
      display: inline-block;
      top: 0.3rem;
      margin-right: 1rem;
      color: gray;
    }
  
    .main .main-wrapper {
      top: 5rem;
      bottom: 0;
      overflow-y: scroll;
      padding: 2rem 0 2rem 0;
      z-index: -999;
    }
  
    .with-sidebar .section-wrapper {
      -webkit-transform: translateX(-19rem);
              transform: translateX(-19rem);
    }
    .with-sidebar .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 200;
      background-color: rgba(0, 0, 0, 0.6);
    }

    a.header-icon span::before {

        content: "";
        background-image: url(../img/menu.svg);
        background-size: 100%;
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 2222;
        top: 0;
        background-repeat: no-repeat;
        right: 24px;
        top: 20px;
    }

    ul.menu-list li {
        margin: 26px 0px;
        font-size: 18px;
    }
    ul.menu-list li a{
        color: #164A60;
    }

    .header .menu-list {
        right: -100px;
        display: none;
    }

    .with-sidebar .header .menu-list {
        right: -176px;
        display: block;
        padding: 70px 0;
    }
  }
  

  @media only screen and (max-width: 500px) {

    md-tabs-wrapper md-next-button.md-disabled, md-tabs-wrapper md-prev-button.md-disabled {
        display: none;
    }
    md-tabs-canvas.md-paginated {
        margin: 0 15px;
    }
    md-pagination-wrapper {
        width: 86%;
        margin: auto;
    }
    md-tab-item.md-tab {
        padding: 12px 15px;
    }
    .bl-icons-together {
        margin: 60px 0 0;
    }
    
    .bl-icons-together .item {
        width: 100%;
    }
    section.section-Hsix.happy .tittle span {
        font-weight: 100;
        padding: 0;
    }
    section.section-Hsix.happy span.parrafo {
        padding: 0;
    }

    .bl-ships .bl-left {
        width: 58% !important;
        margin: 0 auto;
        padding: 44px 0 11px !important;
    }
    .bl-ships .bl-right {
        width: 100%;
        text-align: center;
    }

   

    .with-sidebar .header .menu-list {
        right: 45px;
    }

    h1 {
        color: #164A60;
        font-size: 52px;
        font-weight: bold;
        margin: 0;
        line-height: 94px;
    }
    img.element-header {
        top: -305px;
        left: -192px;
        width: 415px;
    }
    img.logo-novae {
        width: 104%;
        margin: 16px 0;
        position: relative;
        z-index: 2;
    }
    img.element-1 {
        position: absolute;
        top: -507px;
        right: 121px;
        transform: rotate(0deg);
        width: 644px;
    }
    .header .menu-list {
        right: 111px;
        margin: 0;
        top: 91px;
    }

    body.with-sidebar {
        position: fixed;
    }
    .header .menu {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 20rem;
        height: 20px;
        background-color: #ffffff;
        -webkit-transform: translateX(20rem);
        transform: translateX(20rem);
    }
}

@media only screen and (max-width: 330px) {

    md-pagination-wrapper {
        width: 100%;
    }
    md-tab-item.md-tab.ng-scope.ng-isolate-scope span {
        font-size: 15px;
    }
}


body.show-video-modal.noscroll {
    position: fixed;
}

  main .column.left,
  main .column.right {
    background: #fcfcfc;
    display: block;
    position: relative;
    font-size: 1rem;
    width: 78%;
    min-height: 0;
    margin: 40px 0 0;
    vertical-align: top;
  }
  @media (min-width: 641px) {
    main .column.left,
    main .column.right {
      display: inline-block;
    }
    main .column.left {
    }
    main .column.right {
      margin-left: 50%;
    }
  }
  
  .video-banner {
    display: block;
  }
  @media (min-width: 641px) {
    .video-banner {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 0;
    }
  }
  
  .video-banner .video-banner-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .video-banner-headline {
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
  
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.25em;
    font-weight: 900;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.045em;
  }
  @media (min-width: 641px) {
    .video-banner-headline {
      left: 2em;
      bottom: 2.75em;
      font-size: 1.5em;
      line-height: 1.5em;
    }
  }
  .video-banner-icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
  
    display: block;
    width: 2.5em;
    height: 2.5em;
  
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  
    -webkit-transition: all 0.2s ease-out 0.05s;
    transition: all 0.2s ease-out 0.05s;
  }
  @media (min-width: 641px) {
    .video-banner-icon-play {
      width: 4.5em;
      height: 4.5em;
    }
  }
  .video-banner-icon-play:hover {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.2);
    transform: translateX(-50%) translateY(-50%) scale(1.2);
  
    backgound: #330099;
  }
  
  .content {
    display: block;
    min-height: 100vh;
    max-width: 40rem;
    margin: 2.5rem auto;
    padding: 1.5rem;
  }
  @media (min-width: 641px) {
    .content {
      margin: 5.75rem auto;
      padding: 2.5rem;
    }
  }
  
  .content h1,
  .content h2,
  .content p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em;
    color: #0d013d;
  }
  .content h1 {
    font-size: 3.25em;
    font-weight: 200;
    line-height: 1em;
  
    margin: 0 0 0.5rem 0;
  }
  @media (min-width: 641px) {
    .content h1 {
      font-size: 4em;
    }
  }
  .content h2 {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.155em;
  
    margin-top: 3em;
  }
  
  /* buttons */
  .content .button-group {
    margin-top: 1em;
  }
  .content .button {
    display: inline-block;
    padding: 1em 2em;
    min-width: 8em;
    text-align: center;
    font-weight: 900;
    text-decoration: none;
    border-radius: 1.5em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  
    /* button theme - secondary is default */
    background: #f0f0f0;
    color: #2b2b2b;
  
    -webkit-transition: all 0.2s ease-out 0.05s;
    transition: all 0.2s ease-out 0.05s;
  }
  .content .button ~ .button {
    margin-left: 0.5em;
  }
  .content .button:hover {
    background: #e5e5e5;
  }
  /* primary button overrides */
  .content .button.primary {
    background: #e50055;
    color: #fff;
  }
  .content .button.primary:hover {
    background: #9d00e5;
  }
  
  /* video thumbnail grid */
  .content .video-thumb-grid {
    position: relative;
    font-size: 0; /* collapse the white-space */
    width: calc(100% + 2rem);
    margin: 0 -1rem;
  }
  .content .video-thumb {
    display: inline-block;
    vertical-align: top;
  
    text-decoration: none;
  
    /* calculate the width, gutters, and aspect ratio */
    width: calc((100% - 4rem) / 2);
    height: 0;
    padding-top: calc(((100% - 4rem) / 2) * 0.5625); /* 16:9 calc */
  
    margin: 1rem 1rem; /* gutters */
  
    overflow: hidden; /* clipping */
  
    position: relative; /* enable positioning for inner content */
  
    font-size: 1rem; /* reset the font size */
  
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  
    -webkit-transition: all 0.2s ease-out 0.05s;
    transition: all 0.2s ease-out 0.05s;
  }
  .content .video-thumb:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(13, 1, 61, 0.35);
  }
  .content .video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
  
    /* position inside the 16:9 container */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  
    /* clipping for source images that are letterboxed */
    object-fit: cover;
    object-position: 50% 50%;
  
    background: #2b2b2b;
  }
  
  /* Video Modal
  -----------------------------------------*/
  .video-modal,
  .video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
  }
  .video-modal {
    overflow: hidden;
    position: fixed;
    opacity: 0;
  
    -webkit-transform: translate(500%, 0%);
    transform: translate(500%, 0%);
  
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
  
    /* using flexbox for vertical centering */
  
    /* Flexbox display */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  
    /* Vertical alignment */
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .video-modal .overlay {
    z-index: 0;
    background: rgba(22, 74, 96, 0.82); /* overlay color */
  
    opacity: 0;
  
    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
  }
  
  .video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    min-width: 320px;
    width: 90%;
    max-width: 1500px;
    bottom: auto;
    left: auto;
    z-index: 1;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    /* width: calc(100% - 30em); */
    height: 0;
    padding-top: calc((115% - 30em) * 0.5625);
  }
  
  /* Scaling to fit within the current Viewport size:
     When viewport aspect ratio is greater than 16:9
     work off the height instead of the width for calc */
  @media (min-aspect-ratio: 16/9) {
    .video-modal-content {
      width: 0;
      height: calc(100vh - 10em);
      padding-top: 0;
      padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
    }
  }
  
  /* Mobile Layout Tweaks - side margins reduced */
  @media (max-width: 640px) {
    .video-modal-content {
      width: calc(100% - 1em);
      padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
    }
  }
  
  /* modal close button */
  .close-video-modal {
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
  
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  
  /* set the iframe element to stretch to fit its parent element */
  iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  
    background: #000;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  }
  
  /* show the modal: 
     add class to the body to reveal */
  .show-video-modal .video-modal {
    opacity: 1;
  
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .show-video-modal .video-modal .overlay {
    opacity: 1;
  }
  .show-video-modal .video-modal-content {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }