p {
    margin-top:10px
  }
  
  header#site-header button {
    background-color:transparent
  }
  
  header#site-header .top-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding-top:10px
  }
  
  header#site-header .top-header>button {
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#062658
  }
  header#site-header .top-header>button:after {
    content:"Menú";
    text-transform:capitalize;
    font-size:18px
  }
  header#site-header .top-header button i {
    font-weight:700;
    font-size:30px
  }
  header#site-header .top-header #mobile-menu {
    display:none;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background-color:#1e1859;
    z-index:100
  }
  header#site-header .top-header #mobile-menu button {
    color:#062658;
    display:block;
    margin-left:auto;
    padding:5px 10px;
    background-color:#fff;
    border-radius:10px 0 0
  }
  header#site-header .top-header #mobile-menu ul {
    list-style:none;
    text-align:left;
    padding:0;
    margin:0
  }
  header#site-header .top-header #mobile-menu ul li {
    padding:15px;
    margin:0;
    text-align:center
  }
  header#site-header .top-header #mobile-menu ul li:first-child {
    background-color:#00adee
  }
  header#site-header .top-header #mobile-menu ul li a {
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700
  }
  header#site-header .top-header .logos-direction {
    text-align:left;
    flex-basis:0;
    flex-grow:1;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%)
  
  }
  header#site-header .top-header .logos-direction img {
    display:none;
    
  
  }
header#site-header .top-header .logos-direction img:first-child {
    display:inline-block;
    height:100px;
  
  }
 
  
  header#site-header .bottom-header {
    display:none
  }
  
  header.entry-header {
    display:none
  }
  
  main#site-content>article.page {
    padding-top:0
  }
  
  footer#site-footer {
    text-align:center;
    padding:3rem;
    background-color:#062658
  }
  
  @media (min-width: 576px) {
    header#site-header .top-header .logos-direction img:first-child {
      display:inline-block;
      height:120px;
    }
  }
  
  @media(min-width:768px) {
  
    .md-hidden,
    header#site-header button.menu-mobile,
    header#site-header nav.mobile-menu {
      display:none
    }
    
    header#site-header .top-header .logos-direction {
      display: flex;
      position: static;
      flex-basis:0;
      flex-grow:1;
      transform: translateX(0);
    }
    
    header#site-header .top-header .logos-direction img {
      display: block;
      height: 50px;
      padding:0 0 0 20px;
      transform:translateY(0)
    }
    
    header#site-header .top-header .logos-direction img:first-child{
      height: 100px;
        
    }
    
    header#site-header .top-header .logos-direction img:nth-child(2) {
      border-left: 2px solid #9a999e;
        padding-left: 20px;
        margin-left: 10px;
      transform: translateY(45px)
    }
    
    header#site-header .bottom-header {
      display:block;
      background-color:#062658
    }
    header#site-header .bottom-header nav {
      max-width:992px;
      margin:auto
    }
    header#site-header .bottom-header nav ul {
      list-style:none;
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      padding:0;
      margin:0
    }
    header#site-header .bottom-header nav ul li {
      padding:15px 20px;
      margin:0
    }
    header#site-header .bottom-header nav ul li:first-child {
      background-color:#00adee
    }
    header#site-header .bottom-header nav ul li a {
      font-size:16px;
      font-weight:700;
      color:#fff;
      text-decoration:none
    }
  }
  
  @media(min-width:992px) {
    header#site-header .top-header {
      padding-left: 40px;
    }

    
    header#site-header .content-header img{
        width: 100%
  }
}
  @media(max-width:767px) {
    .xs-center,
    .xs-center * {
      text-align:center!important
    }
  }


.d-none {
  display: none;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-none {
    display: none;
  }
}
  

/**
 * PROYECTOS AMBIENTALES
**/
.mimg-reto-tab-forms .vc_custom_1725544313145 .ult_tabs ul.ult_tabmenu {
	background-color: transparent;
	border: none;
}

.mimg-reto-tab-forms .vc_custom_1725544313145 .ult_tabs ul.ult_tabmenu li::before {
	-webkit-box-shadow: none;
    box-shadow: none;
}

.vc_custom_1725544313145 .ult-span-text {
  position: relative;
	visibility: hidden;
}

.vc_custom_1725544313145 .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-trayectoria.png');
  position: absolute;
  top: 50%;
  left: 50%;
	transform: translate(-50%, -100%);
  width: 70px;
  height: auto;
	visibility: visible;
}

