body {
    font-size: 14px !important;
    color: #003B73 !important;
    background: #FFF !important
}




.lateral-doters {
    color: #004951;
    border-color: #ffeeba;
	text-align: center;
}

.lateral-doters a img{
	width: 100%;
}





p.textolateraldoters {
font-size: 30px;
	 color: #004951;
}







            .alert-success{
                position: absolute;
                width: 30%;
                top: 18px;
                right: 200px;
                    background-color: #fff;
                border: 3px solid #7BA7AE;
                z-index: 3000;
            }

.img-logo-doters img{
    padding: 5px;
width: 98px;
}
            
            .texto-mensaje{
                text-align: center;
                font-size: 16px;
            }
            
            .button-unete{
                background: #2affac;
                text-align: right;
                border-radius: 12px;
                width: 120px;
                text-align: center;
                margin: 0 auto;
                float: none;
                text-shadow: 0;
                opacity: 1;
                font-size: 18px;
                padding: 5px;
            }
            
            .arrow_b_out { 
    width : 0px ; 
    height : 0px ; 
    border-width : 15px ; 
    border-style : solid ; 
    border-color : #7BA7AE  transparent  transparent  transparent  ; 
    position : absolute ; 
    bottom : -32px ; 
    right : 255px ; 
}



@media screen and (max-width:1024px) {
    
    
    
    .alert-success {
    width: 52%;

}
}
          
@media screen and (max-width:768px) {
    
    
    
    .alert-success {
    position: absolute;
    width: 52%;
    top: 52px;
    right: 82px;
    background-color: #fff;
    border: 3px solid #7BA7AE;
}
}


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

.alert-success {
    position: absolute;
    width: 72%;
    top: 52px;
    right: 82px;
    background-color: #fff;
    border: 3px solid #7BA7AE;
}


}


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

    .alert-success {
    position: absolute;
    width: 91%;
    top: 262px;
    right: 11px;
    background-color: #fff;
    border: 3px solid #7BA7AE;
}
    
}








.android, .ios{
        background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
    color: #fff;
    padding: 10px;
}

h2.titulo-android, h2.titulo-ios{
    font-size: 12px;
    line-height: 1;
    padding: 0;
    margin: 0;
}

h4.subtitulo-android, h4.subtitulo-ios{
    font-size: 10px;
    line-height: 1;
    padding: 0;
    margin: 8px 0 0 0;
    color: #fff;
}

.cont-der, .cont-izq  {
    padding: 0;
}

.cont-der img, .cont-izq img{
    width: 80%;
}


.cont-izq img{
   border-radius: 20px;
}

.boton-descarga{
    padding: 8px;
    background: #0087CA;
    border-radius: 8px;
    font-size: 12px;
    margin-top: 2px;
}


h4.subtitulo-android2, h4.subtitulo-ios2{
    font-size: 12px;
    line-height: 1;
    padding: 0;
    text-align: center;
    margin: 0;
    color: #fff;
}

.boton-cerrar {
    position: absolute;
    right: 5px;
    top: 2px;
}

.boton-cerrar button {
    border: 0;
        border-radius: 20px;
    padding: 0px 7px;
    background: #003B73;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}



.boton-cerrar2 {
    position: absolute;
    right: 5px;
    top: 2px;
}

.boton-cerrar2 button {
    border: 0;
        border-radius: 20px;
    padding: 0px 7px;
    background: #003B73;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}


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

    .android{
        display: none;
    }
    
    
    .ios{
        display: none;
    }
}





























.encabezado {
    background: #003B73;
}

.btn-home-regreso {
    color: #fff !important;
    font-size: 20px
}

#menu {
    margin: 0 auto !important;
    padding: 0 !important
}

.primer-menu nav a img {
    width: 180px
}

.navbar-brand {
    padding-top: 0 !important
}

a.nav-link {
    color: #fff !important;
    font-weight: 700 !important
}

.bg-light {
    background-color: transparent !important
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5rem !important;
    padding-left: 1rem !important
}

a.nav-link img.icon {
    width: 18px;
    margin-top: -3px
}

.dropdown-menu {
    background: #0087ca;
    font-size: 14px;
    z-index: 1100
}

.navbar-light .navbar-toggler {
    background: aliceblue;
}

@media screen and (max-width: 991px) {
    .navbar-light .navbar-toggler {
        margin-bottom: 9px;
    }
}

a.boletos-costaline {
    color: #fff !important;
    font-weight: 700;
    font-size: 12px;
}

a.dropdown-item {
    color: #fff !important;
}

.dropdown-item:hover {
    background-color: #0087CA;
}

