/* ============================== 


SECTION MENU
ANCHOR REGION SLIDER 
1. SLIDER sic - rnpc

!SECTION

============================== */
/* ==============================
SECTION 1. SLIDER consumo 
============================== */




.consumo.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
    padding: 4px;
    opacity: -1;
}
/* ==============================
SLIDER
============================== */

.consumo.slider {
    position: relative;
}

/* ===== ===== Boton Archivos de publicaciones ALEX B2B===== ===== */
.consumo .url-slider a{
    position: absolute;
    width: 100%;
    color: transparent !important;
    padding: .5rem!important;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.consumo.slider .btn-adso{

    position: absolute;
    z-index: 100;
    top:82%;
    left:0;
}

.consumo.slider .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
}




/* ===== ===== btn pause  ===== ===== */

.consumo.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_pause a {
    display: none;
}


/* ===== ===== btn previous left ===== ===== */
.consumo-v.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
   
    background: url("../img/arrowL-amarrillo-video-consumointeligente.png") no-repeat;
        background-position: center;
    background-color: #fac600;
    left: 20%;
    width: 32px;
    height: 32px;
    
}
.consumo-v.slider #widget_pager_bottom_galer_as-block_1_1.views-slideshow-simple-pager {
    bottom: 5.2rem;
}
.consumo-v.slider .views-slideshow-controls-bottom #views_slideshow_controls_text_next_galer_as-block_1_1.views_slideshow_controls_text_next {
    top: 86%;
}
.consumo-v.slider .views-slideshow-controls-bottom #views_slideshow_controls_text_previous_galer_as-block_1_1.views_slideshow_controls_text_previous {
    top: 86%;
}
.consumo.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
    position: absolute;
    z-index: 100;
    background: url("../img/FlechaSliderIzq.png") no-repeat;
    background-position: center;
    width: 52px;
    height: 52px;
    top: 50%;
    left: 2.0%;
    border-radius: 60%;
}


.consumo.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a {
    opacity: -1;
    line-height: 52px
}


/* ===== ===== next right ===== ===== */ 
.consumo-v.slider #widget_pager_bottom_galer_as-block_1_1.views-slideshow-simple-pager .views-slideshow-pager-field-item{
    margin-right: 7px;
    margin-bottom: 5px;
    background: url(../img/contador-amarrillo-video-consumointeligente.png) no-repeat;
    background-position: center;
    border-radius: 1%;
    padding-right: 14px!important;
    padding: 2px;
}
.consumo-v.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
   
    background: url("../img/arrowR-amarrillo-video-consumointeligente.png") no-repeat;
        background-position: center;
    background-color: #fac600;
    right: 20%;
    width: 32px;
    height: 32px;
  
}

.consumo.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    position: absolute;
    z-index: 100;
    background: url("../img/FlechaSliderDer.png") no-repeat;
    background-position: center;
    width: 52px;
    height: 52px;
    top: 50%;
    right: 2.0%;
    border-radius: 60%;
}

.consumo.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next a {
    opacity: -1;
    line-height: 52px
}

.consumo.slider .views-slideshow-simple-pager {
   /*position: absolute;*/ /*B2B*/
    bottom: 2rem;
    width: 100%;
    z-index: 300;
    text-align: center;
}

.consumo.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
    margin-right: 10px;
    /*background-color: #9597Ba;*/  /*B2B*/
    background-color: #999999;
    border-radius: 50%;
    padding: 0;
}

.consumo.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
    padding: 4px;
    opacity: -1;
}

.consumo.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item.active {
    /*background-color: #2c2d7e;*/  /*B2B*/
    background-color: #343a40;
    
}

/* ==============================
SECTION 1. SLIDER sic - rnpc
============================== */

.slider {
    position: relative;
    /* height: 489px !important; */
}

.slider .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section {
    width: 100% !important;
}

.slider .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide.views_slideshow_slide {
    width: 100% !important;
}


/* ===== ===== CAJA DE TEXTO QUE CONTIENE EL TITULO  ===== ===== */

