/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/templates/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  
  font-family: 'Spartan', sans-serif;font-weight:400; color:#016f8c
  
}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight:400 !important}
/*
    font-family: 'Montserrat', sans-serif;

    font-family: 'Spartan', sans-serif;
*/
.bg-top{ background: #fbb21a !important}
.bg-top a:hover img{ opacity:.5}
p.rol{ font-size:.875rem}
.bg-page { background-image: url("../images/bg.png")!important;   background-repeat: no-repeat;  background-position:54% 0; background-color:#F7F7F7; background-size:contain;}
.rounded {
  border-radius: 1rem !important;
}
.foto{ max-width:175px !important}
.qr{max-width:200px !important}
.btn{border-radius:0; font-weight:300 !important; text-transform:uppercase;padding: .375rem 2.5rem;font-family: 'Montserrat', sans-serif; font-weight:400}
.btn-primary{background-color: #016f8c;
border-color: #016f8c;}
.btn-secondary{background-color: #4b2b73;
border-color: #4b2b73;}


.btn-primary:hover,.btn-secondary:hover{background-color:#fbb21a;border-color: #fbb21a;}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important ;
}



.txt-color-blanco{color:#fff}
.txt-color-01{color:#016f8c}
.txt-color-02{color:#b80060}
.txt-color-03{color:#fbb21a}
.txt-color-04{color:#c28b4f}

.bg-gris{background:#f1f1f2;}
.txt-color-05{color:#016f8c;}
.txt-color-06{color:#4b2b73}



.bg-01{ background-color:#016f8c}
.bg-02{ background-color:#fbb21a}
.bg-03{ background-color:#b80060}
.bg-04{ background-color:#4b2b73}
.bg-05{ background-color:#c28b4f}


a:hover{ text-decoration:none}


.creditos {font-size:.75rem; font-weight:300; color:#016f8c}
.creditos  a{ color:#016f8c}

 #phone-text a,#phone-text{color:#fff !important; text-decoration:none !important;; } 


.bg-dark { background-color: #016f8c !important; }
footer{color:#fff; font-size:0.875rem;background-image:none; } 
.bg-sm{background-color: #efeff0 !important;}
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    /*right: 0;*/
	left:0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    overflow-y: auto;
    background-color: rgba(239,239,240,0.8);
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#sidebar-wrapper.active {
   /* right: 100%;*/
   left:100%;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#sidebar-wrapper2 {
    z-index: 1000;
    position: fixed;
    /*right: 0;*/
	left:0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    overflow-y: auto;
    background-color: rgba(239,239,240,0.8);
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#sidebar-wrapper2.active {
   /* right: 100%;*/
   left:100%;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.blur{-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-ms-filter: blur(10px);
-o-filter: blur(10px);
filter: blur(10px);}

.redes.nav .nav-link{color:#4b2b73;font-size:1.4rem}
.redes.nav .nav-link:hover{ border-bottom:none; color:#fbb21a;}
#my_centered_buttons { display: flex; justify-content: center; }
#my_centered_buttons a{ color:#4b2b73 !important; margin:0 10px; font-size:1.4rem !important}
#my_centered_buttons a:hover{ color:#fbb21a !important}
footer .redes.nav .nav-link{color:#fff !important;font-size:1.35rem !important}
footer .redes.nav .nav-link:hover{ border-bottom:none; color:#fff !important; opacity:.5}
footer .redes.nav .nav-link img{ margin-top:-5px}
@media (max-width: 992px) {
	.bg-page { background-image: url("../images/bg.png")!important;   background-repeat: no-repeat;  background-position:35% 0; background-color:#EFEFF0; background-size:cover;}
}