.despliegue-menub a.submenu {
    color: #fff !important
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

/* @media screen and (min-width:2561px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8.5rem !important;
        padding-left: 7rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2560px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem !important;
        padding-left: 7rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2522px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2445px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7.5rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7.5rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2407px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2388px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2368px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6.5rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2353px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6.5rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2330px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2291px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2276px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2215px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.2rem !important;
        padding-left: 5.2rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2208px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.2rem !important;
        padding-left: 5.2rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2190px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5rem !important;
        font-size: 16px;
    }
}

@media screen and (max-width:2176px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5rem !important;
        font-size: 15px;
    }
}

@media screen and (max-width:2149px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5rem !important;
        font-size: 15px;
    }
}

@media screen and (max-width:2122px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem !important;
        padding-left: 5rem !important;
        font-size: 14px;
    }
}

@media screen and (max-width:2111px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
        font-size: 15px;
    }
}

@media screen and (max-width:2083px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
        font-size: 14px;
    }
}

@media screen and (max-width:2072px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
        font-size: 14px;
    }
}

@media screen and (max-width:2029px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
        font-size: 15px;
    }
}

@media screen and (max-width:2026px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
        font-size: 15px;
    }
} */

/* @media screen and (max-width:2006px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem !important;
        padding-left: .5rem !important;
        font-size: 14px;
    }
}

@media screen and (max-width:1968px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem !important;
        padding-left: .5rem !important;
        font-size: 15px;
    }
}

@media screen and (max-width:1930px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem !important;
        padding-left: .5rem !important;
        font-size: 14px;
    }
} */

/* @media screen and (max-width:1922px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 14px;
    }
}

@media screen and (max-width:1875px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 13px;
    }
}

@media screen and (max-width:1853px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 13px;
    }
}

@media screen and (max-width:1818px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 14px;
    }
} */

/* @media screen and (max-width:1760px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 13px;
    }
} */

/* @media screen and (max-width:1742px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 13px;
    }
}

@media screen and (max-width:1667px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 2rem !important;
        font-size: 14px
    }
}

@media screen and (max-width:1661px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.4rem !important;
        padding-left: 2rem !important;
        font-size: 14px
    }
}

@media screen and (max-width:1629px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.4rem !important;
        padding-left: 2rem !important;
        font-size: 13px
    }
} */

.btn-home {
    font-size: 13px;
    text-decoration: none !important;
}

.btn-home:hover {
    text-decoration: none !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem !important;
    padding-left: 2rem !important
}

@media screen and (max-width:1584px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem !important;
        padding-left: 1rem !important
    }
}

/* @media screen and (max-width:1552px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem !important;
        padding-left: 2rem !important
    }
} */

@media screen and (max-width:1546px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem !important;
        padding-left: 1.7rem !important;
        font-size: 13px;
    }
}

/* @media screen and (max-width:1521px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem !important;
        padding-left: 1.6rem !important
    }
}*/

@media screen and (max-width:1450px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        font-size: 11px
    }
}

@media screen and (max-width:1350px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
        font-size: 11px
    }
}

@media screen and (max-width:1250px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
        font-size: 9px
    }
}

@media screen and (max-width:1150px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        font-size: 7px
    }
}

/*

@media screen and (max-width:1443px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem !important;
        padding-left: 1.5rem !important;
        font-size: 11px
    }
} 

/* @media screen and (max-width:1427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2rem !important;
        padding-left: 1.5rem !important;
        font-size: 10px
    }
} */

/* @media screen and (max-width:1416px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem !important;
        padding-left: 1.5rem !important;
        font-size: 10px
    }
}

@media screen and (max-width:1409px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px !important;
        padding-right: 2.5rem !important;
        padding-left: 1.2rem !important
    }
}

@media screen and (max-width:1381px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
        padding-right: 1.5rem !important;
        padding-left: 1.2rem !important
    }
}

@media screen and (max-width:1380px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
        padding-right: 1.5rem !important;
        padding-left: 1.2rem !important
    }
}

@media screen and (max-width:1359px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important
    }
}

@media screen and (max-width:1356px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important
    }
}

@media screen and (max-width:1347px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem !important;
        padding-left: .6rem !important
    }
}

@media screen and (max-width:1315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: .6rem !important
    }
} */

