@charset "UTF-8";
@import 'https://use.fontawesome.com/releases/v5.5.0/css/all.css';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';

.ul-lista{
    list-style: disc;
    li{
        text-align: justify;
    }
    &.num{
        list-style: decimal;
    }
}
.tjustify{
    text-align: justify;
}
.project-wrapper2{
    &.usados{
        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .3) !important;
    }
    &.renta{
        box-shadow: 0px 0px 10px 1px rgba(255,165,3, .3) !important;
    }
    &.nuevos{
        box-shadow: 0px 0px 10px 1px rgba(0,128,187, .3) !important;
    }
}
.div-ruta{
    border: .1px solid #dbdbdb;
    border-radius: 0 15px 15px 0;
    background: rgba(1,18,57, .1);
    box-shadow: 2px 2px 5px 0px rgba(230,168,27, .2);
    margin-bottom: 30px;
    height: 51px;
    width: auto;
    display: inline-block !important;
    padding: 13px;

    a{
        /*position: absolute !important;
        top: 0 !important;*/
        height: 100% !important;
        padding: 15px !important;

        &:hover{
            background: #00091D;
            color: #ffffff !important;
        }
    }
}
.text-justify{
    text-align: justify;
}
.rts-section-gapNew {
    padding-top: 15px;
}
.project-wrapper2 .image-area .tag{
    text-transform: capitalize;

    &.renta{
        background: #ffa500;
    }
    &.usados{
        background: #000000;
    }
    &.nuevos{
        background: #0080bb;
    }
}
.project-wrapper2 .button-area p{
    &.cl-llamanos{
        color: red !important;
    }
}
.pagination{
    border-radius:5px;
    width:fit-content;
    margin:auto;
}
.pagination li{
    display:inline-block;
    width:36px;
    height:36px;
    padding:8px;
    background:#f9f9f9;
    text-align:center;
    position: relative;
    &:hover{
        background: var(--color-primary);
        a{
            color: #000000;
        }
    }
    a{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #00091D;
        padding: 6px 0;
        &:hover{
            
        }
    }
}
.pagination .pagination--start,.pagination .pagination--end{
    background:#f5f5f5
}
.pagination li.current{
    background-color:#0080bb;
    color:#fff;
    font-weight:700;
}
.pagination li.current a{
    color:#fff
}
.breadcrumb-area-wrapper .nav-bread-crumb::after{
    background: rgba(76, 194, 11, .2);
}
.rts-counter-area .counter-inner .inner .icon img, .rts-counter-area-two .counter-inner .inner .icon img{
    object-fit: contain;
    object-position: center;
}
.rts-contact-area.inner .get-in-touch-area{}
.i-frame{
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
    &:hover{
        filter: grayscale(0);
    }
}
.div-whats{
    animation-name: efectos_whats;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    position: fixed;
    top: 60px;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 999999;
    margin-top: 60px;
    margin-right: 30px;
    text-align: center;
    a{
        display: inline-block;
        &:last-child{
            margin-bottom: 0;
        }
        img{
            display: inline-block;
            object-fit: contain;
            object-position: center;
            width: 60px;
            height: auto;
            transition: all 1.3s;
        }
    }
}

@keyframes efectos_whats {
    0% {
        margin-top: 30px
    }
    25% {
        margin-top: 35px
    }
    50% {
        margin-top: 40px
    }
    75% {
        margin-top: 45px
    }
    100% {
        margin-top: 30px
    }
}