#nf-form-3_13-cont .nf-before-form-content {
	display: none;
}
#nf-form-3_13-cont #ninja_forms_required_items, .nf-field-container {
	margin-bottom: 40px;
}
#nf-form-3_13-cont #ninja_forms_required_items #nf-field-12_1-container, #nf-field-12_1-container.nf-field-container {
	margin-bottom: 0px;
}
#nf-form-3_13-cont #nf-field-17_1-container p {
	margin: 0;
}
#nf-form-3_13-cont #nf-field-17_1-container p > span {
	font-family: 'Barlow';
	font-weight: 500;
	color: #ffffff;
}
#nf-form-3_13-cont .nf-form-content .nf-field-container * .nf-field-element .ninja-forms-field, #nf-form-3_13-cont  .nf-form-content .nf-field-container #nf-field-18_13-wrap .nf-field-element .ninja-forms-field, #nf-form-3_13-cont .nf-form-content .nf-field-container #nf-field-29_13-wrap .nf-field-element .ninja-forms-field, #nf-form-3_13-cont .nf-form-content .nf-field-container #nf-field-40_13-wrap .nf-field-element .ninja-forms-field {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	border-color: #958275;
}
#nf-form-3_13-cont .nf-form-content .nf-field-container * .nf-field-element button.ninja-forms-field {
	background-color: #054222;
	border-color: #054222;
}
#nf-form-3_13-cont .nf-form-content input:not([type=button]) {
	border-radius: unset;
}
.nf-form-content .nf-field-container * .nf-field-label label, .nf-form-content .nf-field-container * .nf-field-label label a, .files_uploaded p, #nf-label-field-57_13, #nf-field-70_13 fieldset legend, #nf-form-3_13-cont #nf-field-58_13-wrap p, #nf-form-3_13-cont #nf-field-73_13-wrap p, #nf-form-3_13-cont #nf-field-74_13-wrap p, #nf-form-3_13-cont #nf-field-77_13-wrap p, #nf-form-3_13-cont #nf-field-79_13-wrap p, #nf-form-3_13-cont #nf-field-82_13-wrap p, #nf-form-3_13-cont #nf-field-83_13-wrap p {
	font-family: 'Barlow';
	font-weight: 500;
	color: #ffffff !important;
}

#nf-form-3_13-cont #nf-field-57_13-wrap > .nf-field-element > ul > li, #nf-form-3_13-cont #nf-field-60_13-wrap p, #nf-form-3_13-cont .nf-input-limit {
	color: #ffffff !important;
}

#nf-form-3_13-cont #nf-field-58_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-73_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-74_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-77_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-79_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-82_13-wrap .nf-field-element > p, #nf-form-3_13-cont #nf-field-83_13-wrap .nf-field-element > p {
	font-size: 12px !important;
}
#nf-form-3_13-cont .nf-field > #nf-field-37_13-wrap .nf-field-element p {
	font-family: 'Barlow';
	font-weight: 500;
	font-size: 21px;
	color: #ffffff;
}
#nf-form-3_13-cont button, #nf-form-3_13-cont .nf-form-content .nf-field-container * .nf-field-element input[type=submit].ninja-forms-field {
	background-color: #958275!important;
	border-color: #958275!important;
	color: #ffffff!important;
}
#nf-form-3_13-cont button:hover, #nf-form-3_13-cont .nf-form-content .nf-field-container * .nf-field-element input[type=submit].ninja-forms-field:hover {
	background-color: #534741!important;
	border-color: #534741!important;
	color: #ffffff!important;
	text-decoration: none!important;
}

#nf-form-3_13-cont #nf-field-70_13 fieldset {
	border-color: #958275!important;
}

#nf-form-3_13-cont #nf-field-85_13-wrap p {
	color: #ffffff;
}

#nf-form-3_13-cont #nf-field-85_13-wrap p:first-child {
	font-size: 30px;
	margin-bottom: 0px
}

/* ÍCONOS TABS */
.vc_custom_1725544313145 .ult-span-text {
	position: relative;
	visibility: hidden;
}

.vc_custom_1725544313145 li:first-child .ult-span-text::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
	width: 70px;
	height: auto;
	visibility: visible;
}

.vc_custom_1725544313145 li:nth-child(1) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-emprendimientos.png');
}
.vc_custom_1725544313145 li:nth-child(2) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-investigacion.png');
}
.vc_custom_1725544313145 li:nth-child(3) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-turismo.png');
}
.vc_custom_1725544313145 li:nth-child(4) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-educacion.png');
}
.vc_custom_1725544313145 li:nth-child(5) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-infraestructura.png');
}
.vc_custom_1725544313145 li:nth-child(6) .ult-span-text::before {
	content: url('https://www.guayaquil.gob.ec//wp-content/uploads/2024/09/icon-tecnologia.png');
}

/* FORM FIELDS */
.nf-form-content .nf-field-container * .nf-field-element .ninja-forms-field {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	border-color: #958275;
}
.nf-form-content input:not([type=button]) {
	border-radius: unset;
}

.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row:first-child .p,
.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row:nth-child(2) *,
.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row:nth-child(7) *,
.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row .html-wrap *,
.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row .nf-input-limit,
.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row fieldset legend {
	color: #ffffff;
} 

.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row:nth-child(7) * {
	font-size: 24px;
}

.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row fieldset {
	border-color: #958275;
}


.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row:not(:first-child, :nth-child(7)) .html-wrap .nf-field-element p {
	font-size: 12px!important;
}

.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row .file_upload-wrap button,
.mimg-reto-tab-forms form .nf-form-content button,
.mimg-reto-tab-forms form input[type="submit"] {
	background-color: #958275!important;
	border-color: #958275!important;
}

.mimg-reto-tab-forms form .nf-form-content nf-rows-wrap .nf-row .file_upload-wrap button:hover,
.mimg-reto-tab-forms form .nf-form-content button:hover,
.mimg-reto-tab-forms form input[type="submit"]:hover {
	background-color: #534741!important;
	color: #ffffff!important;
	text-decoration: none;
}