/* @media screen and (max-width:1288px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: .5rem !important
    }
}

@media screen and (max-width:1267px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem !important;
        padding-left: .5rem !important
    }
}

@media screen and (max-width:1264px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem !important;
        padding-left: .5rem !important
    }
}

@media screen and (max-width:1255px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.8rem !important;
        padding-left: .5rem !important;
        font-size: 10px !important
    }

    .btn-home {
        font-size: 10px;
    }
}

@media screen and (max-width:1219px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.7rem !important;
        padding-left: .5rem !important;
        font-size: 10px !important
    }
}

@media screen and (max-width:1216px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.7rem !important;
        padding-left: .5rem !important;
        font-size: 10px !important
    }
}

@media screen and (max-width:1211px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.8rem !important;
        padding-left: .5rem !important;
        font-size: 9px !important;
    }
}

@media screen and (max-width:1206px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.8rem !important;
        padding-left: .5rem !important;
        font-size: 9px !important;
    }
}

@media screen and (max-width:1168px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.7rem !important;
        padding-left: .5rem !important;
        font-size: 9px !important
    }
}

@media screen and (max-width:1160px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 10px !important;
        padding-right: 1rem !important;
        padding-left: .5rem !important
    }
}

@media screen and (max-width:1158px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: .5rem !important
    }

}

@media screen and (max-width:1110px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px !important;
        padding-right: .8rem !important;
        padding-left: .4rem !important
    }
}

a.nav-link img.icon {
    width: 16px
}

@media screen and (max-width:1095px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px !important;
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    a.nav-link img.icon {
        width: 12px
    }
} */

@media screen and (max-width:1077px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 10px !important;
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .primer-menu nav a img {
        width: 120px;
        height: 40px;
    }

    .bg-light {
        padding-bottom: 0;
    }

    a.nav-link img.icon {
        width: 14px;
        height: 22px;
    }
}

@media screen and (min-width:992px) and (max-width:1076px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px !important;
        padding-right: .8rem !important;
        padding-left: .5rem !important
    }

    .btn-home {
        font-size: 9px;
        text-decoration: none !important;
    }

    .primer-menu nav a img {
        width: 180px
    }

    a.nav-link img.icon {
        width: 14px
    }
}

@media screen and (max-width:1049px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px !important;
        padding-right: 0rem !important;
        padding-left: .5rem !important
    }
}

@media screen and (min-width:992px) {
    .menu-servicios {
        display: none !important
    }

    .opcion-oculta {
        display: none !important
    }
}

@media screen and (max-width:991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1rem 1rem !important;
        font-size: 14px !important
    }

    .menu-servicios {
        display: block !important
    }

    .idioma,
    .segundo-menu {
        display: none !important
    }
}

.segundo-menu {
    text-align: right !important;
    padding: .6rem 0;
    margin: 0 auto !important;
    float: left
}

.btn-segundo-menu {
    cursor: pointer !important;
    border: 0;
    background: 0 0
}

.btn-segundo-menu:focus {
    outline: 0
}

.despliegue {
    background: #003B73;
    text-align: right !important;
    margin-top: 60px;
    position: absolute;
    text-align: left !important;
    right: 0 !important;
    z-index: 3000
}

.despliegue-menub {
    background: #2B87C8;
    color: #fff;
}

.desplegable-menub:hover {
    background-color: #fff;

}

.despliegue-menub a.dropdown-item {
    color: #fff !important;
}

