@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap');


.btn-warning {
  color: #fff;
  background-color: #f28d3f;
  border-color: #f28d3f;
}

.btn-warning:hover {
  color: #fff;
  background-color: #dd7a2e;
  border-color: #dd7a2e;
}

h1 {margin-bottom: 15px;}


.textos {color: #212529;}


.noticia_interior
 { color: #000; font-family: 'PT Sans', sans-serif; font-size: 15px; text-decoration: none !important;}

.titulo_galeria 
{color: #000; font-family: 'PT Sans', sans-serif; font-size: 20px; text-decoration: none !important; }

.checkout-step 
{     
    /*background: #e8eef1;*/



    border-top: 1px solid #607d8b21;
    color: #666;
    font-size: 14px;
    padding: 15px 10px;
    position: relative;
}

.checkout-step-number 
{
    border-radius: 50%;
    /* border: 1px solid #ced0d2; */
    display: inline-block;
    background: #065c9f;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    height: 32px;
    margin-right: 15px;
    padding: 6px;
    text-align: center;
    width: 32px;
}
.checkout-step-title
{ 
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;display: inline-block; margin: 0px;
    color: #3d4884;
}

.checkout-step-body
{
    background: #fbfbfb;
    padding: 15px;

}

/*Shyam*/

.imi-joingform
{
    margin-top: 50px;
}

.imc-jfheader
{
    background: #fff;
    padding: 15px;
}

.imc-text h1
{
    font-size: 20px;
    color: #00BCD4;
}

.imc-text h2
{
    font-size: 12px;
}

.imc-jfeditbtn
{
    padding: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background: #29506f;
}



/*TAB COMO COLABORAR*/
.project-tab {
    padding: 10% 0;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}






/*MENU*/
.logo {}
.bg-dark {background-color: #001642 !important;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.7);}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);}
.nav-link {
    font-family: 'Roboto', sans-serif;}
.navbar-dark .navbar-toggler {

    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.77);}

.texto {
    font-family: 'Roboto', sans-serif;
text-decoration: none;
font-size: 15px;
}

.menu_dona {
	background-color: #e01612;
	border-radius: 5px;
	/*margin-left: 5px;*/
	font-weight: 600; 
	color: white;
	transition: .5s;
}
.menu_dona:hover {color: rgba(255, 255, 255, 0.7);}
.icono_corazon {color: white;}


.menu_prevenimos {
	background-color: #00a094;
	border-radius: 5px;
	/*margin-left: 5px;*/
	font-weight: 600; 
	color: white;
	transition: .5s;
}

.menu_prevenimos:hover {color: rgba(255, 255, 255, 0.7);}




/*SLIDE*/

.carousel-caption {
  /*bottom: 100px;*/
  padding-top: 20px;
  padding-bottom: 20px;
}

.not_link {text-decoration: none !important;}

h5 {font-family: 'PT Sans', sans-serif;/* font-size: 20px;*/ text-shadow: 0px 0px 7px black; color: white !important;}

h5 a {color: white !important;}
h5:hover {color: white !important; text-decoration: none;}

.texto_slide {font-family: 'PT Sans', sans-serif; /*font-size: 16px; line-height: 19px;*/ text-shadow: 0px 0px 7px black; color: white !important;}

.texto_slide a {color: white !important;}
.texto_slide:hover {color: white !important; text-decoration: none;}

.crop_text_slide {
   display: block;
max-width: auto;
/* height: 98px;*/ /* alto máximo del div( debe tener directa relación con la cantidad de líneas a mostrar) o puedes calcularlo de esta forma: $font-size*$line-height*$lines-to-show */
 margin: 0 auto;
 -webkit-line-clamp: 3; /*Cantidad de líneas que desea mostrar*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100% !important;}








/*DESTACADOS*/
.titulo_destacados1 { color: #fff; font-family: 'PT Sans', sans-serif; /*font-size: 27px; line-height: 29px;*/}


.icono_destacado1 {  /*width: 86px;*/}
.icono_destacado2 {  /*width: 86px;*/}
.icono_destacado3 {  /*width: 86px;*/}
.icono_destacado4 {  /*width: 86px;*/}
.icono_destacado5 {  /*width: 86px;*/}


.quitar_der_destacados { margin-right: -15px;}
.quitar_izq_destacados { margin-left: -15px;}
.quitar_ambos_destacados { margin-left: -15px; margin-right: -15px;}



.espacio_d1 { padding-top: 39px;}
.fondo_destacado1 {/*width: 197px; height: 240px;*/ background-image: url(imagenes/fondo_destacado1.jpg);}
.color_destacado1 {background-color: #001642d6; height: 100%; overflow: hidden;}

.espacio_d2 {  padding-top: 39px;}
.fondo_destacado2 {/*width: 100%; height: 240px;*/ background-image: url(imagenes/fondo_destacado2.jpg);}
.color_destacado2 {background-color: #001e5bd6; height: 100%; overflow: hidden;}

.espacio_d3 {  padding-top: 39px;}
.fondo_destacado3 {/*width: 100%; height: 240px;*/ background-image: url(imagenes/fondo_destacado3.jpg);}
.color_destacado3 {background-color: #002879d6; height: 100%; overflow: hidden;}

.espacio_d4 {  padding-top: 39px;}
.fondo_destacado4 {/*width: 100%; height: 240px;*/ background-image: url(imagenes/fondo_destacado4.jpg);}
.color_destacado4 {background-color: #002c84d6; height: 100%; overflow: hidden;}

.espacio_d5 {  padding-top: 39px;}
.fondo_destacado5 {/*width: 100%; height: 240px;*/ background-image: url(imagenes/fondo_destacado5.jpg);}
.color_destacado5 {background-color: #0036a2d6; height: 100%; overflow: hidden;}

.laterales_dest {}



/*NOTICIAS*/
.fondo_noticias {background-color: #f5f6f8;}
.borde_noticias {border: 1px solid #ddd; border-radius: 6px;}

.titulo_noticias1 {font-family: 'PT Sans', sans-serif; /*font-size: 22px; line-height: 26px;*/ font-weight: 600; color: #001642;}
.titulo_noticias2 {font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 21px; font-weight: 600; color: #001642;}
.texto_noticias1 {font-family: 'PT Sans', sans-serif; color: #181819; font-size: 16px; line-height: 22px;}
.texto_noticias2 {font-family: 'PT Sans', sans-serif; color: #181819; font-size: 16px; line-height: 20.1px;}

.titulo_noticias1 a {color: #001642; text-decoration: none;}
.titulo_noticias2 a {color: #001642; text-decoration: none;}

.titulo_noticias1:hover {color: #072664; text-decoration: none;}
.titulo_noticias2:hover {color: #072664; text-decoration: none;}

.fecha_noticias {font-family: 'PT Sans', sans-serif; color: #e01612; font-size: 16px; line-height: 22px; font-weight: 600;}

.imagen_noticia_port1 {/*height: 310px;*/ object-fit: cover; border-radius: 4px 4px 0 0;}
.imagen_noticia_port2 {/*height: 190px;*/ object-fit: cover; border-radius: 4px 4px 0 0;}
.crop_noticia1 {overflow: hidden; /*height: 105px;*/}
.crop_noticia2 {overflow: hidden; /*height: 225px;*/}



/*ICONOS*/
.fondo_iconos {background-color: #edeef2;}
.titulo_iconos { color: #001642; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 600;}
.texto_iconos { color: #001642; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 22px;}
.titulo_iconos a {color: #001642; text-decoration: none;}
.titulo_iconos:hover {color: #012773; text-decoration: none;}
.crop_text_iconos {
   display: block;
max-width: auto;
height: 45px; /* alto máximo del div( debe tener directa relación con la cantidad de líneas a mostrar) o puedes calcularlo de esta forma: $font-size*$line-height*$lines-to-show */
 margin: 0 auto;
 -webkit-line-clamp: 3; /*Cantidad de líneas que desea mostrar*/
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;}
.w_iconos {width: 200px;}





/*VIDEOS*/
.fondo_videos {background-color: #e01612;}
.titulo_portada { color: #fff; font-size: 30px; line-height: 32px; font-family: 'PT Sans', sans-serif; font-weight: 600;}
.titulo_portada a { color: #fff;}
.titulo_portada:hover { color: #fff;}
.borde_blanco { border: #fff solid 1px;}






/*BANNERS*/
.borde_logos {border-radius: 6px; border: #ced4da 1px solid;}






/*PIE*/
.fondo_pie {background-color: #001642;}
.texto_pie {color: #fff; font-size: 16px; font-family: 'PT Sans', sans-serif;}






/*BOTONES*/
.btn {font-size: 15px; font-family: 'PT Sans', sans-serif;}
.btn-danger {
    color: #fff;
    background-color: #e01612;
    border-color: #e01612;}
.btn-danger:hover {
    color: #fff;
    background-color: #b70804;
    border-color: #b70804;}



.alto-foto{ height: auto;}







/*SECCION DESTACADA ESPECIALES*/
.alto_logo_cirsis_hidrica { /*height: 240px;*/}
.fondo_especial1 {background-image: url("imagenes/banners_fondo_colecta2022.jpg"); background-repeat: no-repeat; background-size: cover; /*height: 311px;*/}











/********************************/
/*           PAGINADOR          */
/********************************/

.paginador{

	float:left;

	padding:4px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:1px;

	margin-right:1px;
	
	width:25px;

	text-align:center;

	
	color:#999;
	
	background-color: #CCC;
	

	}

.paginador_ac{

	float:left;

	padding:4px;

	border:1px solid #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-left:1px;

	margin-right:1px;

	width:25px;

	text-align:center;

	background: #001642;

	color:#fff;

	}

.paginador a{ 

text-decoration:none;
color: #fff;

}
.paginador:hover{
text-decoration:none;
background-color:#e01612;

}

.contenido_paginador
{
	
}







/*CONTENIDOS*/
.fondo_color_despertar {
    background-color: #f8f4f9;
}
.texto_despertar {color: #001642;}

.fondo_color_lila {
    background-color: #f8f4f9;
}
.texto_gris2 {color: #001642;}

.raya_morada {border: 1px solid #f3ebf4;}

.parallax_despertar  { 
    /* The image used */
   background-image: url(imagenes/fondo_despertar.jpg);
    /* Set a specific height */
    height: auto; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

.borde_despertar {border-radius: 5px;}

.borde_video_card {border: 1px solid #ddd;}
.titulo_videos_int {/*height: 24px;*/ overflow: hidden; font-weight: 500;}








/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

@media (max-width: 575px) {
.logo { width: 203px;}

.carousel-indicators {bottom: -18px !important;}
.carousel-caption {bottom: 19px;}
.crop_text_slide {height: 98px;}
	
h5 {font-size: 16px;}
	
.texto_slide {font-size: 16px; line-height: 19px; display: none;}	
	
.espacio_d1 { padding-top: 19px;}
.espacio_d2 { padding-top: 19px;}
.espacio_d3 { padding-top: 0px;}
.espacio_d4 { padding-top: 19px;}
.espacio_d5 { padding-top: 19px;}
	
.titulo_destacados1 { font-size: 18px; line-height: 22px;}
	
.fondo_destacado1 {width: 100%; height: 128px;}
.fondo_destacado2 {width: 100%; height: 128px;}
.fondo_destacado3 {width: 100%; height: 132px;}
.fondo_destacado4 {width: 100%; height: 128px;}
.fondo_destacado5 {width: 100%; height: 128px;}
	
.icono_destacado1 {width: 60px;}
.icono_destacado2 {width: 60px;}
.icono_destacado3 {width: auto;}
.icono_destacado4 {width: 60px;}
.icono_destacado5 {width: 60px;}
	
	
.alto_logo_cirsis_hidrica { height: auto;}
	
.menu_dona {margin-left: 0px; padding-left: 10px;}
	
.menu_prevenimos {margin-left: 0px; padding-left: 10px;}
	
.fondo_especial1 {height: 147px;}	
	
.titulo_noticias1 {font-size: 19px; line-height: 23px;}
.imagen_noticia_port1 {height: 170px;}
.imagen_noticia_port2 {height: 170px; object-fit: cover; border-radius:4px 4px 0 0;}    
.crop_noticia1 {height: 233px;}
.crop_noticia2 {height: 202px;}	
	
.titulo_videos_int {height: auto; font-size: 15px; line-height: 20px;}
	
}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.logo { width: auto;}

.carousel-indicators {bottom: -13px !important;}
.carousel-caption {bottom: 70px;}	
.crop_text_slide {height: 38px;}
	
h5 {font-size: 24px;}
	
.texto_slide {font-size: 16px; line-height: 19px;}	
	
.espacio_d1 { padding-top: 19px;}
.espacio_d2 { padding-top: 19px;}
.espacio_d3 { padding-top: 27px;}
.espacio_d4 { padding-top: 19px;}
.espacio_d5 { padding-top: 19px;}
	
.titulo_destacados1 { font-size: 16px; line-height: 20px;}
	
.fondo_destacado1 {width: 164px; height: 140px;}
.fondo_destacado2 {width: 164px; height: 140px;}
.fondo_destacado3 {width: 164px; height: 140px;}
.fondo_destacado4 {width: 164px; height: 140px;}
.fondo_destacado5 {width: 164px; height: 140px;}
	
.icono_destacado1 {width: 75px;}
.icono_destacado2 {width: 75px;}
.icono_destacado3 {width: auto;}
.icono_destacado4 {width: 75px;}
.icono_destacado5 {width: 75px;}	
	
/*.color_destacado1 { border-radius: 5px;}
.color_destacado2 { border-radius: 5px;}
.color_destacado3 { border-radius: 5px;}
.color_destacado4 { border-radius: 5px;}
.color_destacado5 { border-radius: 5px;}*/
	
.laterales_dest { margin-left: -11px; margin-right: 4px;}
.alto_slide{
		max-height: 195px; overflow: hidden;
	}	
	
.alto_logo_cirsis_hidrica { height: auto;}	
	
.menu_dona {margin-left: 0px; padding-left: 10px;}	
	
.menu_prevenimos {margin-left: 0px; padding-left: 10px;}	
	
.fondo_especial1 {height: 172px;}
	
.titulo_noticias1 {font-size: 22px; line-height: 26px;}
.imagen_noticia_port1 {height: 300px;}
.imagen_noticia_port2 {height: 300px;}
.crop_noticia1 {height: 105px;}
.crop_noticia2 {height: 202px;}	
	
.titulo_videos_int {height: 24px; font-size: 16px; line-height: 21px;}
	
}


/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.texto_slide {font-size: 20px; line-height: 24px; display: block;}		
.carousel-indicators {bottom: -10px !important;}
.carousel-caption {bottom: 100px;}	
.crop_text_slide {height: 59px;}
	
h5 {font-size: 28px; line-height: 36px;}

.espacio_d1 { padding-top: 25px;}
.espacio_d2 { padding-top: 25px;}
.espacio_d3 { padding-top: 30px;}
.espacio_d4 { padding-top: 25px;}
.espacio_d5 { padding-top: 25px;}

.titulo_destacados1 { font-size: 16px; line-height: 18px;}
	
.fondo_destacado1 {width: 133px; height: 134px; border-radius: 0px;}
.fondo_destacado2 {width: 133px; height: 134px; border-radius: 0px;}
.fondo_destacado3 {width: 133px; height: 134px; border-radius: 0px;}
.fondo_destacado4 {width: 133px; height: 134px; border-radius: 0px;}
.fondo_destacado5 {width: 133px; height: 134px; border-radius: 0px;}
	
.icono_destacado1 {width: 60px;}
.icono_destacado2 {width: 60px;}
.icono_destacado3 {width: auto;}
.icono_destacado4 {width: 60px;}
.icono_destacado5 {width: 60px;}	
	
.color_destacado1 { border-radius: 0px;}
.color_destacado2 { border-radius: 0px;}
.color_destacado3 { border-radius: 0px;}
.color_destacado4 { border-radius: 0px;}
.color_destacado5 { border-radius: 0px;}

.laterales_dest { margin-left: -12px !important; margin-right: -12px !important;}
.alto-foto{ height: 200px; overflow: hidden;}
.alto_slide{
		max-height: 266px; overflow: hidden;
	}	
	
	
.alto_logo_cirsis_hidrica { height: auto;}
	
.menu_dona {margin-left: 0px; padding-left: 10px;}
	
.menu_prevenimos {margin-left: 0px; padding-left: 10px;}

.fondo_especial1 {height: 228px;}
	
.imagen_noticia_port1 {height: 300px;}
.imagen_noticia_port2 {height: 300px;}
.crop_noticia1 {height: 105px;}
.crop_noticia2 {height: 202px;}	
	
}


/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	
.carousel-indicators {bottom: -4px !important;}	
.crop_text_slide {height: 135px;}
h5 {font-size: 38px; line-height: 47px;}
	
.espacio_d1 { padding-top: 22px;}
.espacio_d2 { padding-top: 22px;}
.espacio_d3 { padding-top: 22px;}
.espacio_d4 { padding-top: 22px;}
.espacio_d5 { padding-top: 22px;}
	
.titulo_destacados1 { font-size: 19px; line-height: 22px;}
	
.fondo_destacado1 {width: 167px; height: 152px;}
.fondo_destacado2 {width: 167px; height: 152px;}
.fondo_destacado3 {width: 167px; height: 152px;}
.fondo_destacado4 {width: 167px; height: 152px;}
.fondo_destacado5 {width: 167px; height: 152px;}
	
.icono_destacado1 {width: 80px;}
.icono_destacado2 {width: 80px;}
.icono_destacado3 {width: auto;}
.icono_destacado4 {width: 80px;}
.icono_destacado5 {width: 80px;}	

.laterales_dest { margin-left: -3px !important; margin-right: -3px !important;}
.alto-foto{ height: 170px; overflow: hidden;}
.alto_slide{
		max-height: 358px; overflow: hidden;
	}	
	
.alto_logo_cirsis_hidrica { height: 240px;}	
	
.menu_dona {margin-left: 5px; padding-left: 0px;}
	
.menu_prevenimos {margin-left: 5px; padding-left: 0px;}
	
.fondo_especial1 {height: 292px;}	

.imagen_noticia_port1 {height: 295px;}
.imagen_noticia_port2 {height: 190px; object-fit: cover; border-radius:0;}
.crop_noticia1 {height: 109px;}
.crop_noticia2 {height: 243px;}	
	
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.carousel-indicators {bottom: 0px !important;}
	
.titulo_destacados1 { font-size: 20px; line-height: 22px;}
	
.fondo_destacado1 {width: 203px; height: 152px;}
.fondo_destacado2 {width: 203px; height: 152px;}
.fondo_destacado3 {width: 203px; height: 152px;}
.fondo_destacado4 {width: 203px; height: 152px;}
.fondo_destacado5 {width: 203px; height: 152px;}

.icono_destacado1 {width: auto;}
.icono_destacado2 {width: auto;}
.icono_destacado3 {width: auto;}
.icono_destacado4 {width: auto;}
.icono_destacado5 {width: auto;}
	
.laterales_dest { margin-left: -3px !important; margin-right: -3px !important;}
	
.alto-foto{ height: 170px; overflow: hidden;}
	.alto_slide{
		max-height: 425px; overflow: hidden;
	}
	
.fondo_especial1 {height: 311px;}
	
.imagen_noticia_port1 {height: 310px;}
.imagen_noticia_port2 {height: 210px;}
.imagen_noticia_port3 {height: 170px;}
.crop_noticia1 {height: 105px;}
.crop_noticia2 {height: 225px;}
	
}