*/
.gov-code {
font-size: 105%;
background-color: rgba(222,222,222,0.3);
}
.gov-code {
color: #ed143d;
background-color: #f1f1f1;
padding-left: .25rem;
padding-right: .25rem;
border-radius: .3125rem;
}
.gov-code {font-family: Consolas,Menlo,"courier new",monospace;}
/* =========== TABLAS ============= */
/*Sobre escribir Color borde de thead - .table-externa aplica a Tabla Aniadada - .table-normal aplica a Tabla con Pie de Página */
.table>tbody:not(:first-child),
table.table-externa tbody:not(:first-child),
table.table-normal tbody:not(:first-child) {
border-top: .125rem solid currentColor !important;
}
/*Sobre escribir Color borde filas*/
.table-response tr {
border-bottom: #E6EFFD !important;
}
/*Sobre escribir estilos de tablas gov.co porque no funciona estilo responsive ni adaptativo definidos en px,
Ancho para filas definido en % según contenido de ejemplo que definieron - Se deja auto para que tome ancho según contenido*/
.contenedor-tabla {
width: 100% !important;
}
.table-general thead th, .table-normal thead th {
padding-right: 2em !important;
padding-left: 2em !important;
}
.table-general thead th:nth-child(1) {
padding: auto !important;
}
.table-general thead th:nth-child(1) {
width: auto !important;
}
.table-general thead th:nth-child(2) {
width: auto !important;
}
.table-general tbody td:nth-child(3) {
text-align: inherit !important;
}
.table-general thead th:nth-child(3) {
width: auto !important;
}
.table-general thead th:nth-child(4) {
width: auto !important;
}
/* table.table.table_responsive {overflow-x: auto !important;} */
/* =========== SCROLLBAR ============= */
/*Estilos para ScrollBar en Navegador, Tablas en dispositivos moviles*/
* {
scrollbar-width: thin;
scrollbar-color: #004884 #e6effd;
}
::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
::-webkit-scrollbar-thumb {
border-radius: .625rem;
background: #004884;
}
::-webkit-scrollbar-track {
border-radius: .625rem;
background: #e6effd;
}
::-webkit-scrollbar-thumb:hover {
background: #004884;
}
.scroll-dark-govco {
overflow-y: scroll;
scrollbar-face-color: #36c !important;
scrollbar-track-color: #fff !important;
scrollbar-arrow-color: #fff !important;
scrollbar-highlight-color: #36c !important;
scrollbar-3dlight-color: #36c !important;
scrollbar-darkshadow-color: #36c !important;
scrollbar-color: #36c #fff !important;
scrollbar-width: thin !important;
}
.scroll-dark-govco::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
.scroll-dark-govco::-webkit-scrollbar-thumb {
border-radius: .625rem;
background: #36c;
}
.scroll-dark-govco::-webkit-scrollbar-track {
border-radius: .625rem;
background: #fff;
}
.scroll-dark-govco::-webkit-scrollbar-thumb:hover {
background: #36c;
}
.scroll-light-govco {
scrollbar-face-color: #004884 !important;
scrollbar-track-color: #e6effd !important;
scrollbar-arrow-color: #e6effd !important;
scrollbar-highlight-color: #e6effd !important;
scrollbar-3dlight-color: #e6effd !important;
scrollbar-darkshadow-color: #e6effd !important;
scrollbar-color: #004884 #e6effd !important;
scrollbar-width: thin !important;
overflow-y: scroll;
}
.scroll-light-govco::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
.scroll-light-govco::-webkit-scrollbar-thumb {
border-radius: .625rem;
background: #004884;
}
.scroll-light-govco::-webkit-scrollbar-track {
border-radius: .625rem;
background: #e6effd;
}
.scroll-light-govco::-webkit-scrollbar-thumb:hover {
background: #004884;
}
/* =========== FORMULARIOS FIELDSET ============= */
/* Fieldset y Legend para nombre entidad */
fieldset.ingreso-ent, fieldset.content-query {
border: .0625rem solid #D9D9D9 !important;
padding: .9375rem;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
margin-bottom: .3125rem;
}
.ingreso-ent legend {
border: .125rem solid #FFF;
background: #007954;
padding: .125rem 1.25rem;
margin-bottom: 0 !important;
-webkit-border-radius: .375rem;
-moz-border-radius: .375rem;
border-radius: .375rem;
-webkit-box-shadow: .1875rem .1875rem .3125rem 0rem rgb(0 0 0 / 30%);
-moz-box-shadow: .1875rem .1875rem .3125rem 0rem rgba(0,0,0,0.3);
box-shadow: .1875rem .1875rem .3125rem 0rem rgb(0 0 0 / 30%);
}
.content-query legend {
width: auto;
border: .125rem solid #FFF;
background: #68AB44;
padding: .125rem 1.25rem;
margin-bottom: 0 !important;
-webkit-border-radius: .375rem;
-moz-border-radius: .375rem;
border-radius: .375rem;
-webkit-box-shadow: .1875rem .1875rem .3125rem 0rem rgb(0 0 0 / 30%);
-moz-box-shadow: .1875rem .1875rem .3125rem 0rem rgba(0,0,0,0.3);
box-shadow: .1875rem .1875rem .3125rem 0rem rgb(0 0 0 / 30%);
float: none !important;
}
.ingreso-ent legend p, .content-query legend p {
color: #FFF;
font-size: .875rem;
text-align: center;
margin-bottom: 0;
}
.content-query h3 {
color: #FFF;
font-size: 1rem !important;
margin: 0;
text-align: center;
}
/* =========== FORMULARIOS ============= */
input, select, select option, option {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {display: none;}
.gov-co-form-group .gov-co-dropdown > div > select, .gov-co-form-group .gov-co-dropdown > select, .gov-co-form-group .gov-co-dropdown .selectpicker {
height: 2.5rem !important;
padding: .375rem 1rem;
border: .0625rem solid #bababa;/*!important*/
}
.gov-co-form-group .gov-co-dropdown select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: .4375rem .625rem;
outline: 0;
border: 0;
position: relative;
transition: all 0.25s ease;
}
.gov-co-form-group .gov-co-dropdown i {
position: absolute;
right: 1.25rem;
top: calc(50% - .125rem);
width: .5rem;
height: .5rem;
display: block;
border-left:.125rem solid #3366cc;;
border-bottom:.125rem solid #3366cc;;
transform: rotate(-45deg);
transition: all 0.25s ease;
}
.gov-co-form-group .gov-co-dropdown:hover i {margin-top: .1875rem;}
.gov-co-form-group .gov-co-dropdown select:hover {
border: .0625rem solid #36c; /*!important*/
box-shadow: 0 0 .3125rem #36c !important;
}
.gov-co-form-group .gov-co-dropdown select:hover option {background: #E6EFFD;}
/*Estilos Selectpicker y Datepicker*/
/*Selectpicker*/
.gov-co-dropdown .dropdown.bootstrap-select button.btn.dropdown-toggle {
height: 2.5rem;
background-color: #FFF;
}
.gov-co-dropdown .dropdown.bootstrap-select button:hover.btn.dropdown-toggle {border: .0625rem solid #36c !important;}
div.dropdown-menu {
border: .0625rem solid #36c !important;
box-shadow: 0 0 .3125rem #36c !important;
}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-menu .dropdown-item:hover {background-color: transparent !important;}
.bootstrap-select .dropdown-menu li:hover{background-color: #e6effd !important;}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option-inner-inner {color: #495057 !important;}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select ul.dropdown-menu li {padding: .375rem 1rem !important;}
button:hover .dropdown-toggle::after {
top: calc(50% - 0rem) !important;
-webkit-transition: 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
}
/*Datepicker*/
div.gj-datepicker .gj-datepicker-bootstrap .gj-unselectable .input-group
div.gj-datepicker .gj-datepicker-bootstrap input:hover
/* input.calendar .form-control-govco .form-control*/ {
border: none !important;
box-shadow: none !important;
}
.gov-co-form-group input[type=text]:hover,
.gov-co-form-group input[type=password]:hover,
.gov-co-form-group input[type=month]:hover,
.gov-co-form-group input[type=number]:hover,
div[role="wrapper"]:hover.gj-datepicker {
border: .0625rem solid #36c;/*!important*/
box-shadow: 0 0 .3125rem #36c !important;
}
.gj-datepicker-bootstrap [role=right-icon] button:hover i::before {color: #007954;}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
background-color: transparent !important;
border-color: none !important;
}
.gj-picker-bootstrap table tr td.gj-cursor-pointer:hover {border-radius: 0rem !important;}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer {border-radius: 0rem !important;}
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
background: transparent !important;
border-radius: 0rem !important;
}
div[role="calendar"].gj-picker {box-shadow: 0 0 .1875rem #004884 !important;}
[type="year"].gj-picker-bootstrap table tr td div:hover,
[type="decade"].gj-picker-bootstrap table tr td div:hover,
[type="century"].gj-picker-bootstrap table tr td div:hover {border-radius: 0rem !important;}
/*Errores en campos - Label, Bordes, Texto interno campo*/
/* .gov-co-error.gov-co-form-group input[type=text], */
.gov-co-error.gov-co-form-group .gov-co-dropdown select,
.gov-co-error div[role="wrapper"].gj-datepicker,
.gov-co-error.gov-co-form-group input[type=month] {
border: .0625rem solid #a80521 !important;
color: #a80521 !important;
}
.gov-co-error.gov-co-form-group input[type=text]:hover,
.gov-co-error.gov-co-form-group .gov-co-dropdown select:hover,
.gov-co-error.gov-co-form-group div[role="wrapper"]:hover.gj-datepicker
.gov-co-error.gov-co-form-group input[type=password]:hover,
.gov-co-error.gov-co-form-group input[type=month]:hover {
box-shadow: 0 0 .1875rem #a80521 !important;
}
/* .gov-co-error label, */
.gov-co-error small,
.gov-co-error.gov-co-form-group div[role="wrapper"] input[role="input"],
.gov-co-error.gov-co-form-group div[role="wrapper"] i {color: #a80521 !important;}
.gov-co-error.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-toggle::after {color: #a80521 !important;}
/*Estilos adicionales formularios*/
/*estilo para alinear horizontalmente los campos*/
.form-row {
display: -webkit-box;
/* display: flex; */
flex-wrap: wrap;
margin-right: -0.3125rem;
margin-left: -0.3125rem;
}
/*Estilos para separar horizontalmente los campos*/
.form-row>.col, .form-row>[class*=col-] {
padding-right: .3125rem;
padding-left: .3125rem;
}
.desplegable-govco~.alert-desplegable-govco {
margin-top: 9.6px !important;
}
/*Estilo para ajustar ancho de campos en resoluciones inferiores a 37.5rem*/
@media (max-width: 37.5rem) {
.form-row>.col, .form-row>[class*=col-] {
width: 100%;
}
}
/*Estilo Efecto Hover Campos Desplegables*/
button.desplegable-selected-option:hover,
input[type="mail"]:hover,
input[type="tel"]:hover,
div:hover.desplegable-govco .desplegable-selected-option,
.entradas-de-texto-govco textarea:hover {
border: .0625rem solid #36c;
box-shadow: 0 0 .3125rem #36c !important;
}
/*Estilo para formzar margen label desplegables*/
.label-desplegable-govco {
margin-bottom: 8px !important;
}
/*Estilo para ajustar posicion campo Contador y entradas de texto*/
.entradas-de-texto-govco {
padding: 0px 0 !important;
}
/*Eliminar sombra y borde en placeholde de desplegable con filtro*/
.gov-co-form-group .desplegable-govco .desplegable-selected-option input[type=text]:hover {
border: none;
box-shadow: none !important;
}
/*Estilo para textarea con estilos govco*/
.entradas-de-texto-govco textarea {
outline: none;
background-color: #FFFFFF;
border: 1.504px solid #737373;
border-radius: 5.008px;
width: 100%;
padding: 8px;
color: #4B4B4B;
font-size: 1rem;
margin-bottom: 8px;
display: inline;
height: auto;
box-sizing: inherit;
line-height: 22px;
}
/*Estilo focus Campos de texto*/
.entradas-de-texto-govco input:not(.success):not(.error):focus {
outline: max(2px, 0.15em) solid #000000;
outline-offset: max(2px, 0.15em);
}
/*Estilo focus Text Area*/
.form-control:focus {
outline: max(2px, 0.15em) solid #000000;
outline-offset: max(2px, 0.15em);
}
/* =========== CONVENIOS ACUERDOS ============= */
#convenios-ant.ca-entidad .ca-elemento, #acuerdos-ant.ca-entidad .ca-elemento {
display: -webkit-box;
-webkit-box-pack: stretch;
justify-content: stretch;
}
.ca-elemento {
margin-bottom: 20px;
min-height: 12.5rem;
}
.ca-elemento a {
text-decoration: none;
}
.ca-elemento a:hover {
text-decoration: underline;
}
.ca-entidad {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
/*Estilo para centrar divs con respecto a row*/
justify-content: center;
/*Estilo para acercar y proporcionar separacion entre divs*/
}
.ca-entidad .ca-container {
min-height: 100%;
}
.ca-container {
min-height: 17.625rem;
background: #fff;
border: .0625rem solid #81ABFF;
padding: 2em;
text-align: center;
border-radius: .3125rem;
cursor: pointer;
display: flex;
/*Estilo para centrar logo verticalmente*/
}
.ca-container:hover {
border: .0625rem solid #36c;
box-shadow: 0 .1875rem .3125rem 0 #3366cc24;
box-shadow: 0 .25rem 0 #3366cc24;
}
.ca-container img {
width: 70%;
margin: auto;
display: block;
}
@media (max-width: 48rem) {
.ca-entidad .ca-container {
min-height: 11.25rem;
padding: 0.5em;
}
.objeto-ca {
font-size: 1rem !important;
padding: 1.875rem !important;
}
}
.ca-descripcion {
display: flex;
align-items: center;
}
.logo-ca {
width: 100%;
max-height: 9.375rem;
justify-content: center;
padding: 1.25rem;
}
.objeto-ca {
font-size: 1.25rem;
padding: 3.125rem;
}
/* Estilo para las filas del tbody */
.tabla-ca tbody tr th:first-child,
.tabla-ca tbody tr td:first-child {
width: 25%; /* Primera columna al 25% del ancho */
}
.tabla-ca tbody tr th:nth-child(2),
.tabla-ca tbody tr td:nth-child(2) {
width: 75%; /* Segunda columna al 75% del ancho */
}
/* Estilo para dispositivos con ancho menor o igual a 37.5rem */
@media (max-width: 37.5rem) {
/* Las columnas deben ocupar el 100% del ancho */
.tabla-ca tbody tr th:first-child,
.tabla-ca tbody tr td:first-child,
.tabla-ca tbody tr th:nth-child(2),
.tabla-ca tbody tr td:nth-child(2) {
width: 100%;
display: block; /* Para que | quede encima de | */
}
}
.form-text {
font-size: .875em !important;
}
/*GRUPO 1 BOTONES HOME*/
.btn-grupo-content {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.btn-grupo-content [class*="col-"] {
display: -webkit-flex;
display: flex;
}
a.btn-grupo-1-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: .9375rem;
border: .0625rem solid #81ABFF;
border-radius: .5rem;
text-decoration: none;
width: 100%;
}
a.btn-grupo-1-item:hover {
border: .0625rem solid #1C7E59;
background-image: url(../images/bg-btn-home-ant.jpg);
cursor: pointer;
}
.btn-grupo-1-item .content {
width: 75%;
}
.btn-grupo-1-item .content p {
font-family: "Montserrat-SemiBold" !important;
font-size: 1.25rem !important;
color: #004884;
line-height: 1.2;
padding-bottom: .9375rem;
display: flex;
align-items: baseline;
}
.btn-grupo-1-item .content p i {
width: 1rem;
height: 1rem;
color: #004884;
border-radius: 50%;
margin-right: .625rem;
}
.btn-grupo-1-item .content span {
font-size: .875rem;
display: inline-block;
color: #1C7E59;
}
.btn-grupo-1-item .icon {
width: 4.5rem;
height: 4.5rem;
line-height: 4.5rem;
border-radius: .375rem;
background-color: #68AB44;
text-align: center;
}
.btn-grupo-1-item .icon img {
width: 2.75rem;
}
.btn-grupo-1-item .icon img{
transition: .4s ease-in-out;
}
.btn-grupo-1-item:hover .icon img{
transform: rotate3d(1, 1, 1, 360deg);
}
.bor-bottom {
border-bottom: .0625rem solid #D9D9D9;
}
.p-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.p-30 {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.pb-45 {
padding-bottom: 45px;
}
.pt-45 {
padding-top: 45px;
}
.p-50 {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
.px-50 {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
.mb-50 {
margin-bottom: 3.125rem;
}
.pr-55 {
padding-right: 55px;
}
.p-65 {
padding: 4.0625rem;
}
.pt-65 {
padding-top: 4.0625rem;
}
.pb-65 {
padding-bottom: 4.0625rem;
}
.py-80 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pr-65 {
padding-right: 4.0625rem;
}
.pl-65 {
padding-left: 4.0625rem;
}
.pt-80 {
padding-top: 5rem;
}
.pb-80 {
padding-bottom: 5rem;
}
.mt-65 {
margin-top: 4.0625rem;
}
.mb-65 {
margin-bottom: 4.0625rem;
}
.mt-30 {
margin-top: 1.875rem;
}
.mb-30 {
margin-bottom: 1.875rem;
}
.pb-130 {
padding-bottom: 130px;
}
.pt-130 {
padding-top: 130px;
}
/*COUNTER LOGROS ANT*/
.counter-logros {
position: relative !important;
display: block;
overflow: hidden !important;
padding: 7.5rem 0 7.5rem;
z-index: 1;
/* background-color: #E3F1DB; */
background-image: linear-gradient(45deg,
rgba(28, 126, 89, 0.75), /*rgba(0, 72, 132, 0.75),*/
rgba(104, 171, 68, 0.75)), url(../../assets/images/backgrounds/bg-cifras-home.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.counter-logros-left {
position: relative;
display: block;
}
.counter-logros-left .section-title {
margin-bottom: 1.5625rem;
}
.ant-separa-left-white {
width: 20%;
margin-right: 80%;
padding: 0rem;
float: left;
height: .125rem;
margin-top: .625rem;
margin-bottom: 1.875rem;
background-color: #FFFFFF;
}
.counter-logros-left .section-title-tagline {
color: #FFFFFF;
}
.counter-logros-left .section-title-tagline::before {
background-color: #FFFFFF;
}
.counter-logros-left .section-title-title {
color: #FFFFFF;
}
.counter-logros-text-1 {
font-size: 1rem;
font-weight: 600;
color: #FFFFFF;
}
.counter-logros-btn-box {
position: relative;
display: block;
margin-top: 1.9375rem;
}
.counter-logros-right {
position: relative;
display: block;
margin-left: 4.375rem;
}
.counter-logros-counter {
position: relative;
display: block;
}
.counter-logros-counter:before {
content: "";
position: absolute;
top: .6875rem;
bottom: .25rem;
left: 50%;
width: .0625rem;
background-color: #FFFFFF;
}
.counter-logros-counter:after {
content: "";
position: absolute;
left: 0;
top: 50%;
right: 0;
height: .0625rem;
background-color: #FFFFFF;
}
.counter-logros-counter li:nth-child(2) {
margin-right: 0;
}
.counter-logros-counter li:nth-child(3) {
margin-bottom: 0;
}
.counter-logros-counter li:nth-child(4) {
margin-bottom: 0;
margin-right: 0;
}
.counter-logros-single {
position: relative;
display: block;
}
.counter-logros-count-box {
position: relative;
display: flex;
align-items: center;
}
.counter-logros-count-box h3 {
font-size: 3.875rem;
color: #FFFFFF;
font-weight: 800;
line-height: 4.375rem;
letter-spacing: 0.04em;
margin-bottom: .625rem;
}
.counter-logros-plus {
font-size: 3rem;
color: #FFFFFF;
font-weight: 800;
line-height: 4.375rem;
letter-spacing: 0.04em;
}
.counter-logros-text-2 {
font-size: 1.125rem;
color: #FFFFFF;
text-align: center;
/*Centrar texto complementario contador logros*/
}
/*Estilos Responsive Logros*/
/* Medium screens */
@media only screen and (min-width: 62rem) and (max-width: 74.9375rem) {
.counter-logros {
padding: 7.5rem 0 6.9375rem;
}
}
@media only screen and (min-width: 62rem) and (max-width: 74.9375rem) {
.counter-logros-left {
max-width: 37.5rem;
margin: 0 auto 0;
}
}
@media only screen and (min-width: 62rem) and (max-width: 87.4375rem) {
.counter-logros-right {
max-width: 37.5rem;
margin: 2.5rem auto 0;
}
}
@media only screen and (min-width: 62rem) and (max-width: 87.4375rem) {
.counter-logros-counter {
max-width: 31.5625rem;
}
}
.counter-logros-counter li {
position: relative;
display: inline-block;
max-width: 11.875rem;
width: 100%;
margin-bottom: 7.625rem;
margin-right: 7.25rem;
}
.counter-logros-counter li:nth-child(2) {
margin-right: 0;
}
.counter-logros-counter li:nth-child(3) {
margin-bottom: 0;
}
.counter-logros-counter li:nth-child(4) {
margin-bottom: 0;
margin-right: 0;
}
/* Tablet Layout: 48rem. */
@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
.counter-logros {
padding: 7.5rem 0 6.9375rem;
}
}
@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
.counter-logros-left {
max-width: 37.5rem;
margin: 0 auto 0;
}
}
@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
.counter-logros-right {
max-width: 37.5rem;
margin: 2.5rem auto 0;
}
}
@media only screen and (min-width: 48rem) and (max-width: 61.9375rem) {
.counter-logros-counter {
max-width: 31.5625rem;
}
}
/* Mobile Layout: 20rem. */
@media only screen and (max-width: 47.9375rem) {
.counter-logros-counter:before,
.counter-logros-counter:after {
display: none;
}
}
@media only screen and (max-width: 47.9375rem) {
.counter-logros {
padding: 7.5rem 0 6.9375rem;
}
}
@media only screen and (max-width: 47.9375rem) {
.counter-logros-right {
margin-left: 0;
margin-top: 2.5rem;
}
}
@media only screen and (max-width: 47.9375rem) {
.counter-logros-counter li {
max-width: 100%;
margin-bottom: 1.625rem;
margin-right: 0;
}
}
@media only screen and (max-width: 47.9375rem) {
.counter-logros-counter li {
max-width: 100%;
margin-bottom: 1.625rem;
margin-right: 0;
width: 100%;
}
}
@media only screen and (max-width: 47.9375rem) {
.counter-logros-counter li:nth-child(3) {
margin-bottom: 1.625rem;
}
.counter-logros-count-box {
justify-content: center;
/*Centrar numero contador logros*/
}
}
/* ESTILOS ACCESOS x3 */
.accesos-ant {
overflow: hidden;
}
.accesos-ant .row {
display: -webkit-box;
display: flex;
justify-content: space-around;
}
.accesos-ant-element {
display: grid;
}
.accesos-ant-item {
overflow: hidden;
position: relative;
padding: .9375rem 1.875rem;
border: .0625rem solid #d9d9d9;
transition: all 0.4s ease-in-out;
border-radius: .5rem;
margin-bottom: .625rem;
}
.accesos-ant-item-icon {
display: flex;
align-items: center;
justify-content: space-between;
}
.accesos-ant-item-icon span {
font-weight: 500;
-webkit-text-stroke-width: .0625rem;
-webkit-text-stroke-color: #c8a041;
font-size: 3.75rem;
line-height: 5rem;
color: transparent;
transition: all 0.4s ease-in-out;
}
.accesos-ant-item-leaf {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(.625rem);
}
.accesos-ant-item a {
text-decoration: none !important;
}
.accesos-ant-item a h3 {
font-size: 1.25rem;
line-height: 24px !important;
color: #1C7E59;
}
.accesos-ant-item a:hover h3 {
color: #36C;
text-decoration: underline;
}
.accesos-ant-item p {
margin: 1.25rem 0;
}
.accesos-ant-item:hover{
border: .0625rem solid transparent;
box-shadow: 0rem .25rem 2.5rem 0rem #68AB4450;
border: .0625rem solid #96CA7A;
}
.accesos-ant-item:hover .accesos-ant-item-icon span {
color: #EBAB25;
-webkit-text-stroke-width: .0625rem;
-webkit-text-stroke-color: #EBAB25;
}
.accesos-ant-item:hover .accesos-ant-item-leaf {
opacity: 1;
visibility: visible;
transform: translateY(0rem);
}
.accesos-ant-item:hover .accesos-ant-item-arrow{
transform: translateX(5.9375rem);
color: #68AB44;
}
.accesos-ant-item:hover .accesos-ant-item-arrow::before{
opacity: 1;
}
.color-am {
color:#EBAB25;
}
/*LINKS 3 COLUMNAS - HOME*/
/*Area Links - 3 col*/
.links-col-ant {
padding: 1.25rem 0 .625rem;
border-top:.3125rem solid #f0f0f0;
border-bottom:.3125rem solid #f0f0f0;
justify-content: space-around;
}
/*Accesos opcion 2*/
.accesos-ant-2 {
display: -webkit-box;
display: flex;
}
.accesos-ant-2-element {
display: grid;
}
/* .content-interior-links-ant {
display: flex;
} */
/*Area Exterior - Imagen de fondo*/
.content-links-col-ant {
width: 100%;
padding: .9375rem;
border-radius: .375rem;
margin-bottom: .625rem;
}
.col-ant-rir {
background: url(../images/backgrounds/bg-acceso-rir.jpg) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.col-ant-credito {
background: url(../images/backgrounds/bg-acceso-banco-agrario.jpg) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.col-ant-convertic {
background: url(../images/backgrounds/bg-acceso-convertic.jpg) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*Area Interior - Borde, Img, Texto*/
.content-interior-links-ant {
width: 100%;
height: 100%;
border: .125rem solid #FFF;
border-radius: .375rem;
padding: .625rem;
position: relative;
overflow: hidden;
display: table;
}
.content-interior-links-ant img {
width: 4rem;
height: 4rem;
vertical-align: middle;
display: table-cell;
margin: .9375rem;
}
.content-interior-links-ant p {
font-family: "Montserrat-Semibold" !important;
color:#FFF;
font-size: 1.25rem;
line-height: 24px;
text-align: left;
vertical-align: middle;
display: table-cell;
width: 100%;
}
.content-interior-links-ant p span {
color: #EBAB25;
}
.content-interior-links-ant:hover {
border: .125rem solid #FFF;
background-color: rgba(13, 56, 40, 0.65);
transition: all 0.4s ease-in-out;
}
.content-interior-links-ant:hover p {color: #EBAB25;}
.content-links-col-ant a {text-decoration: none !important;}
.content-links-col-ant a:hover {color: #EBAB25; text-decoration: underline !important;}
/*Texto Links -3col*/
@media (max-width: 20rem) {
.content-interior-links-ant p {
font-size: 1.25rem;
}
a .content-interior-links-ant p span {
font-size: 1.125rem;
}
}
@media (max-width: 29.9375rem) {
.content-interior-links-ant p {
font-size: 1.25rem;
}
a .content-interior-links-ant p span {
font-size: 1.125rem;
}
.special-size-ant {
font-size: .875rem !important;
}
}
@media (min-width: 48rem) and (max-width:62rem) {
.content-interior-links-ant p.special-size-ant {
font-size: 1rem !important;
}
a .content-interior-links-ant p span {
font-size: 1.375rem;
}
}
@media (min-width: 62rem) {
.content-interior-links-ant p.special-size-ant {
font-size: 1rem !important;
}
a .content-interior-links-ant p span {
font-size: 1.25rem;
}
}
/*ESTILOS MULTIMEDIA HOME*/
/*Estilos para estructura a 3 columnas*/
section#multimedia-ant {
background-image: url(../images/backgrounds/bg-multimedia.png);
background-repeat: no-repeat;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.cajas-multimedia-ant {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-around;
}
.cajas-multimedia-ant [class*="col-"] {
display: -webkit-flex;
display: flex;
}
.multimedia-ant-item {
overflow: hidden;
background-color: rgba(255,255,255,0.6);
border: 1px solid #d9d9d9;
padding: 30px;
border-radius: .5rem;
}
.multimedia-ant-item h3 {
margin: 30px 0;
font-size: 1.25rem;
}
a.multimedia-ant-item-arrow {
font-size: 1.125rem;
text-decoration: none;
position: relative;
transform: translateX(0);
transition: all 0.4s ease-in-out;
color: #1C7E59;
}
a:hover.multimedia-ant-item-arrow {
text-decoration: underline;
}
.multimedia-ant-item-arrow::before {
position: absolute;
font-weight: 600;
color: #1C7E59;
font-size: 1rem;
left: -100px;
top: -2px;
transition: all 0.4s ease-in-out;
opacity: 0;
}
.multimedia-ant-item:hover .multimedia-ant-item-arrow {
transform: translateX(95px);
color: #3366CC;
}
.multimedia-ant-item:hover .multimedia-ant-item-arrow::before {
opacity: 1;
}
/*Estilos Video YouTube - Fotos Flickr*/
#multimedia-ant iframe {
border-radius: .375rem;
}
.video-yt-ant {
align-content: center;
}
/* Estilos CSS personalizados */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe {
border-radius: .375rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: .625rem;
}
.album-container {
padding: .625rem;
border: .0625rem solid #DFDFDF;
margin-bottom: .625rem;
border-radius: .375rem;
width: 100%;
overflow: hidden;
position: relative;
}
.album-container img {
border-radius: .375rem;
max-width: 100%;
width: 100%;
}
#multimedia-ant iframe.flickr-embed-frame {
border: .125rem solid red;
width: 100% !important;
}
@media (min-width: 20rem) and (max-width:48rem){
.flickr-embed .flickr-embed-photo {
width: 100% !important;
}
.album-container {
width:fit-content !important;
border: .0625rem solid red;
width: 100% !important;
}
}
/*ESTILOS GRID LOGOS ENTIDADES SECTOR*/
.entidades-grid {
justify-content: space-around;
}
.entidad-sector {
position: relative;
display: block;
background-color: #F3F3F3;
text-align: center;
border-radius: .375rem;
margin-bottom: 1.25rem;
padding: .625rem;
z-index: 1;
cursor: pointer;
}
.entidad-sector:hover {
background-color: #ECF6E7;
}
.entidad-img {
position: relative;
display: block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 1;
}
.entidad-img img {
max-height: 2.8125rem;
max-width: 12.5rem !important;
}
/*ESTILOS CARRUSEL LOGOS ENTIDADES SECTOR*/
.sec-ptb-100 {
padding: 6.25rem 0rem;
}
.owl-carousel .item img {
width: 100%;
height: auto;
}
/* Estilos para los controles del carrusel */
.owl-prev,
.owl-next {
position: absolute;
top: 36%;
transform: translateY(-50%);
background-color: #1C7E59 !important;
color: #FFF !important;
opacity: 0.37;
font-size: 1.5rem !important;
border-radius: 50% !important;
width: 2.5rem;
height: 2.5rem;
}
.owl-carousel .item {
background-color: #F3F3F3;
border-radius: .375rem;
padding: .625rem;
}
.owl-carousel .item:hover {
background-color: #ECF6E7;
}
.owl-carousel .item img {
max-height: 2.75rem;
max-width: 12.5rem !important;
margin: auto; /*Para centrar imagen*/
}
.owl-prev {
left: .625rem;
}
.owl-next {
right: .625rem;
}
/* ==================================== Menú Navegación Extendida ==================================== */
.btn-menu-govco {
border: 0;
background-color: transparent;
/* margin-left: 16px; */
}
.btn-menu-govco.navbar-toggler {
padding: 0;
}
.btn-menu-govco.navbar-toggler:focus {
box-shadow: initial;
background-color: transparent;
}
.btn-menu-govco.navbar-toggler:focus-visible {
outline: max(2px, 2px) solid #000000;
outline-offset: max(2px, 2px);
}
.btn-menu-govco.dropdown-toggle:after {
content: initial;
}
.btn-menu-govco .icon-menu-govco {
display: flex;
height: 100%;
}
.btn-menu-govco .icon-menu-govco:after {
font-family: "govco-fontv2"; /*govco-fontv5*/
content: "\e83f"; /*\e832*//*govco-fontv5*//*Icono Hamburguesa*/
font-size: 2.25rem !important;
color: #4C4C4C;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.btn-menu-govco[aria-expanded="true"] .icon-menu-govco:after {
content: "\eb73"; /*\ea95*//*govco-fontv5*//*Icono X Cerrar*/
font-size: 1.5rem;
}
/**/
@media (min-width: 62rem) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 8px;
padding-left: 8px;
}
}
/*Ajuste de margen dropdown*/
@media (min-width: 62rem) {
.navbar-menu-govco ul.navbar-nav li ul {
margin-top: 3.2px !important;
}
}
/*Ajuste altura y posición botón extensión menu govco*/
.ext-menu-govco .btn-menu-govco {
height: 100%;
padding: 14px 8px 0 8px !important;
margin-left: 0 !important;
}
/*Estilos hover extension menu govco*/
.nav-item.dropdown.ext-menu-govco:hover,
.nav-item.dropdown.ext-menu-govco button:hover,
.nav-item.dropdown.ext-menu-govco a:hover {
background-color: #1C7E59 !important;
color: #FFFFFF;
}
.btn-menu-govco:hover .icon-menu-govco::after {
color: #FFFFFF !important;
}
/*Estilos HOVER y ACTIVE para subopciones de extension menu gov.co*/
.nav-item.dropdown.ext-menu-govco ul li ul li a:hover {
background: transparent !important;
}
.nav-item.dropdown.ext-menu-govco ul li ul li a:active {
background-color: #FFFFFF !important;
}
/*Definir color de li cuando menu esta desplegado*/
.nav-item.dropdown.ext-menu-govco button[aria-expanded="true"],
.nav-item.dropdown.ext-menu-govco button[aria-expanded="true"]::after,
.nav-item.dropdown.ext-menu-govco a[aria-expanded="true"],
.nav-item.dropdown.ext-menu-govco a[aria-expanded="true"]::after {
background-color: #1C7E59 !important;
color: #FFFFFF;
}
.nav-item.dropdown.ext-menu-govco button[aria-expanded="true"]::after,
.nav-item.dropdown.ext-menu-govco a[aria-expanded="true"]::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/*Asegurar icono X en color blanco cuando menu esta desplegado*/
.btn-menu-govco[aria-expanded="true"] .icon-menu-govco:after {
color: #FFFFFF !important;
}
/*Estilos para ajustar dropdown ul li dentro de extension menu govco*/
.navbar-expand-lg .navbar-nav .nav-link {
display: inline-flex;
justify-content: space-between;
width: 100%;
border: 0;
font-size: .875rem !important;
color: #4B4B4B;
}
.ext-menu-govco ul.navbar-nav li .dropdown-menu:not(.megamenu-menu-govco) li {
width: 360px;
}
.ext-menu-govco .navbar-nav .nav-item.ext-menu-govco .dropdown-menu .nav-link {
height: auto;
}
.menu-govco .navbar-nav .nav-item:hover .nav-link[aria-expanded="true"]:not(.btn-menu-govco)::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
text-decoration: none!important;
color: #FFFFFF;
}
.nav-item.dropdown.ext-menu-govco .nav-item.dropdown button:hover span,
.nav-item.dropdown.ext-menu-govco .nav-item.dropdown a:hover span {
text-decoration: underline !important;
}
.nav-item.dropdown.ext-menu-govco .nav-item.dropdown button:hover::after,
.nav-item.dropdown.ext-menu-govco .nav-item.dropdown a:hover::after {
color: #FFFFFF !important;
}
.ext-menu-govco .navbar-nav .nav-item .nav-link:hover,
.ext-menu-govco .navbar-nav .nav-item .nav-link[aria-expanded="true"] {
background-color: #1C7E59;
color: #FFFFFF;
}
.ext-menu-govco .navbar-nav .nav-item .nav-link:hover {
background-color: gray;
color: #FFFFFF;
}
@media (min-width: 47.9375rem) {
.ext-menu-govco .navbar-nav .nav-item > .nav-link span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 21.008px;
}
}
.ext-menu-govco .navbar-nav .nav-item .nav-link[aria-expanded="false"]:not(.btn-menu-govco)::after,
.dropdown-toggle:not(.btn-menu-govco):after {
border: 0;
font-family: "govco-fontV2";
font-size: .75rem;
content: "\e8b5";/*\e815*//*govco-fontv5*//*Icono Flecha o Chevron abajo*/
color: #4C4C4C;
-webkit-transition: .3s linear;
transition: .3s linear;
margin-top: 3.008px;
margin-left: 0;
overflow: hidden;
min-width: 13.008px;
height: 9.008px;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-menu-govco ul.navbar-nav li a.show .icon-caret-menu-govco::before
.ext-menu-govco .navbar-nav .nav-item .nav-link[aria-expanded="true"]:not(.btn-menu-govco)::after {
-webkit-transform: rotate(-180deg) !important;
transform: rotate(-180deg) !important;
text-decoration: none !important;
color: #FFFFFF;
}
/*Estilos responsive extension menu govco*/
@media (min-width: 47.9375rem) {
.cabecera-govco + .ext-menu-govco.navbar {
border-bottom: 4px solid #E8A045;
}
.ext-menu-govco .navbar-nav > .nav-item {
max-width: 185.008px;
}
.ext-menu-govco .navbar-nav .nav-item > .nav-link span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 21.008px;
}
.ext-menu-govco ul.navbar-nav li .dropdown-menu {
margin-top: 6.88px!important;
}
.ext-menu-govco ul.navbar-nav li .dropdown-menu.megamenu-menu-govco {
margin-top: 4px!important;
}
.ext-menu-govco ul.navbar-nav li:not(.ext-menu-govco) .dropdown-menu ul {
display: flex;
flex-direction: column;
}
.ext-menu-govco .dropdown-menu.dropdown-menu-center-govco {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ext-menu-govco:has(.ext-menu-govco) .dropdown-menu.dropdown-menu-center-govco {
left: 40%;
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ext-menu-govco .dropdown-menu.megamenu-menu-govco {
max-width: 100%;
width: 1268px;
}
.ext-menu-govco ul.navbar-nav li .dropdown-menu.col-3-menu-govco li,
.ext-menu-govco .dropdown-menu.megamenu-menu-govco li {
width: 315.008px;
}
}
@media (max-width: 47.9375rem) {
.ext-menu-govco .navbar-nav .nav-item {
width: 100% !important;
}
}
.ext-menu-govco .navbar-nav .nav-item .nav-link:not(.btn-menu-govco) {
padding: 16px 10px;
}
@media (max-width: 47.9375rem) {
.menu-govco ul.navbar-nav li .dropdown-menu {
border-bottom: 0;
padding-bottom: 0;
flex-direction: column;
}
}
/* Ocultar el botón hamburguesa en pantallas entre 48rem y 61.9375rem */
@media (min-width: 20rem) and (max-width: 61.9375rem) {
.navbar-collapse-menu-govco .btn-menu-govco {
display: none !important;
}
/* Alinear los ítems uno debajo del otro en pantallas más pequeñas */
.navbar-collapse-menu-govco .nav-item.dropdown.ext-menu-govco {
display: block !important;
width: 100%;
}
/* Mostrar el menú desplegable como lista en pantallas más pequeñas */
.navbar-collapse-menu-govco .dropdown-menu.dropdown-menu-end {
display: block !important;
width: 100%;
}
/* Ajustar tamaño de opcion dropdow*/
.ext-menu-govco ul li.nav-item.dropdown button {
height: 48px;
align-items: center;
padding-left: 24px !important;
padding-right: 30px !important;
}
/*Eliminar color verde que se ve en UL*/
.nav-item.dropdown.ext-menu-govco:hover {
background-color: #F2F2F2 !important;
}
}
/* Ocultar todo el contenido dentro de class ext-menu-govco en pantallas más pequeñas */
@media (max-width: 47.9375rem) {
.navbar-collapse-menu-govco .ext-menu-govco {
display: none !important;
}
li:hover.nav-item.dropdown.ext-menu-govco {
background-color: #F2F2F2;
}
}
/*Icono de Flecha o Chevron en opciones dropdown en menu govco*/
.navbar-menu-govco ul.navbar-nav li a .icon-caret-menu-govco::before {
font-family: "govco-fontV2";
content: "\e8b5";
font-size: .75rem;
}
/*Color blanco de FLecha o Chevron al hacer HOVER en opciones dropdown de menu govco*/
.navbar-menu-govco ul.navbar-nav li a:hover .icon-caret-menu-govco::before {
color: #FFFFFF !important;
-webkit-transition: .3s linear;
transition: .3s linear;
}
/*Color blanco de FLecha o Chevron al hacer CLIC en opciones dropdown de menu govco*/
.blue-menu-govco .navbar-menu-govco ul.navbar-nav li a[aria-expanded="true"] .icon-caret-menu-govco::before,
.blue-menu-govco .navbar-menu-govco ul.navbar-nav li a.nav-link.active .icon-caret-menu-govco::before {
color: #FFFFFF !important;
}
/**/
@media (min-width: 20rem) and (max-width: 61.9375rem) {
.navbar-menu-govco ul.navbar-nav li a.show .icon-caret-menu-govco::before {
font-family: "govco-fontV2";
content: "\e8b5";/*\e8b8*/
}
}
@media (min-width: 62rem) and (max-width: 120rem) {
.navbar-menu-govco ul.navbar-nav li a.show .icon-caret-menu-govco::before {
font-family: "govco-fontV2";
content: "\e8b8";/*\e8b8*/
-webkit-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
}
/* ==================================== Fin Menú Navegación Extendida ==================================== */
/*ESTILOS FORMULARIOS TRAMITES - LINEA DE AVANCE*/
/*Estilo parrafo en linea de avance*/
.linea-avance-govco p {
margin: 1rem !important;
}
/*Estilos LEgend colores Govco*/
.linea-avance-govco.h-linea-avance-govco .contents-example-linea-avance-govco,
.linea-avance-govco.v-linea-avance-govco .contents-example-linea-avance-govco {
background-color: transparent !important;
height: auto;
max-width: 100% !important;
}
.content-query legend.legend-govco {
width: 100%;
border: none;
border-bottom: 4px solid #004884;
background: #E6EFFD;
padding: 20px 20px;
margin-bottom: 0 !important;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
float: none !important;
box-shadow: none;
margin-bottom: 30px !important;
}
.content-query legend.legend-govco h3,
.content-query legend.legend-govco h2 {
color: #004884;
font-size: 1rem !important;
margin: 0;
text-align: center;
}
/*Estilo para alinear X Clear en lista de seleccion de tramites*/
.linea-avance-govco.h-linea-avance-govco .contents-example-linea-avance-govco button.btn-clear-desplegable-govco,
.linea-avance-govco.v-linea-avance-govco .contents-example-linea-avance-govco button.btn-clear-desplegable-govco {
margin-right: 0 !important;
margin-bottom: 0 !important;
}
/*Columna sticky en aside de tramites*/
.aside-sticky {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
/*Ajustes Descripciones emergentes en labels de tramites*/
.linea-avance-govco.h-linea-avance-govco .contents-example-linea-avance-govco button.btn-descripcion-emergente-govco {
margin-right: 0.938rem;
margin-bottom: 0.5rem;
}
.gov-co-form-group .btn-descripcion-emergente-govco::before {
font-size: 1rem !important;
}
.gov-co-form-group .btn-descripcion-emergente-govco {
width: 24px !important;
height: 24px !important;
}
/*Ajuste tamaño descripcion emergente*/
.btn-descripcion-emergente-govco:focus {
min-width: 26px !important ;
}
/*Encuesta Tramite*/
.cta-encuesta-tramite {
background-color: #E6EFFD;
padding: 10px;
text-align: center;
display: block;
border-radius: 6px;
}
.cta-encuesta-tramite p {
text-align: center;
font-size: 1.125rem;
/* font-weight: 500; */
font-family: "Montserrat-SemiBold" !important;
letter-spacing: 0px;
color: #004884;
}
/*ESTILOS LISTAS UL*/
ul.lista-ul-ant {
list-style: none;
padding-bottom: 35px;
}
ul.lista-ul-ant li:not(:last-child), ul.lista-ul-vsn-tabla li:not(:last-child) {
padding-bottom: 10px;
}
ul.lista-ul-ant li, ul.lista-ul-vsn-tabla li {
position: relative;
padding-left: 30px;
}
ul.lista-ul-ant li i {
font-size: 1rem;
color: #1C7E59;
position: absolute;
top: 3px;
left: 0;
}
/*********** ESTILOS NUEVOS PARA CARALOGOS ANT ***********/
/*FOOTER*/
/*Estilo para modificar height de footer inferiores a 991px*/
@media (max-width: 991px) {
.govco-footer-logo-portal {
height: auto;
}
}
/*Modificar margen superior de area iconos redes en footer*/
.extramt-network {
margin-top: 1.563em !important;
}
/*Estilos para Icono de Red X (Twitter) en Footer BLANCO*/
.govco-x-square-w:before {
display: inline-block;
width: 0.955em !important;
height: 0.955em !important;
border-radius: 2px;
background-color: #FFFFFF;
vertical-align: text-bottom;
color: #3366CC !important;
margin-top: 1px !important;
}
.govco-x-square-w:before {
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: 62%;
}
.govco-x-square-w:before {
background-image: url("data:image/svg+xml,");
}
a:visited > .govco-x-square-w:before {
background-color: #FFFFFF;
}
a:hover > .govco-x-square-w:before {
background-color: #FFFFFF;
}
footer.govco-footer p.tit-footer {
margin-bottom: 1.5em !important;
}
/*LOGIN CATALOGOS*/
.bg-login-catalogos {
position: relative !important;
display: block;
overflow: hidden !important;
padding: 3rem 0 3rem;
z-index: 1;
background-image: url(../../assetsAppConv/images/backgrounds/bg-login-catalogos-ant.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg-login-catalogos .card-body {
background-color: transparent !important;
}
/*CARRUSEL TXT-IMG*/
/*Carousel Img Big*/
.carousel-imgBig {
overflow: hidden;
}
.carousel-imgBig-right {
position: relative;
}
.sub-bg {
background-color: #F5F5F5;
}
.carousel-imgBig-wrp {
position: relative;
}
.carousel-imgBig .swiper.have-bg {
width: 48%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.carousel-imgBig-right .swiper.have-bg {
width: 48%;
height: 100%;
position: absolute;
top: 0;
left: inherit;
right: 0;
}
.bor-right {
border-right: 1px solid #D9D9D9;
}
@media (min-width: 992px) {
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
.section-header {
margin-bottom: 65px;
}
.section-header p.tit-min {
font-size: 1.25rem;
color: #1C7E59;
font-weight: 700;
text-transform: uppercase;
}
.section-header h2 {
font-size: 2rem;
font-weight: 500;
line-height: 2.4rem;
}
.section-header p {
margin-top: 30px;
line-height: 28px;
}
.arry-btn button {
text-align: center;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 24px;
border-radius: 50%;
border: 1px solid #D9D9D9;
color: #D9D9D9;
transition: all 0.4s ease-in-out;
}
.arry-btn button:hover {
background-color: #1C7E59;
color: #FFFFFF;
border: 1px solid #1C7E59;
}
.arry-btn .active {
background-color: #1C7E59;
color: #FFFFFF;
border: 1px solid #1C7E59;
}
.arry-prev {
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
border-radius: 50%;
border: 1px solid #D9D9D9;
color: #D9D9D9;
transition: all 0.4s ease-in-out;
}
.arry-prev:hover {
background-color: #1C7E59;
color: #FFFFFF;
border: 1px solid #1C7E59;
}
.arry-next {
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
border-radius: 50%;
transition: all 0.4s ease-in-out;
background-color: #1C7E59;
color: #FFFFFF;
border: 1px solid #1C7E59;
}
.carousel-imgBig .wrp {
position: relative;
}
.carousel-imgBig .pegi-number {
color: #1C7E59;
font-size: 24px;
}
.carousel-imgBig .pegi-number span {
font-size: 24px;
font-weight: 300;
}
.pegi-number span {
display: inline-block;
color: #888888;
}
.carousel-imgBig .pegi-number span:not(:last-child) {
color: #1C7E59;
font-weight: 600;
}
.carousel-imgBig .wrp::after {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 155px;
height: 1px;
background-color: #D9D9D9;
transform: rotate(-50deg);
}
.carousel-imgBig-right .swiper.have-bg {
width: 48%;
height: 100%;
position: absolute;
top: 0;
left: inherit;
right: 0;
}
.carousel-imgBig-image {
width: 50%; /*100%*/
height: 50%; /*100%*/
position: absolute;
top: 0; /*130px*/
right: 0; /*auto*/
}
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* .swiper-pointer-events {
touch-action: pan-y;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
} */
/*Carousel Img Small*/
/* .testimonial {
overflow: hidden;
} */
.carousel-imgSmall-wrp.bor {
border: 1px solid #D9D9D9;
border-radius: 0.5rem;
}
.carousel-imgSmall-head-wrp {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.carousel-imgSmall-head-wrp.bor-bottom {
border-bottom: 1px solid #D9D9D9;
}
.carousel-imgSmall-item {
background-color: #FFFFFF;
}
/* .testimonial__item-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px;
border-bottom: var(--border-1px);
}
.testimonial__item-head i {
font-size: 60px;
color: #1C7E59;
}
.testimonial__item-head-info {
display: flex;
align-items: center;
}
.testimonial__item-head-info-image {
margin-right: 20px;
}
.testimonial__item-head-info-con span {
color: #1C7E59;
font-weight: 600;
margin-top: 15px;
}
.testimonial__item-content {
padding: 30px;
}
.testimonial__item-content p {
font-size: 22px;
font-weight: 500;
line-height: 35px;
color: #676767;
} */
.carousel-imgSmall-item p {
font-size: 1rem !important;
font-weight: 500;
line-height: 1.2rem;
color: #676767;
}
.carousel-imgSmall-item .carousel-imgSmall-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.carousel-imgSmall-item .carousel-imgSmall-header .carousel-imgSmall-content span {
color: #1C7E59;
padding-top: 10px;
font-weight: 600;
}
/* .carousel-imgSmall-item .carousel-imgSmall-header i {
font-size: 100px;
color: #1C7E59;
} */
.carousel-imgSmall-image {
position: relative;
}
.carousel-imgSmall-image img {
width: 100% !important;
}
.carousel-imgSmall-image::after {
position: absolute;
content: url(../../assets/images/testimonial/testimonial-line.png);
left: -80px;
top: 5px;
}
.carousel-imgSmall-item p {
font-size: 16px;
line-height: 26px;
}
.carousel-imgSmall-item .carousel-imgSmall-header .carousel-imgSmall-content h4 {
font-size: 16px;
}
.carousel-imgSmall-item .carousel-imgSmall-header .carousel-imgSmall-content span {
font-size: 14px;
padding-top: 0px;
font-weight: 400;
}
/*.testimonial-two__item .testi-header i {
font-size: 30px;
} */
.carousel-imgSmall-content h3 {
font-size: 1.5rem;
font-weight: 600;
line-height: 36px;
}
.carousel-imgSmall-item .carousel-imgSmall-header .carousel-imgSmall-content span {
font-size: 1rem;
color: #1C7E59;
padding-top: 10px;
font-weight: 600;
}
@media screen and (max-width: 1199px) {
.carousel-imgSmall-image::after {
display: none;
}
/* .project-single__testimonial {
padding: 40px;
}
.project-single__testimonial p {
font-size: 18px;
line-height: 28px;
}
.project-single__testimonial i {
font-size: 40px;
top: 20px;
right: 30px;
} */
}
@media screen and (max-width: 991px) {
.carousel-imgSmall .pr-55 {
padding-right: 0;
}
.carousel-imgSmall .pl-65 {
padding-left: 20px;
}
.dot-wrp {
margin-top: 30px !important;
}
}
@media screen and (max-width: 424px) {
.carousel-imgSmall-head-wrp {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.section-header h2 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
}
}
@media screen and (max-width: 1366px) {
.carousel-imgSmall-image::after {
top: -36px;
}
}
.dot .swiper-pagination-bullet,
.dot-light .swiper-pagination-bullet {
width: 20px;
height: 20px;
border-radius: 50%;
transition: 0.6s;
background-color: transparent;
opacity: 1;
position: relative;
border: 1px solid transparent;
}
.dot .swiper-pagination-bullet.swiper-pagination-bullet-active,
.dot-light .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 1px solid #1C7E59;
}
.dot .swiper-pagination-bullet::before, .dot-light .swiper-pagination-bullet::before {
position: absolute;
content: "";
top: 5px;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #858585;
transition: 0.6s;
}
.dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
.dot-light .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
background-color: #1C7E59;
}
.carousel-imgSmall-item .carousel-imgSmall-header span {
font-weight: 500;
font-size: 5rem;
color: #3366CC;
line-height: 5rem;
transition: all 0.4s ease-in-out;
}
|