.opciones-menub {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.titulo-redessociales {
    font-size: 12px;
    color: #fff;
    font-weight: bolder;

}

.cuadro-boletos {
    background-color: #0087CA;
}

.opciones-menub:hover {
    background-color: #0087CA;

}

.despliegue ul.navbar-nav li.opciones-menub a {
    color: #003a5d;
    font-weight: 700 !important;
    font-size: 12px
}

.despliegue-menub a.dropdown-item:hover {
    color: #003B73 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent
}

.btn-secondary {
    color: #495057;
    background-color: transparent;
    border-color: #495057
}

.cambio-idioma {
    text-align: center !important;
    margin-top: 10px
}

.cambio-idioma img {
    width: 50px !important;
    height: 25px !important;
    margin-bottom: 10px;
}

.idioma {
    text-align: center;
    margin: 0 auto !important;
    /* float: right; */
    padding: .6rem 0;
    /* margin-right: 30px !important; */
    font-size: 20PX
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 4rem;
    padding-left: .5rem
}

nav.active ul li.a a {
    opacity: 1;
    cursor: pointer
}

footer {
    background: #003B73;
    margin-top: 10px
}

.link-footer {
    text-align: center;
}

.menu-footer {
    text-align: center !important;
    margin: 0 auto !important;
    margin-top: 30px !important
}

.menu-footer ul.navbar-nav li.nav-item a.nav-link {
    color: #003a5d;
    font-weight: 700
}

.redes-sociales {
    margin: 0 auto;

    margin-top: 15px;

}

.redes-sociales ul {
    display: inline-flex;
    list-style: none !important;
    padding: 0
}

.redes-sociales ul li {
    padding: 0 10px
}

.redes-sociales ul li a {
    font-size: 40px;
    color: #fff;
}

.imagen-chat {
    position: fixed;
    display: block;
    top: 700px;
    z-index: 100;
}

.imagen-chat img {
    width: 60px
}

.contenedor-social {
    text-align: right
}

.contenedor-phone {
    text-align: left
}

@media screen and (max-width:767px) {
    .contenedor-social {
        text-align: center
    }

    .contenedor-phone {
        text-align: center
    }
}

.redes-costa {
    text-align: right;
}

@media screen and (max-width:767px) {
    .redes-costa {
        text-align: center
    }

    .numero-costauno {
        text-align: center
    }

    .numero-costados {
        text-align: center
    }
}

.contenedor-phonedos {
    text-align: left;
    margin-left: -48px;
}

article.footer-enlaces {
    background: #fff;
    height: auto;
    padding: 10px;
    color: #003B73;
}

.enlaces-footer {
    background: #003B73;
    color: #fff;
    padding: 20px;
    margin-top: 10px;
}

.enlaces-destinos-costaline {
    text-align: justify;
}

.enlaces-footer a {
    color: #fff;
    font-size: 12px !important;
    font-weight: bold;
}

h3.footer-title {
    color: #100f0f8a;
    font-size: 20px;
    text-align: center;

}

@media screen and (max-width: 767px) {
    h3.footer-title {
        text-align: center;
        font-size: 14px;
    }

    a.enlaces-costaline {

        font-size: 9px;


    }
}

@media screen and (max-width: 575px) {
    h3.footer-title {
        text-align: center;
        font-size: 14px;
    }

    a.enlaces-costaline {

        font-size: 9px;
        text-align: center;
        display: block;
    }
}

.contenedor-servicios {
    margin-top: 15px;
}

.servicios-tabs {
    width: 12%;
    padding: 5px;
    text-align: center;
    color: #003B73;
}

@media screen and (max-width:1080px) {
    .servicios-tabs {
        width: 30%;
        padding: 5px;
        text-align: center;
        color: #003B73;
    }

}

@media screen and (max-width:600px) {
    .servicios-tabs {
        width: 100%;
        padding: 5px;
        text-align: center;
        color: #003B73;
    }

}

.cont-price {
    text-align: center;
}

.img-price {
    text-align: center;
    width: 80%;
}

.texto-price {
    align-self: center;
    border-left: 3px solid #003B73;
    padding: 15px;
}


.texto-price p {
    color: #003B73;
}

.banners {
    background: #fff;
    margin-top: 10px
}

.primer-banner {
    padding-left: 0
}

.banner-medio {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.segundo-banner-der {
    padding-right: 0
}

.mini-banner {
    padding-right: 0
}

.banner-medio img {
    width: 100%;
    margin-bottom: 10px
}

.mini-banner img {
    margin-bottom: 10px;
    width: 100%
}

.primer-banner img {
    margin-bottom: 10px;
    width: 100%
}

.segundo-banner img {
    margin-bottom: 10px;
    width: 100%
}

.segundo-banner-der img {
    margin-bottom: 10px;
    width: 100%
}

@media screen and (max-width:767px) {
    .primer-banner {
        padding-right: 7.5px;
        padding-left: 7.5px
    }

    .banner-medio {
        padding-right: 7.5px;
        padding-left: 7.5px
    }

    .segundo-banner-der {
        padding-right: 7.5px;
        padding-left: 7.5px
    }

    .mini-banner {
        padding-right: 7.5px;
        padding-left: 7.5px
    }
}

.seccion-destinos {
    background: #2B87C8;
    margin-top: 15px;
    padding: 10px;

}

.seccion-enlacescosta {
    background: #0087ca00;
    margin-top: 50px;
    padding: 10px;
}

a.enlaces-costaline {
    color: #100f0f8a;
    font-size: 12px;
    text-align: center;
}


.iconos-viajes-costa {
    text-align: center;
}

.fondo-iconos {
    font-size: 50px;
    color: #100f0f8a;
    border: 3px solid #3b40448a;
    padding: 20px;
    border-radius: 50px;

}

.verticalLine {
    border-left: outset 0.5px;
}

h2.titulo-sec {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 26px !important;
    text-align: center;
}

p.texto-principal {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.evalua-viaje {
    position: fixed;
    display: block;
    top: 510px;
    left: -40px;
    z-index: 2100;
    border: none;
    background: 0 0;
    background-color: #f49718;
    color: #fff;
    padding: 0;
    -webkit-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34);
    -moz-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34);
    box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34)
}

.evalua-viaje a {
    color: #fff;
}

.evalua-viaje a:hover {
    font-size: 15px;
    text-decoration: none;
    background-color: #0087ca;
}

/* .evalua-viaje:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
} */

@media screen and (max-width: 500px) {
    .evalua-viaje {
        top: 379px !important;
        position: fixed;

    }
}

.rotate {

    transform: rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);

}

.boton-flotante {
    width: 120px
}

.imagen-seguros-asistencias-etn {
    width: 100%
}

/*****************************************************INICIO DE ESTILOS HOME 2020*************************************************************/
@media screen and (min-width:2000px) {
    .flex-container>div {

        height: 550px !important;

    }

    .text-renta {
        font-size: 35px !important;
    }
}

