/*--
  RFID Todos los derechos reservados. 2017
--*/

html {
    font-family: 'Amaranth', sans-serif !important;
    font-weight: 300;
}

.upArrow {
    background-color: rgb(211, 18, 69)!important;
    border-radius: 20px;
    width: 40px !important;
    height: 40px !important;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    display: none;
    padding: 8px;
    opacity: 2;
    position: fixed;
    z-index: 999;
}

.upArrow:hover {
    opacity: 0.8;
}

.locesLog {
    width: 370px !important;
    height: 300px !important;
}


/* SCROLLBAR CHROME*/

*::-webkit-scrollbar {
    width: 0.7em;
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

*::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 5px double slategrey;
}


/* SCROLLBAR MOZILLA*/

*::-moz-scrollbar {
    width: 0.7em;
}

*::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

*::-moz-scrollbar-thumb {
    background-color: darkgrey;
    outline: 5px double slategrey;
}


/* SCROLLBAR FIREFOX*/

*::-o-scrollbar {
    width: 0.7em;
}

*::-o-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

*::-o-scrollbar-thumb {
    background-color: darkgrey;
    outline: 5px double slategrey;
}


/* SCROLLBAR EDGE*/

*::-ms-scrollbar {
    width: 0.7em;
}

*::-ms-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

*::-ms-scrollbar-thumb {
    background-color: darkgrey;
    outline: 5px double slategrey;
}

.nav-custom {
    transition: ease all 1s;
}

.nav-custom:hover {
    background-color: rgb(211, 18, 69);
}

.activator-custom {
    cursor: pointer;
}

.justify-text {
    text-align: justify;
    text-justify: inter-word;
}

.parallax-container {
    height: 400px !important;
}

.img-logo {
    max-height: 47px;
    margin-left: 15px;
    margin-top: 6px;
}

#sliderLogo {
    height: 135px;
    width: 240px;
}

.slideTextWhite {
    text-shadow: 2px 2px 1px #000 !important;
}

.slideTextBlack {
    text-shadow: 0px 1px 2px #FFF !important;
}

.button-collapse {
    margin-left: 15px;
}

.blur {
    position: absolute;
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
    width: 100%;
    height: 100%;
}

.custom-shadow {
    text-shadow: 1px 1px #5a3535;
}

.icon-over {
    background: rgba(176, 171, 171, 0.3);
    border: solid 2px white;
    border-radius: 25px;
    font-weight: 700;
    font-size: 22px;
    padding: 15px;
    transition: all ease-out .5s;
}

.icon-over:hover {
    background-color: white;
}

.icon-facebook2:hover {
    border: solid 2px #4267b2;
    color: #4267b2;
}

.icon-twitter:hover {
    border: solid 2px #1da1f2;
    color: #1da1f2;
}

.icon-instagram:hover {
    border: solid 2px #8a3ab9;
    color: #8a3ab9;
}

.icon-skype:hover {
    border: solid 2px #12a5f4;
    color: #12a5f4;
}

.nav-text {
    font-weight: bolder;
    font-size: 20px;
}

.nav-mobile {
    font-size: 100px;
}

.circle-img {
    width: 85px !important;
}

@media (max-width: 414px) {
    .img-logo {
        height: 50px !important;
        margin-top: 0;
    }
    .slide-logo {
        width: 280px !important;
        height: 155px !important;
    }
    .caption-slider-bottom {
        top: 0% !important;
    }
    .modal {
        width: 96% !important;
        height: 100% !important;
    }
}


/*
.card-content h5, .header, .hide-on-med-and-down{
  font-family: 'Fjalla One';
}

.card-reveal p{
  text-align: justify;
}
*/

#sidenav-overlay {
    z-index: 0 !important;
}

h5 {
    font-size: 1.60rem !important;
}

.indicators {
    z-index: 100 !important;
    padding-bottom: 10px;
}

.slider .indicators .indicator-item.active {
    background-color: rgb(211, 18, 69) !important;
}

.card .card-reveal {
    padding: 2px 12px !important;
}

.card .card-reveal p {
    text-align: justify;
}

.caption h1 {
    text-shadow: 1px 1px 5px #801338;
}

.caption h5 {
    text-shadow: 1px 1px 3px #797979;
}

#likebox-wrapper * {
    width: 100% !important;
}

.localizaRedText {
    color: rgb(211, 18, 69) !important;
}

.localizaGrayText {
    color: rgb(33, 32, 31) !important;
}

.localizaBlackText {
    color: #000 !important;
}

.localizaRed {
    background-color: rgb(211, 18, 69) !important;
}

.localizaGray {
    background-color: rgb(33, 32, 31) !important;
}

.localizaBlack {
    background-color: #000 !important;
}

.AppCards {
    padding-top: 15px;
}

.AppCards div div a {
    margin-right: 0px !important;
}