.slider div.caja-texto-slide {
    position: absolute;
    z-index: 2;
    width: 34%;
    height: auto;
    top: 10rem !important;
    left: 56%;
}

.slider div.caja-texto-slide div.titulo-slider {
    width: 100%;
}

.slider div.caja-texto-slide div.titulo-slider a {
    color: #2c2d7e;
}

.slider div.caja-texto-slide div.body-slider p {
    font-size: 1.5rem;
}

.slider div.titulo-slider a {
    font-size: 2rem !important;
}

.slider div.caja-texto-slide .btnVerMas {
    margin-top: 1rem;
}


/* ===== ===== BTN BOTONES PROPIOS DEL VIEW_SLIDERSHOW DERECHO E IZQUIERDO ===== ===== */


/* ===== ===== btn pause  ===== ===== */

.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_pause a {
    display: none;
}


/* ===== ===== btn previous left ===== ===== */

.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
    position: absolute;
    z-index: 100;
    background: url("https://www.sic.gov.co/sites/default/files/images/2019/sic_home_enlaces/iconos/FlechaSliderIzq.png") no-repeat;
    background-position: center;
    background-color: #2c2d7e;
    width: 52px;
    height: 52px;
    top: 50%;
    left: 5.6%;
    border-radius: 60%;
}

.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous a {
    opacity: -1;
    line-height: 52px
}


/* ===== ===== next right ===== ===== */

.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
    position: absolute;
    z-index: 100;
    background: url("https://www.sic.gov.co/sites/default/files/images/2019/sic_home_enlaces/iconos/FlechaSliderDer.png") no-repeat;
    background-position: center;
    background-color: #2c2d7e;
    width: 52px;
    height: 52px;
    top: 50%;
    right: 5.6%;
    border-radius: 60%;
}

.slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next a {
    opacity: -1;
    line-height: 52px
}

.slider .views-slideshow-simple-pager {
    position: absolute;
    bottom: 3rem;
    width: 100%;
    z-index: 6;
    text-align: center;
}

.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
    margin-right: 10px;
    background-color: #9597Ba;
    border-radius: 50%;
    padding: 8px;
}

.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
    padding: 4px;
    opacity: -1;
}

.slider .views-slideshow-simple-pager .views-slideshow-pager-field-item.active {
    background-color: #2c2d7e;
}


/* ==========================================
!SECTION ******FIN****** 1. SLIDER sic - rnpc
============================================= */


/* ==============================
SECTION MEDIA QUERY
============================== */

@media (max-width: 1400px) {
    .slider .titulo-slider p {
        top: 157px;
    }
}


/*TABLET HORIZONTAL (XL REVISAMOS EN 1366px)*/

@media (max-width: 1366px) and (min-width: 1200px) {
    .slider div.titulo-slider a {
        font-size: 2rem !important;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        top: 176px;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        top: 176px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 5px;
    }
}


/*TABLET HORIZONTAL (LG REVISAMOS EN 1024px)*/

@media (max-width: 1199px) and (min-width: 992px) {
    .slider div.caja-texto-slide {
        width: 33%;
        top: 6rem !important;
    }
    .slider div.titulo-slider-delegaturas h2{
       font-size: 1.8rem !important;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        top: 12rem;
        width: 45px;
        height: 45px;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        top: 12rem;
        width: 45px;
        height: 45px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 5px;
    }
    .slider .views-slideshow-simple-pager {
        bottom: 2rem;
    }
}


/*TABLET VERTICAL (MD REVISAMOS EN 768px)*/