.flex-container {
    display: flex;
    align-items: stretch;
    background-color: #fff;
}

.flex-container>div {
    background-color: #0607084d;
    color: white;
    width: 100px;
    height: 515px;
    margin: 5px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}

.renta-bus {
    width: 32%;
    height: 45%;
    margin-right: 50px;
}

.paqueteria {
    width: 43%;
    height: 48%;
    margin-right: 0;
}

.turismo {
    width: 35%;
    height: 48%;
}

.logo-multienvios {
    width: 55%;
    height: 21%;
}

@media screen and (max-width: 1924px) {
    .paqueteria {
        width: 44%;
        height: 48%;
    }

    .logo-multienvios {
        width: 45%;
        height: 16%;
    }
}

@media screen and (max-width: 991px) {
    .paqueteria {
        width: 40%;
        height: 40%;
    }

    .logo-multienvios {
        width: 50%;
        height: 18%;
    }
}

@media screen and (max-width: 500px) {
    .paqueteria {
        width: 38%;
        height: 40%;
    }
}

.col-personal {
    /*border-top-right-radius: 150px;*/
    margin-top: 8px !important;
    background-color: #eee !important;
}

.col-personal2 {
    /* border-bottom-left-radius: 150px;*/
    margin-top: 8px !important;
}

.col-personal3 {
    /*border-bottom-right-radius: 150px;*/
    margin-top: 8px !important;
}

.h2servicios {
    padding-top: 25%;
    font-size: 75px;
    padding-bottom: 88px;
    color: #003B73;
    font-weight: bold;
}

.img-predefinida {
    width: 4%;
    padding-top: 10px;
    padding-left: 10px;
}

.img-renta {
    width: 25%;
    margin-left: -360px;
    margin-top: -80px;
    margin-bottom: 20px;
}

.logo-turistar {
    width: 40%;
    margin-right: -185px;
    margin-top: -155px;
    margin-bottom: -15px;
}

.text-renta {
    margin-top: 20px !important;
    margin-bottom: 10px;
    color: #003B73;
    font-weight: bold;
    font-size: 40px;

}

.bg-etn-turistar {
    color: #fff;
    background-color: #093B59;
    border-color: #093B59;
}

.bg-etn-turistar:hover {
    color: #fff;
    background-color: rgb(15, 82, 124);
    border-color: #093B59;
}

.btn-large-2 {
    padding: 10px 40px 10px 40px;
    background-color: #003b73 !important;
    border-color: #003b73 !important;
    font-size: 20px;
}

.img-descuentos {
    width: 10%;
    height: 12%;
    margin-top: 10px;
}

.descuento-2 {
    text-align: left;
    padding-top: 30px;
    color: #003b73;
    font-size: 23px;
}

.descuento-3 {
    text-align: left;
    padding-top: 30px;
    color: #6BCDB1;
    font-size: 23px;
}

.img-banner3 {
    width: 52%;
    height: 70%;
    padding-bottom: 30px;
    margin-top: -80px;
}

.img-banner32 {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}

.img-autobus {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}

.col-personal4 {
    background-color: #ffa207 !important;
}

.col-personal5 {
    background-color: #eee !important;
}

.texto-pie-imagen {
    margin-bottom: 5px !important;
    color: #003b73;
}

.texto-pie-imagen2 {
    margin-bottom: 5px !important;
    color: #17a2b8 !important;
}

@media screen and (max-width:1700px) {
    .text-renta {
        font-size: 35px;
    }

    .flex-container>div {
        height: 430px;
    }
}

@media screen and (max-width:1600px) {
    .text-renta {
        font-size: 30px;
    }

    .flex-container>div {
        height: 410px;
    }
}

@media screen and (max-width:1700px) {
    .texto-pie-imagen {
        font-size: 15px;
    }

    .texto-pie-imagen2 {
        font-size: 15px;
    }
}