.review-wrapper2{
    min-height: 454px;
}
.rts-video-area.inner{
    background: url(../images/banner/video-banner.jpg);
}
ul.ul-lista{
    list-style: disc;
    margin: 15px 0;
    li{
        list-style: inherit;
        margin-left: 15px;
    }
}
.h30{
    position: relative;
    display: inline-block;
    height: 30px;
    width: 100%;
}
.h120{
    position: relative;
    display: inline-block;
    height: 120px;
    width: 100%;
}
img{
    &.img-obj{
        object-fit: contain;
        object-position: center;
        padding: 10px;
    }
}
a{
    &.a-red{
        color: red;
        &:hover{
            color: #7f0000;
        }
    }
}
.c-red{
    color: red;
    &:hover{
        color: #7f0000;
    }
}
.position-sticky{
    position: sticky;
    top: 0;
    height: 100%;
    top: 115px;
}
.rts-counter-area{
    &:after{
        background: rgba(5, 11, 32, 0.7);
    }
    &.index{
        background: url(../images/counter/bg.jpg);
    }
}
.rts-breadcrumb-area.service{
    &.mantenimiento{
        background: url(../images/banner/banner-bg-01.jpg);
    }
    &.resistencia-balistica{
        background: url(../images/banner/servicio-balistico.jpg);
    }
    &.blindaje-nuevo{
        background: url(../images/banner/blindaje-nuevo.jpg);
    }
    &.vidrios-blindados{
        background: url(../images/banner/vidrios-blindados.jpg);
    }
    &.vende-tu-blindado{
        background: url(../images/banner/vende-tu-blindado.jpg);
    }
    &.preguntas-frecuentes{
        background: url(../images/banner/preguntas-frecuentes.jpg);
    }
    &.nosotros{
        background: url(../images/banner/nosotros.jpg);
    }
    &.contacto{
        background: url(../images/banner/contacto.jpg);
    }
    &.usados{
        background: url(../images/banner/usados.jpg) !important;
    }
    &.nuevos{
        background: url(../images/banner/nuevos.jpg) !important;
    }
    &.renta{
        background: url(../images/banner/renta.jpg) !important;
    }
    &.autos-blindados{
        background: url(../images/banner/nuevos.jpg);
    }
}
a{
    cursor: pointer;
    .service-wrapper-2{
        &:hover{
            .button-area span{
                background: var(--color-primary);
                border: 1px solid var(--color-primary);
            }
        }
        .button-area span{
            width: 64px;
            height: 64px;
            line-height: 69px;
            border-radius: 6px;
            border: 1px solid rgba(219, 45, 46, 0.3);
            display: block;
            text-align: center;
            color: var(--color-white);
            background: transparent;
            transition: var(--transition);
            i{
                transform: rotate(-45deg);
                display: block;
                font-size: 24px;
            }
        }
    }
    &.activo,&:hover{
        .service-wrapper-2{
            background: #1d2336;
            box-shadow: inset 0 0 10px 15px #04091c;
            .button-area span{
                background: var(--color-primary);
                border: 1px solid var(--color-primary);
            }
        }
    }
}

li.has-dropdown .submenu li{
    &.activo{
        a{
            transform: translateX(15px);
            color: var(--color-primary);
        }
        &:after{
            transform: translateY(-50%) scale(1);
        }
    }
}
.header-two .nav-area ul li a.main-menu{
    &.activo{
        font-size: 18px;
        font-weight: 700;
        color: #4cc20b;
    }
}
.footer-two.doble .footer-wrapper-style-between{
    padding-top: 160px;
}
.rts-wrapper-inner{
    &.padding-top-115{
        padding-top: 115px;
    }
}
.cta-inner{
/*    background: #e6a81b;*/
    background: #B88615;
    background: linear-gradient(0deg, rgba(184, 134, 21, 1) 0%, rgba(115, 84, 13, 1) 100%);
}
.rts-breadcrumb-area.portfolio-details2{
    padding: 230px 0 50px;
}
.rts-wrapper{
}
.rts-banner-area{
    h1{
        max-width: 100% !important;
        margin-top: 90px;
    }
    a.rts-btn{
        display: inline-block;
    }
    .fa-trophy:before{
        color: #ffffff;
        font-size: 40px;
    }
}
.tcenter{
    text-align: center;
}
.header-two{
    background: transparent;
}

.c-yellow{
    background: #E6A81B !important;
    color: #000000 !important;
    &:hover{
        background: #73540d !important;
        color: #ffffff !important;
    }
}
.header-two{
	position: fixed;
    top: 0;
    &.adicionale{
/*        position: relative;*/
        background: #00091D;
        background: radial-gradient(circle, rgba(0, 9, 29, 1) 0%, rgba(1, 18, 58, 1) 100%);
    }
}
/*.home-two .rts-wrapper-inner{
    padding-top: 158px;
    &.catalogo{
        background: #ffffff;
    }
}*/
.img-about-1{
    height: 390px;
    object-fit: cover;
    object-position: center;
}
.video-home{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    margin-top: 60px;
    z-index: -1;
    object-fit: cover;
    object-position: top center;
}

.category-wrapper2{
    .icon{
        object-fit: contain;
        object-position: center;
        width: 75px;
        height: 50px;
        margin-top: 15px;
    }
    .text{
        h6{
            font-size: 20px;
        }
    }
}
@media only screen and (min-width: 992px) {
    /*.rts-footer-area.dim-fixed {
        margin: 0;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }*/
}
@media screen and (max-width: 767px) {
    .side-bar{
        width: 100%;
    }
    .video-home{
        margin-top: 0;
        height: 100%;
    }
    .menu-btn{
        background: transparent;
    }
    .mobile-menu-main nav ul li a.main{
        color: #ffffff;
    }
    .rts-wrapper-inner {
        &.padding-top-115 {
            padding-top: 70px;
        }
    }
}