@media (max-width: 991px) and (min-width: 768px) {
    .slider div.caja-texto-slide {
        top: 5rem !important;
        left: 64%;
    }
    .slider div.titulo-slider-delegaturas h2{
       font-size: 1.4rem !important;
    }
    .slider div.titulo-slider a {
        font-size: 1.4rem !important;
    }
    .slider a.btn {
        font-size: 10px !important;
        padding: 5px 16px !important;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: 2rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 3px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}


/*MOVIL HORIZONTAL(SM REVISAMOS EN 576px)*/

@media (max-width: 767px) and (min-width: 576px) {

 .consumo.slider div.caja-texto-slide {
       
        background:transparent;
      
    }

    .slider div.caja-texto-slide {
        -webkit-text-fill-color: #fff;
    	width: 100%;
    	height: auto;
    	top: 4.5rem !important;
    	left: 0;
    	background: rgba(0, 0, 0, .4);
   		padding: 0 2rem;
   		padding-bottom: 3px;
    }
    .slider div.titulo-slider-delegaturas h2{
         font-size: 1.5rem !important;
        color: white !important;
          padding-right: 43px;
    }
     .slider div.views-field-body{
    	display: none;
    }
    .slider div.body-slider p {
        color: white !important;
    }
    .slider div.titulo-slider a {
        font-size: 1.2rem !important;
        color: white !important;
    }
    .slider div.btn-ver-mas {
        font-size: 12px !important;
    }
    .slider .slider-contenido img {
        height: 17rem;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .5rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 0px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}


/*MOVIL VERTICAL(XS REVISAMOS EN 414px)*/

@media (max-width: 575px) and (min-width: 376px) {
	button, a.btn {
    font-size: 13px !important;
}


    .slider div.caja-texto-slide {
        -webkit-text-fill-color: #fff;
        width: 100%;
    	height: auto;
    	top: 1.5rem !important;
    	left: 0;
    	background: rgba(0, 0, 0, .4);
    	padding: 0 2rem;
    	padding-bottom: 3px;
    }
    .slider div.titulo-slider-delegaturas h2{
        font-size: 1.5rem !important;
        color: white !important;
        padding-right: 43px;
    }
    .slider div.views-field-body{
    	display: none;
    }
    .slider div.body-slider p {
        color: white !important;
        font-size: 1.2rem !important;
    }
    .slider div.titulo-slider a {
        font-size: 1rem !important;
        color: white !important;
    }
    
    .slider .slider-contenido img {
        height: 15rem;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .2rem !important;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .5rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 0px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}


/*MOVIL VERTICAL(XS REVISAMOS EN 375px)*/

@media (max-width: 375px) and (min-width: 361px) {
    .slider div.caja-texto-slide {
    	-webkit-text-fill-color: #fff;
        width: 100%;
        height: auto;
        top: 4rem !important;
        left: 0;
        background: rgba(0, 0, 0, .4);
        padding: 0 2rem;
        padding-bottom: 3px;
    }
    .slider div.views-field-body {
    display: none;
}
    .slider div.titulo-slider-delegaturas h2{
        font-size: 1.4rem !important;
        color: white !important;
        padding-right: 42px;
    }
    .slider div.body-slider p {
        color: white !important;
        font-size: 1.1rem !important;
    }
    .slider div.titulo-slider a {
        font-size: 1rem !important;
        color: white !important;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .2rem !important;
    }
   
    .slider .slider-contenido img {
        height: 14rem;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .5rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 0px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}


/*MOVIL VERTICAL(XS REVISAMOS EN 360px)*/

@media (max-width: 360px) and (min-width: 321px) {
    .slider div.caja-texto-slide {
    	-webkit-text-fill-color: #fff;
        width: 100%;
        height: auto;
        top: 4.5rem !important;
        left: 0;
        background: rgba(0, 0, 0, .4);
        padding: 0 2rem;
        padding-bottom: 3px;
    }
    .slider div.views-field-body {
    display: none;
}
    .slider div.titulo-slider-delegaturas h2{
         font-size: 1.3rem !important;
        color: white !important;
        padding-right: 30px;
    }
    .slider div.body-slider p {
        color: white !important;
        font-size: 1.1rem !important;
    }
    .slider div.titulo-slider a {
        font-size: 1rem !important;
        color: white !important;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .2rem !important;
    }
   
    .slider .slider-contenido img {
        height: 14rem;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .5rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 0px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}


/*MOVIL VERTICAL(XS REVISAMOS EN 320px)*/

@media (max-width: 320px) {
    .slider div.caja-texto-slide {
        width: 100%;
        height: auto;
        top: 7.8rem !important;
        left: 0;
        background: rgba(0, 0, 0, .4);
        padding: 0 2rem;
        padding-bottom: 3px;
    }
       .slider div.views-field-body {
    display: none;
}
    .slider div.titulo-slider-delegaturas h2{
        font-size: 1.3rem !important;
        color: white !important;
            padding-right: 30px;
    }
    .slider div.body-slider p {
        color: white !important;
        font-size: 1.1rem !important;
    }
    .slider div.titulo-slider a {
        font-size: .8rem !important;
        color: white !important;
    }
    
    .slider .slider-contenido img {
        height: 13rem;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_previous {
        display: none;
    }
    .slider .views-slideshow-controls-bottom .views_slideshow_controls_text_next {
        display: none;
    }
    .slider .views-slideshow-simple-pager {
        bottom: .5rem;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item {
        padding: 0px;
    }
    .slider .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
        padding: 3px;
    }
}
@media (max-width:767px){
    /* Header */
    .ci--navbar-header{max-height: 160px; background-color: #eee;}
    .ci--navbar-brand img{max-width: 200px; display: block; margin: auto; padding: 1rem !important;}
    #ci-header-nav{padding: 1rem 0 !important;}
    #ci-header-nav ul{padding:0 10px !important}
    #ci-header-nav ul li a{display: flex; flex-flow: column; text-align: center; font-size: .8rem;}
    #ci-header-nav ul li a img{max-height: 37px; max-width: 50px; margin: auto;}
    
    /* Tags */
    .ci--tag{max-width: 70px !important; color: transparent; overflow: hidden; top: 0;}

    /* secciones */
    .ci--wrap{padding: 0;}
    .ci--wrap .row{margin: 0;}
    .ci-carouselWrapper{padding: 0 !important; --bs-gutter-x:0}
    .carousel-caption p

    /* Modo de uso */
    .ci-tema{font-size: 1.8rem;}
    .ci-titulo-tema{font-size: 2.5rem;}
}

@media only screen and (min-device-width: 768px) 
and (max-device-width: 769px)
and (-webkit-min-device-pixel-ratio: 1) {
    /* Header */
    #ci-header ul{font-size:12px; padding-top:12px !important; padding-bottom:12px !important;}
    #ci-header-nav{padding-top: 30px !important;}
    #ci-header-nav ul li a{display: flex; flex-flow: column; }
    #ci-header-nav ul li a img{margin: auto; max-height: 50px; }
    #ci-header-nav ul li a span{width: 100%; display: block; font-size: 12px;}

    /* Modo de uso */
    .ci-tema{font-size: 1.8rem;}
    .ci-titulo-tema{font-size: 2.5rem;}
    .ci--modo-de-uso-iframe > div .iframe-text-wrapper .col-md-3{
        display: none;
    }
    .ci--modo-de-uso-iframe > div .iframe-text-wrapper .col-md-9{
        flex: 0 0 100%; width: 100%;
    }
}

@media (max-width: 1280px)
 {
    .ci--tag.mod-use {
    right: -7%;
}
}

@media  (max-width: 1060px) 
 {.ci--tag.mod-use {right: -4%;}}
@media  (max-width: 1004px) 
 {.ci--tag.mod-use {right: -2%;}}

@media  (max-width: 992px) 
 {.ci--tag.mod-use {right: -16%;}}

@media  (max-width: 922px) 
 {
    .ci--tag.mod-use {
         right: -15%;
    }
  #youtube-field-player,
  #youtube-field-player--3,
  #youtube-field-player--2{
    width: 500px;
    height: 300px;
  }
}

@media  (max-width: 897px) 
 {.ci--tag.mod-use {right: -13%;}}

@media  (max-width: 869px) 
 {.ci--tag.mod-use { right: -9%;} }

@media  (max-width: 813px) 
 {.ci--tag.mod-use { right: -5%;}}
 @media  (max-width: 580px) 
 {  #youtube-field-player,
  #youtube-field-player--3,
  #youtube-field-player--2{
    width: auto;
    height: auto;
}}