@media screen and (max-width:1500px) {
    .texto-pie-imagen {
        font-size: 15px;
    }

    .flex-container>div {
        height: 375px;
    }

    .logo-turistar {
        margin-top: -115px;
    }

    .img-renta {
        margin-left: -300px;
    }

    .btn-large-2 {
        font-size: 15px;
    }
}

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

    .btn-large-2 {
        font-size: 15px;
    }

    .flex-container>div {
        height: 365px;

    }

    .renta-bus {
        margin-right: 30px;
    }

    .h2servicios {
        padding-top: 16%;
    }

}

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

    .img-renta {
        margin-left: -230px;
    }

    .logo-turistar {
        margin-right: -140px;
    }

    .text-renta {
        font-size: 30px;
    }
}

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

    .img-renta {
        margin-left: -230px;
    }

    .logo-turistar {
        margin-right: -140px;
    }

    .text-renta {
        font-size: 30px;
    }

    .flex-container>div {
        height: 350px;
    }

    .h2servicios {
        padding-top: 31%;
        font-size: 50px;

    }
}

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

    .text-renta {
        margin-top: 12px !important;
        margin-bottom: 10px;
    }

    .img-predefinida {
        width: 5px;
    }

    .renta.bus {
        width: 25%;
    }

    .flex-container>div {
        height: 320px;
    }

    .logo-turistar {
        margin-top: -93px;
    }

    .flex-container>div {
        height: 310px;
    }

    .img-banner3 {
        margin-top: -70px;
        width: 45%;
    }

    .btn-large-2 {
        margin-top: 1px !important;
    }
}

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

    .text-renta {
        font-size: 25px;
    }

    .img-renta {
        margin-left: -190px;
    }

    .logo-turistar {
        margin-right: -125px;
    }

    .btn-large-2 {
        font-size: 10px;
    }

    .flex-container>div {
        height: 280px;
    }

    .texto-pie-imagen {
        font-size: 12px;
    }

    .texto-pie-imagen2 {
        font-size: 12px;
    }

    .img-banner3 {
        padding-bottom: 20px;
        width: 50%;
        height: 65%;
    }

    .descuento-2 {
        padding-top: 20px;
        font-size: 12px;
    }

}

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

    .img-renta {
        margin-top: -95px;
        margin-bottom: 1px;
    }

    .logo-turistar {
        margin-top: -70px;
    }

    .img-banner3 {
        padding-bottom: 10px;
        margin-top: -70px;
        width: 53%;
        height: 61%;
    }

    .descuento-2 {
        font-size: 10px;
        padding-top: 20px;
    }

    .h2servicios {
        padding-top: 30%;
        font-size: 40px;
    }

    .flex-container>div {
        height: 255px;
        margin: 4px;
    }

    .text-renta {
        margin-bottom: 10px;
    }

    .renta-bus {
        width: 25%;
        height: 30%;
    }

    .turismo {
        width: 32%;
        height: 40%;
    }
}

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

    .img-renta {
        margin-left: -155px;
        margin-top: -83px;
    }

    .logo-turistar {
        margin-right: -100px;
        margin-top: -65px;
    }
}

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

    .h2servicios {
        padding-top: 25%;
        font-size: 30px;
    }

    .btn-large-2 {
        padding: 5px 10px 5px 10px;
    }

    .text-renta {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .renta-bus {
        width: 30%;
        height: 40%;
    }

    .img-renta {
        margin-left: -140px;
        margin-top: -71px;
    }

    .logo-turistar {
        margin-right: -85px;
        margin-top: -57px;
    }

    .texto-pie-imagen {
        font-size: 8px;
    }

    .texto-pie-imagen2 {
        font-size: 8px;
    }

    .flex-container>div {
        height: 215px;
    }
}

@media screen and (max-width:700px) {
    .img-renta {
        width: 30%;
        margin-left: -200px;
        margin-right: -77px;
    }

    .logo-turistar {
        width: 40%;
        margin-right: -80px;
    }

    .img-banner3 {
        width: 56%;
        height: 57%;
    }

    .flex-container>div {
        height: 215px;
    }

    .renta-bus {
        width: 32%;
        height: 33%;
        margin-right: 20px;
    }

    .turismo {
        width: 35%;
    }
}

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

    .btn-large-2 {
        font-size: 5px;
    }

    .text-renta {
        font-size: 15px;
        margin-top: 5px !important;
        margin-bottom: 2px;
    }


    .flex-container>div {
        height: 170px;
    }

    .h2servicios {
        padding-top: 34%;
        font-size: 25px;
    }

    .img-banner3 {
        width: 46%;
    }

    .img-banner3 {
        padding-bottom: 10px;
        margin-top: -130px;
        width: 45%;
        height: 55%;
    }

    .texto-pie-imagen {
        font-size: 8px;
        margin-top: -40px;
    }

    .texto-pie-imagen2 {
        font-size: 8px;
        margin-top: -40px;
    }
}

