/** ----------------------------------------------------------------------------
*                         Todos los derechos Reservados
*                               Softipal S.A.S 2020
*  ----------------------------------------------------------------------------
*  Nombre:       urbanService.css
*  Ruta:         /public/css/route/
*  Descripción:  Estilos para la vista de tab de urbanService
*  Fecha:        15/04/2020
*  Autor:        Alejadnro González Flórez
*  Versión:      1.0
*  OD:           22489479
*  ----------------------------------------------------------------------------
*	 			Histórico de cambios
*  ----------------------------------------------------------------------------
*	Fecha          OD        Autor        Descripción
*  ----------------------------------------------------------------------------
*     15/04/2020   22489479   AlejoFlorez0   Creación de cabecera de documentacion
*  ----------------------------------------------------------------------------
*/

#scbUrbanServiceSection {
    height: 41rem;
    padding-top: 2%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../../../images/containers/contenedor2.png);
}

.img-Bus{
    height: 30vw; 
    width: 30vw;
    display:flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center;
    position: static;
}

.Color003474{
    color: #003474;
}

#scb_uSsection2 {
    background-color: white;
}

#scb_uSsection3 {
    border: none;
    position: relative;
    background-size: 100% 100%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-image: url(../../../images/containers/contenedor5.png);
}

.scb_uSImage {
    position: relative;
    top: -4vw;
    left: 10%;
    width: 80%;
}

#uS_S2DivImage {
    border-right: 2px solid #004187;
    width: 300px;
    margin-right: 18px;
}

#us_S2image {
    width: 96%;
}

.uS_btnPrev {
    left: -6%;
    width: 6%;
    height: 24%;
    top: 38%;
}

.uS_btnNext {
    right: -6%;
    width: 6%;
    height: 24%;
    top: 38%;
}


.h-image-Slider {
    height: 300px;
    object-fit: cover;
}

.btnPrevUrbanService {
    left: 10%;
}

.btnNextUrbanService {
    right: 10%;
}

#cD_paginator {
    bottom: -25%;
}

#cD_paginator > li {
    width: 1vw;
    height: 1vw;
    border-radius: 100%;
    background-color: #004187;
}

#uS3_title {
    font-size: 49px;
    font-family: Montserrat-Bold;
}

.uSS_cardTrans {
    color: white;
    border: none;
    font-size: 14px;
    box-shadow: none;
    background: transparent;
    font-family: Montserrat-Light;
}

.uSS_cardTrans:hover {
    border: none;
    color: white;
    box-shadow: none;
}

.pe_BtnEdit {
    position: absolute;
    top: 0%;
    right: 0%;
}

.card-body {
    position: relative;
}


.btnLink
{
    position: relative;
    border: none;
    padding: 9px;
    color: #fff;
    transition: background-color 1s , box-shadow  1s;
    border-radius: 4px;
    background-color: #FFBA00;
    font-family: Montserrat-SemiBold;
}

.btnLink:hover
{
    background-color: #ffa000;
    box-shadow: inset 3px 8px 10px 0 #ae6c00;
}

.btnPrevServicesUrbans {
    width: 40px;
    height: 37px;
    background-image: url(../../../images/icons/ICONOS-servicesUrbansPrev.png);

}

.btnNextServicesUrbans {
    width: 40px;
    height: 37px;
    background-image: url(../../../images/icons/ICONOS-servicesUrbanNext.png);
}

.btnNextServicesUrbans:hover {
    width: 40px;
    height: 37px;
    background-image: url(../../../images/icons/ICONOS-services-next.png);
}

.btnPrevServicesUrbans:hover {
    width: 40px;
    height: 37px;
    background-image: url(../../../images/icons/ICONOS-service-prev.png);
}




.corrusel-next {
    right: -8vw;
}

.corrusel-prev {
    left: -8vw;
}

@media (max-width: 571px) {

    #scbUrbanServiceSection {
        height: 20rem;
    }


    .text-Site_service{
        font-size: 10px!important;
    }
}

@media (max-width: 460px) {

    #scbUrbanServiceSection {
        height: 16rem;
        padding-top: 1rem !important;
    }
}



@media (min-width: 561px) and (max-width: 768px) {

    #scbUrbanServiceSection {
        height: 84vh;
    }
    #us_S2image {
        width: 54%;
        display: block;
        margin: 0 auto
    }

    #uS_S2DivImage {
        border-right: none;

    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
}

@media (max-width: 795px) {

    .corrusel-next {
        right: -1vw;
    }

    .corrusel-prev {
        left: -1vw;
    }
}

@media(max-width: 560px)
{
    #uS3_title {
        margin-top: -1em;
    }

    #scb_uSsection3
    {
        width: 100vw;
        margin-top: 20vw;
    }
    .titleServiceUrban{
        top: -32% !important;
        line-height: 1;
    }

    .card-img-top{
        width: 83%!important;
    }

    #uS_S2DivImage{
        border: none;
    }

    #scb_uSsection3{
        background-image: url(../../../images/containers/extraSmall.png);
    }

    .img-Bus{
        height: 60vw; 
        width: 60vw;
    }
}