@media (max-width: 767px) and (orientation : portrait) { 
body {
    padding-top: 30px;
}
h1 {
    margin-top: 30px;
    padding: 20px;
    font-size: 24px;
	margin-bottom: 0px;
}
#navbar {
    box-shadow: 0 4px 20px rgb(26 26 26 / 40%);
    border-top:1px solid #ebebeb
}
.navbar {
    height: 60px;
    padding-bottom: 4px;
    position: fixed;
    z-index: 1030;
    width: 100%;
    top: 0;
}
.navbar-brand {
/*    background: #fff;
    height: auto;
    width: 100%;
    padding-top: 5px;*/
    position: initial;

}
.navbar-brand img, .navbar-fixed-top .navbar-brand img, .cont-logo .navbar-brand img {
    width: 165px;
    margin-top: 0!important;
}
.navbar-fixed-top .cont-logo .navbar-brand img {
    margin-top: 0!important;
}
.navbar-toggle {
    display: none!important;
}

.collapse {
    display: block!important;
}

#navbar {
    position: fixed;
    width: 100%;
    bottom: 0;
}

#navbar .link2 {
    display: none;
}
.nav>li {
    display: inline-block;
    width: 25%;
/*    background: transparent;*/
    background: #fff;
    padding: 0 7.5px;
}
.navbar-inverse .navbar-nav>li>a {
    color: transparent;
    font-size: 0;
    position: relative;
}
/*.navbar-inverse .navbar-nav>.active>a {
    background: #f3920e;
}*/
.navbar-inverse .navbar-nav>li.active>a::before {
    content: '';
    width: 100%;
    position: absolute;
    top:-7px;
    height: 20px;
    background: #f3920e;
    left: 0;
    border-radius: 5px 5px 0 0;
}
.navbar-inverse .navbar-nav>li.link1 a{
    background-image: url('../img/icons/icon-pasaje.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 37px;
    filter: invert(70%) brightness(93%) contrast(85%);
}

.navbar-inverse .navbar-nav>li.link1.active a{
    background-color:#f3920e;
    background-image: url('../img/icons/icon-pasaje-on.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 37px;
    filter: unset!important;
}

.navbar-inverse .navbar-nav>li.link3 a{
    background-image: url('../img/icons/icon-horarios.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    filter: invert(70%) brightness(93%) contrast(85%);
}
.navbar-inverse .navbar-nav>li.link3.active a{
    background-color:#f3920e;;
    background-image: url('../img/icons/icon-horarios-on.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
        filter: unset!important;
}

.navbar-inverse .navbar-nav>li.link4 a{
    background-image: url('../img/icons/icon-sucursales.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 27px;
    filter: invert(70%) brightness(93%) contrast(85%);
}
.navbar-inverse .navbar-nav>li.link4.active a{
    background-color:#f3920e;;
    background-image: url('../img/icons/icon-sucursales-on.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 27px;
    filter: unset!important;


}

.navbar-inverse .navbar-nav>li.link5 a{
    background-image: url('../img/icons/icon-contacto.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    filter: invert(70%) brightness(93%) contrast(85%);
}
.navbar-inverse .navbar-nav>li.link5.active a{
    background-color:#f3920e;;
    background-image: url('../img/icons/icon-contacto-on.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    filter: unset!important;

}
.navbar-inverse .navbar-nav>li>a:hover {
    filter: unset!important;
}
.nav {
    font-size: 0;
}
.cont-logo .nav {
    border: 0;
}
.navbar-fixed-top .navbar-nav>li>a {
    font-size: 0;
}



section.main .mod-search {
    border-radius: 10px;
}
.agencia-list {
    border: none!important;
    border-radius: 10px;
}
footer {
    padding-bottom: 70px;
}
footer #a .footer-brand, footer #a .col-sm-3 {
    display: none;
}
footer .qr-turil {
    display: inline-block;
    width: 48%;
    margin-right: 0;
}
footer .qr-turil:nth-child(2) {
    float: right;
}
footer .qr-turil img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* modal pwa */

.modal-open .modal {
    top: 50%;
    transform: translateY(-60%);
    text-align: center;
    overflow: visible;
}
.modal-content {
    border-radius: 15px;
    border:none!important;
}
.modal-content img {
    margin:0 0 40px;
}

.modal-header {
    border-bottom:none!important;
}
h4.modal-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0;
}
.modal-footer {
    padding:15px;
    text-align: center;
    border-top: none!important;
}

.modal-footer .btn-primary {
    margin-bottom: 0 !important;
    padding: 10px 30px;
}

#btn-map {
    margin-bottom: 10px !important;
    
}
/*
.modalResumen {
	top: 5% !important;
	overflow: auto !important;
	transform: translateY(0%) !important;
/*	bottom: 8%;
	border-radius: 30% !important;
	
}*/

.modalResContent {
	width: auto;
	height: auto;
}

/* factor agregados*/
.cont-pasos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
    padding-top: 20px;
}

h2 {
    margin-top: 15% !important;
}

.h2-paso3{
    padding-top: 10%;
}

.cont-medios-pago{
    margin-left: 10%;
}

.btn-izq {
    width: 45%;
    left: 2%;
    padding-top: 12px !important; 
    padding-bottom: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.btn-der {
    width: 45%;
    right: 2%;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}
.btn-vista-movil {
	display: flex;
	justify-content: space-between;
}

.titulosPasos {
	margin-top: 30px;
    padding: 20px;
    font-size: 24px;
}

#t_footer{
	margin-top: 3.5% !important;
	text-align: initial;
}

}

/* BOTON INICIO DE SESION Y MI CUENTA (MOBILE) */

#IS_ON_m, #IS_OFF_m {
    background: transparent;
}