/*****************************************************RESOLUCION A MENOS DE 500 MOBILE********************************************************/
@media screen and (max-width: 500px) {

    .flex-container {
        display: flex;
        flex-direction: column;
        background-color: #f1f1f1;
    }

    .flex-container>div {
        background-color: #0607084d;
        width: 100%;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
        height: 300px;
    }

    .carrusel-img {
        height: 30% !important;
    }

    .renta-bus {
        width: 30%;
        height: 40%;
        margin-right: 50px;
    }

    .texto-pie-imagen {
        margin-top: 0px;
    }

    .texto-pie-imagen2 {
        margin-top: 0px;
    }

    .turismo {
        width: 30%;
        height: 40%;
    }

    .img-renta {
        width: 30%;
        padding-left: 0;
        margin-top: -60px;
        margin-bottom: 15;
        margin-left: 0;
        margin-right: 0;
    }

    .btn-large-2 {
        padding: 10px 60px 10px 60px;
        font-size: 12px;
    }

    .banner1 {
        display: none;
    }

    .img-banner3 {
        width: 40% !important;
        height: 65%;
        padding-bottom: 20px;
        margin-top: -70px;
    }

    .logo-turistar {
        margin-bottom: 2px;
        margin-top: 0;
        margin-right: 0px;
    }

    .text-renta {

        font-size: 25px !important;
        margin-bottom: 25px;
        margin-top: 25px !important;
    }

    .texto-pie-imagen {
        font-size: 14px;
    }

    .texto-pie-imagen2 {
        font-size: 14px;
    }

    .col-personal2 {
        border-bottom-left-radius: 0px !important;
        margin-top: 8px !important;
    }

    .col-personal3 {
        border-bottom-right-radius: 0px !important;
        margin-top: 9px !important;
    }

    strong {
        font-size: 15px !important;
    }

    .icono-terminales {
        width: 15%;
    }
}

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

    .flex-container>div {
        height: 275px;
    }

    .carrusel-img {
        height: 25% !important;
    }

    .text-renta {
        margin-bottom: 4px;
    }
}

@media screen and (max-width:400px) {
    .flex-container>div {
        height: 255px;
    }

    strong {
        font-size: 12px !important;
    }

    .text-renta {
        font-size: 20px !important;
    }

    .logo-etn-turistar {
        width: 140px !important;
    }

    .carrusel-img {
        height: 25% !important;
    }

    /*.turismo {
            width: 30%;
			height: 40%;
        }*/
}

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

    .flex-container>div {
        height: 230px;
    }

    .logo-turistar {
        margin-bottom: -7px;
    }

    .texto-pie-imagen {
        font-size: 10px;
    }

    .texto-pie-imagen2 {
        font-size: 10px;
    }

    .text-renta {
        margin-top: 15px !important;
    }

    .carrusel-img {
        height: 30% !important;
    }

    .renta-bus {
        margin-right: 30px;
    }
}

/*********************************************************FIN DE ESTILOS HOME****************************************************************/
/****************** footer enlaces  costaline ********************/
/*.enlaces-footeraers {
        background: transparent;
        color: #fff;
        padding: 50px;
        margin-top: 10px;
    }*/

.footer-enlacesaers {
    background-color: #FFF;
}

footer {
    margin: 0;
}

.enlaces-footeraers {
    background: transparent;
    color: #fff;
    padding: 50px;
    margin-top: 0;
}


img.icono-destinoscosta {
    width: 10%;
    height: 20%;
}

h3.nuestras-terminales {
    color: #003B73;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.enlaces-centrados {
    display: grid;
    justify-content: center;
}

a.enlaces-costaline {
    color: #003B73;
    font-size: 15px;
    font-weight: bold;

}

@media screen and (max-width: 991px) {
    h3.nuestras-terminales {
        text-align: left;
    }

    .enlaces-centrados {
        display: flex;
        justify-content: center;
    }
}


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


    a.enlaces-costaline {
        text-align: left;
    }

    img.icono-destinoscosta {
        width: 15%;
        height: 20%;
    }
}

@media screen and (max-width: 370px) {
    h3.nuestras-terminales {
        font-size: 16px;
    }
}

@media screen and (max-width: 320px) {
    h3.nuestras-terminales {
        font-size: 16px;
    }
}

/************* estilos up down ********/

.contenedor-down-up {
    float: right;
    top: -21px;
    position: relative;
    right: 10px;
}

.down-up {
    background-image: url(../img/icons/enlaces-down.png);
}

#accordion {
    cursor: pointer;
    margin-top: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;

}

/* Style the element that is used to open and close the accordion class */
.encabezado-corridas {
    background-color: #fff;
    color: #444;
    padding: 5px;
    text-align: left;
    margin: 0 auto !important;
    border-radius: 8px;
    margin-top: 10px !important;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* Unicode character for "plus" sign (+) */
#accordion:after {
    content: url(../img/icons/enlaces-down.png);
    right: 0px !important;
}

/* Unicode character for "minus" sign (-) */
#accordion.active:after {
    content: url(../img/icons/enlaces-up.png);
}

.contenedor-opciones-pagos {

    background: #fff !important;
    margin-top: 10px !important;
    border-radius: 8px;
}

.accordion-pagos {
    top: 0px !important;
    padding: 12px 4px;
}


/* Style the element that is used for the panel class */

div#panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
    margin: 0 auto !important;
    width: 100%;
}

div#panel.show {
    opacity: 1;
    max-height: 100% !important;
    /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    margin-bottom: 30px !important;
}

/*************  finestilos up down ********/

/**************  fin footer enlaces  costaline *******************/
.carousel-control-next,
.carousel-control-prev {
    z-index: 2001;
    opacity: unset;
    width: 2%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 60px;
    background-color: #123c5d !important;
}

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

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
        background-color: #003B73 !important;
    }
}

.btn-etn {
    z-index: 10;
}

/************************BOTON COMPRA AQUÍ***********************/
.scroll-top-btn {
    position: fixed;
    z-index: 997;
    bottom: 70vh;
    left: 0;
    padding: 0;
    margin: 0;
    outline: 0 !important;
    border: 0;
    background-color: transparent;
}

.scroll-top-btn>img {
    width: 115px;
    padding: 0;
    margin: 0;
}

.scroll-top-btn>a {
    font-size: 12px;
    line-height: 12px;
    background-color: #003b73;
    border-radius: 18px
}

.hidden {
    visibility: hidden;
    opacity: 0;

}

/********************SECCIÓN DESCUENTOS********************/
.seccion-descuentos {
    padding: 5px;
}

@media only screen and (max-width: 575px) {
    .seccion-descuentos {
        padding: 0 0 10px 0;
    }
}

.reclamacion-cobertura {
    font-size: 18px;
}

.border-qr {
    border: 2px solid #003B73 !important;
    border-radius: 15px;
}

@media (max-width:576px) {
    .espaciado-widget {
        height: 480px;
    }

    .funnel_reservamos {
        margin: 40px auto !important;
    }

    .reservamos-search .title-wrapper {
        margin-bottom: 27px !important;
    }

    .reservamos-search .form-field,
    .reservamos-search .form-field-date {
        margin-bottom: 25px !important;
    }

    .reservamos-search.compact-height .search-button {
        height: 80px !important;
        max-height: 80px !important;
    }
}

@media (min-width:577px) {
    .texto-boletos {
        display: none;
    }
}

/****************pop up doters**********************/
.logo-doters {
    display: block;
    padding: .5rem 0rem;
    cursor: pointer;
}

.logo-doters img {
    width: 90px;
}

.modal-header-doters {
    background-color: #004951;
    color: #fff;
}

.modal-header-doters button.close {
    color: #fff;
    height: 20px;
}

.doters-logo-widget {
    background-image: url(../img/logos/logo-doters.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    height: 35px !important;
    min-width: 100px;
    width: 100px;
    color: #fff;
    padding: 0;
}

.modal-header {
    padding: .5rem !important;
}

.btn-unete-doters {
    background-color: #2affac;
    color: #000;
    border-radius: 50px;
    font-size: 15px;
    margin:  0 auto;

}

.btn-inicias-doters {
    background-color: #ffffff;
    color: #000;
    border-radius: 50px;
    font-size: 15px;
    border:  1px solid #000;
    margin:  0 auto;
}

.modal {
    z-index: 3050;
}

.distintivo-desktop{
    width: 65px;
   float: right;
}

.distintivo-mobile{
    display: none;
}






@media only screen and (max-width: 1200px) {
    .primer-menu nav a img{
        width: 100px;
        height: 30px;
    }

    .logo-doters img {
        width: 60px;
    }

    .icon-boletos-autobus{
        width: 20px !important;
    }
}


@media only screen and (max-width: 991px) {
    .logo-doters img {
        display: none;
    }
    .distintivo-desktop{
        display: none;
    }
    .distintivo-mobile{
        display: block;
        width: 50px;
        
    }
}

@media only screen and (min-width: 991px) {
    .logo-doters-mobile {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .distintivo-mobile{
        width: 30px;
    }
    .navbar-toggler {
        padding: 0.1rem 0.1rem !important;
        padding-top: 0.25rem;
        padding-right: 0.75rem;
        padding-bottom: 0.25rem;
        padding-left: 0.75rem;
    }
}




@media (min-width: 576px){
.modal-dialog {
    max-width: 328px;
    margin: 1.75rem auto;
}
}




.distintivo {
    position: absolute;
    left: 0;
    display: flex;
    margin-top: 100px;
    z-index: 2;
    border-radius: 213px;
    padding: 6px;
    background-color: rgba(360, 360, 360, 0.8);
    width: 100px;
    height: 70px;
    vertical-align: middle;
}

.distintivo img {
    width: 75px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    display: block;
}



@media (max-width: 576px){
    
    
    .distintivo {
    position: absolute;
    right: 0;
    display: block;
    margin-top: 460px;
    z-index: 2000;
}

    
    
.distintivo img{
    width: 60px;
}
}








.submenu-costaline{
    align-self: center;
	vertical-align: middle;
}

.costapass-content{
	align-self: center;
	vertical-align: middle;
}