/*by gportal*/
        .vc_custom_1572866929002, 
        #dfd-button-62e91f9207413-2044 .dfd-button-link .dfd-button-inner-cover::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-fade:not(:hover) .dfd-button-inner-cover, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9207413-2044.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747 .dfd-button-link .dfd-button-inner-cover::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-fade:not(:hover) .dfd-button-inner-cover, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e91f9218c80-3747.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220 .dfd-button-link .dfd-button-inner-cover::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-fade:not(:hover) .dfd-button-inner-cover, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-out-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-horizontal .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-vertical .dfd-button-inner-cover .dfd-button-hover-out::after, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::before, 
        #dfd-button-62e9ba3d8ca92-8220.dfd-button-module-wrap .dfd-button-link.dfd-scale-in-diagonal .dfd-button-inner-cover .dfd-button-hover-out::after {
            background-color: #00205c !important
        }
.blue {    color: #1E73BE !important }
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.bold {font-weight: bold}
.clear {clear: both}
.exito {color: #00205c}
.error {color: red;}
.big {font-size: 32px;}
.upper {text-transform: uppercase;}
.contact-wrap .col-form-label {
color: #000 !important;
font-size: 15px !important;
}
#collections .wpb_row2, .wpb_row2 {
	width: 1200px;
max-width: 100%;
min-width: 768px;
margin: 0 auto;
position: relative;}

li.vc_tta-tab {width: 33%; box-sizing: border-box; margin-top: 10px !important;}
li.vc_tta-tab a {width: 100%; display: block; box-sizing: border-box; text-align: center}
.wpb_wrapper p, .wpb_wrapper li, li.vc_tta-tab a, .dfd-title, .dfd-sub-title, #mensaje {font-size: 18px}
.wpb_text_column > div > ul > li, .wpb_text_column > p > ul > li, .wpb_text_column > ul > li {
 line-height: initial; margin: auto; margin-bottom: 10px;   
}

.blink {
  animation: blinker 1s linear infinite;
}

.row-album{width: 80%; margin: 50px auto 80px;}
.album{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.album > li > div > a > img{width: 100%; height: 200px !important; object-fit: cover; border-radius: 10px; overflow: hidden; transition: all .5s ease;} 
.album > li:hover > div > a > img{transform: scale(1.1);}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*CATALOGO DE PRODUCTOS*/
.flex_contenedor, .flex_contenedor2 {display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;}
            .flex_row2 {box-sizing: border-box; flex: 0 1 33.33%; padding: 10px; margin: 0 auto;}
            
            .flex_contenedor { align-items: center; background-color: #00205c; height: 100%; align-items: center;}
            .flex_row {box-sizing: border-box; flex: 0 1 75%; padding: 10px; margin: 0 auto;}
            .flex_row:nth-child(even) > div {font-size: 110px}
            .flex_row > div {font-size: 64px; background-color: #FFF; padding: 10px; color: #FFF; height: 100%; text-align: center; box-sizing: border-box; position: relative; }
            .flex_row img {width:  100%; vertical-align: middle;}
            .flex_row .nombre {display: block; background-color: rgba(30,115,190,.8); color: #FFF; text-align: center; padding: 2px 4px; margin-top: 2px;
                    box-sizing: border-box; font-size: 18px; font-size: 1.2vw; position: absolute;
bottom: 0;
left: 0;
width: 100%;}
            .flex_row a:hover .nombre {color: #000}
            .yellow {color: #ffd200}
            .ver {position: absolute; top: 10px; right: 10px; z-index: 99; background-color: #ffd200; color: #000; 
         display: block; height: 32px; line-height: 32px; width: 32px; text-align: center; border: 1px solid transparent; border-radius: 50%; font-size: initial}
            .ver i {}
            .blue {color: #ffd200}
#header .header-wrap {height: auto !important}
#header .dfd-logo-wrap {transform:none !important}
#header .dfd-logo-wrap img {max-height: 60px !important; max-width: 260px !important; width: auto !important; height: auto !important; margin: 10px auto}

@media only screen and (min-width: 1101px) {
#header-container.small .dfd-header-logos .dfd-logo-wrap .main-logo {display: none}
#header-container.logo-position-left.header-style-1 #header .dfd-header-logos .dfd-logo-wrap.sticky-logo-wrap {position: relative; }
#header-container:not(.small) .dfd-header-logos .dfd-logo-wrap .sticky-logo {display: none}
/*#header-container #header .header-wrap nav.mega-menu {height: 70px}*/

}

body, dd, div, dl, dt, form, li, ol, p, pre, td, th, ul, #shipping_method li label, 
body.checkout #main-content .dfd-content-wrap > .woocommerce .checkout.woocommerce-checkout #order_review #payment .payment_methods > li label, 
.woocommerce-page table.shop_attributes td, .login-header p.login-remember label, body.woocommerce-order-received ul li strong, 
body.woocommerce-order-received .shop_table:not(.customer_details) tfoot tr:nth-child(2) th, 
body.woocommerce-order-received .shop_table:not(.customer_details) tfoot tr:nth-child(3) th, 
body.woocommerce-order-received .shop_table:not(.customer_details) tfoot tr:nth-child(3) td, 
body.woocommerce-order-received .shop_table:not(.customer_details) tbody tr td.product-name, 
body.woocommerce-order-received #main-content .wc-bacs-bank-details-heading + h3, 
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td, 
#right-sidebar ul, #right-sidebar li {
 font-size: 18px;   
}
#catalogo.header_categoria {
    padding-top: 130px !important; bottom: 20px !important; color: #fff !important;
}
#catalogo.header_categoria p, #catalogo.header_categoria h2 {color: #fff !important;}

.skiptranslate {display: none;}
#google_translate_element {position: fixed; z-index: 999; bottom: 6px; left: 6px;}
#google_translate_element select {background-color: rgba(0, 31, 91, .9) !important;  padding: 10px !important; color: #fff;}
#google_translate_element .skiptranslate {display: inline-block !important; font-size: 0}
#google_translate_element .skiptranslate > div {height: 22px; line-height: 22px}
#google_translate_element select {width: 150px !important; font-size: 14px; border-width: 0}
#google_translate_element a {display: none; font-size: 0}
body {top: 0 !important}
#main_mega_menu {height: 70px !important; float: right; margin-top: 5px;}

.categorias-v{display: grid; grid-template-columns: repeat(10, 1fr); text-align: center; align-items: center; gap: 25px;}
.categorias-v i{font-size: 45px; color: #2b4a93; letter-spacing: -5px; padding-bottom: 10px; transition: all .3s ease;}
.categorias-v h6{color: #2b4a93; text-transform: none; font-size: 13px; transition: all .3s ease;}
.categorias-v a:hover, .categorias-v i:hover{color: #1AA3C2;}
@media only screen and (max-width: 799px){
.categorias-v{grid-template-columns: repeat(3, 1fr); gap: 40px;}
}
@media only screen and (max-width: 630px){
.categorias-v{grid-template-columns: repeat(2, 1fr); gap: 40px;}
}	



.eonline-columns-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
}
.eonline-columns-2-2{
    display: grid;
    grid-template-columns: 2fr 5fr;
    gap: 20px;
}
.eonline-columns-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
}
.eonline-columns-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.eonline-block-brands{
    background: #fff;
    border-radius: 15px;
    padding: 10px;
    width: fit-content;
}
.eonline-block-brands img{
    height: 50px;
    margin: 0 5px;
}

.eonline-tittle-square{
    padding: 15px 25px;
    color: #262360;
    background: #e7e6e6;
    border-radius: 10px;
    width: fit-content;
    margin: 0 auto;
}
.eonline-text-square{
    padding: 25px 35px;
    color: #262360;
    background: #e7e6e6;
    border-radius: 30px;
    width: fit-content;
    margin: 0 auto;
}
.eonline-text-square ul{
    list-style: disc;
    list-style-position: outside;
    margin-left: 30px;
}
.eonline-text-square ul li{
    color: #262360;
}
.eonline-text-square p{
    color: #262360;
}
.eonline-text-square-1-1 i, .eonline-text-square-1-2 i{
    background: #262360;
    color: #fff;
    border: 8px solid #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    margin-bottom: -40px;
    font-size: 30px;
}
.eonline-text-square-1-1 p, .eonline-text-square-1-2 p{
    padding: 30px 15px 20px;
    border-radius: 10px;
    text-align: center;
    height: 70%;
    margin: 0;
    font-weight: bold;
}
.eonline-text-square-1-1 p{
    color: #fff;
    background: #262360;
}
.eonline-text-square-1-2 p{
    color: #262360;
    background: #299CD7;
}
.eonline-text-square-1-1, .eonline-text-square-1-2{
    text-align: center;
}
.eonline-text-square-2{
    text-align: center;
}
.eonline-text-square-3{
    text-align: right;
}
.eonline-text-square-3 i, .eonline-text-square-2 i{
    background: #262360;
    color: #fff;
    border: 4px solid #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    margin-bottom: -40px;
}
.eonline-text-square-3 p, .eonline-text-square-2 p{
    padding:  10px;
    color: #262360;
    background: #82C6EA;
    border-radius: 10px;
    text-align: center;
    height: 70%;
    margin: 0;
}

.eonline-list-number{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}
.eonline-list-number > div{
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.eonline-list-number > div.eonline-n-1{
    background: #262360;
}
.eonline-list-number > div.eonline-n-2{
    background: #299CD7;
}

.eonline-products-block{
    border-radius: 10px;
    overflow: hidden;
    background: #82c6ea;
    text-align: center;
    color: #262360;
}
.eonline-products-block h5{
    background: #262360;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}


.eonline-footer{
    background: url(/img/kcfinder/images/Imagen1.jpg);
    background-size: cover;
    padding: 30px 0 0 0;
}
.eonline-footer-brands{
    margin-left: 30px;
}
.eonline-footer-license{
    margin: 0 0 80px 30px;
}
.eonline-footer-log{
    background: #e7e6e6;
    border-radius: 20px;
    width: 300px;
    margin: 0 auto -55px;
    position: relative;
}
.eonline-footer-link{
    width: fit-content;
    padding: 10px 20px;
    border-radius: 10px;
    background: #e7e6e6;
    color: #262360;
    float: right;
    margin: 0 80px -10px 0;
}
.eonline-footer-social{
    background: #262360;
    width: 97%;
    border-radius: 0 25px 0 0;
    padding: 15px 10px 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eonline-footer-block-social{
    column-count: 3;
    column-gap: 40px;
}
.eonline-footer-block-social a{
    color: #E7E6E6;
}
.eonline-footer-block-social a i{
    background: #E7E6E6;
    color: #25225E;
    font-size: 13px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;

}
.fluidvids {position: initial !important; height: auto !important; width: 100% !important; padding: 0 !important;}	
.fluidvids-item {position: initial !important; height: 400px !important; width: 100% !important; padding: 0 !important;}	
.img_center { padding: 20px; box-sizing: border-box; background-image:url(/img/background_gray.jpg); background-size: 100% 100%}
.img_center img {width:25%}	

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.slideshow-container .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.services-bmp{display: flex; flex-wrap: wrap; justify-content: space-around; gap: 50px 0;}
.services-bmp > div{width: 25%; text-align: center;}
.services-bmp > div img{width: 80%; margin: 0 auto;}
.services-bmp > div > div{width: 80%; margin: 0 auto; background: #fff; border: 1px solid #f0f0f0; transition: all .5s ease; padding: 30px 10px 20px;}
.services-bmp > div:hover > div{box-shadow: 10px 20px 40px 0px rgba(0,0,0,0.05);}
.plans-bmp{display: flex; flex-wrap: wrap; justify-content: space-around; gap: 50px 0;}
.plans-bmp > div{width: 350px; padding: 30px; background: #fff; transition: all .5s ease;}
.plans-bmp > div:hover{background: #223a66;}
.plans-bmp > div i{font-size: 50px; color: #0077b5; margin-bottom: 15px;}
.plans-bmp > div:hover i, .plans-bmp > div:hover p, .plans-bmp > div:hover h4{color: #fff;}
.btn-bmp{color: #fff !important; font-weight: bolder; border-style: none; border-radius: 9px; background-color: #0077b5; padding: 10px; font-size: 35px;}
.btn-bmp:hover{color: yellow;}	

#close-sidr2.sdr-activo, #close-sidr.sdr-activo{
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}

.tittle-box-b{
    background: #00205c;
    padding: 10px;
    width: 100%;
    font-size: 35px;
    color: #fff;
    margin: 5px 0;
}

/* ---------------- FGU ---------------*/
#fgu *{
    font-family: 'Poppins', sans-serif !important;
}
#fgu h1{
    font-size: 48px;
    line-height: 55px;
    font-weight: 800;
    margin: 20px 0 30px;
    color: #00205c;
}
#fgu h2{
    font-size: 42px;
    line-height: 50px;
    font-weight: 800;
    margin: 20px 0;
    color: #00205c;
}
#fgu h4{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #00205c;
}
.inicio-fgu, .qs-fgu, .lc-fgu, .pq-fgu{
    padding: 80px calc((100vw - 1200px)/2);
    text-align: center;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
}
.qs-fgu{
    padding-top: 120px;
    padding-bottom: 120px;
}

.column2-fgu{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}
.column3-fgu{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 150px;
    margin: 80px 0;
}
.column3-fgu.products-sc-fgu{
    display: grid;
    gap: 100px;
    margin: 80px 0;
}
.products-sc-fgu a{
    height: 100%;
}
.products-sc-fgu *{
    font-family: 'Poppins', sans-serif !important;
}
.column4-fgu{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 120px;
}
.bg1-fgu{
    background: #f8fbfc;
}
.bg2-fgu{
    background: #00205C;
    color: #fff;
}
#fgu .bg2-fgu h2{
    color: #fff;
    margin-bottom: 60px !important;
}
.bg3-fgu{
    background: url(/img/kcfinder/images/Fondo-quienes-somos.jpg);
    background-size: cover;
}
.titulo-productos-fgu{
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    width: 360px;
    margin: 15px auto;
    padding: 5px;
    border-radius: 15px 0 15px 0;
    box-shadow: 8px 8px 0 #0050FF;
}
.titulo-productos-fgu.bwhite-fgu{
    background: #fff;
    color: #00205c;
}
.titulo-productos-fgu.bblue-fgu{
    background: #00205c;
    color: #fff;
}
.btn-fgu{
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 5px;
    background: #0050FF;
    color: #fff;
    font-weight: 500;
    margin: 50px 0;
    transition: all .3s linear;
}
.btn-fgu:hover{
    background: #00205C;
    color: #fff;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #0050FF;
}
.bg2-fgu .btn-fgu:hover{
    background: #f8fbfc;
    color: #0050FF;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #0050FF;
}
.cblue-fgu{
    color: #0050FF;
}
.qs-fgu p{
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    color: #888;
}
.products-fgu{
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s ease;
    min-height: 400px;
}
.products-fgu:hover{
    transform: translateY(-20px);
}
.products-fgu p{
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}
.products-sc-fgu .products-fgu .img-fgu{
    height: 250px;
}
.products-fgu .img-fgu{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #aaa;
}
.products-fgu .img-fgu img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    transition: all .3s ease;
}
.products-fgu:hover .img-fgu img{
    opacity: 1;
    transform: scale(1.2);
}
.products-fgu .text-fgu{
    padding: 25px 10px;
}
.products-fgu .text-fgu p{
    margin: 0;
    font-size: 19px;
}
.products-fgu .text-fgu a{
    color: #383838;
}
.products-fgu .text-fgu p{
    color: #383838;
}
.products-fgu .precios-fgu{
    padding: 8px 5px;
    background: #0050FF;
}
.precios-fgu .pnormal-fgu a{
    color: #aaa;
    font-weight: 500;
    margin: 0;
}
.precios-fgu .pbeca-fgu a{
    color: #fff;
    font-weight: 700;
    margin: 0;
    font-size: 18px;
}
.precios-fgu .pnormal-fgu{
    color: #aaa;
    font-weight: 500;
    margin: 0;
}
.precios-fgu .pbeca-fgu{
    color: #fff;
    font-weight: 700;
    margin: 0;
    font-size: 18px;
}
.precios-fgu .pdiplomado-fgu{
    color: #fff;
    font-weight: 700;
    margin: 0;
    font-size: 18px;
    padding: 20px 0;
}
.pq-fgu img{
    width: 80px;   
    margin: 20px 0;
}
.pq-fgu p{
    font-weight: 500;
    color: #00205C;
}

@media only screen and (max-width: 1000px) {
    .inicio-fgu, .qs-fgu, .lc-fgu, .pq-fgu{
        padding: 80px 20px;
    }
    .column2-fgu{
        grid-template-columns: 1fr;
    }
    .column3-fgu{
        gap: 20px;
    }
    .column4-fgu{
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .inicio-fgu img, .qs-fgu img{
        width: 60% !important;
        height: auto !important;
    }
}
@media only screen and (max-width: 500px) {
    .inicio-fgu, .qs-fgu, .lc-fgu, .pq-fgu{
        padding: 80px 20px;
    }
    .column2-fgu{
        gap: 30px;
    }
    .column3-fgu{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .column4-fgu{
        grid-template-columns: 1fr ;
        gap: 30px;
    }
    .inicio-fgu img, .qs-fgu img{
        width: 90% !important;
        height: auto !important;
    }
    .qs-fgu img{
        border-radius: 50px 0 !important;
    }
    .titulo-productos-fgu{
        width: 90%;
    }
}

/* ---------------- CLP ---------------*/
#clp *{
    font-family: 'Poppins', sans-serif !important;
}
#clp h1{
    font-size: 48px;
    line-height: 55px;
    font-weight: 800;
    margin: 20px 0 30px;
    color: #00205c;
}
#clp h2{
    font-size: 42px;
    line-height: 50px;
    font-weight: 800;
    margin: 20px 0;
    color: #00205c;
}
#clp h4{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #00205c;
}
.inicio-clp, .qs-clp, .lp1-clp, .lp2-clp, .contact-clp, .pq-clp{
    padding: 80px calc((100vw - 1200px)/2);
    text-align: center;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
}
.qs-clp{
    padding-top: 120px;
    padding-bottom: 120px;
}

.column2-clp{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}
.column3-clp{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 150px;
}
.bg1-clp{
    background: #f8fbfc;
}
.bg2-clp{
    background: #00205c;
    color: #fff;
}
#clp .bg2-clp h2, #clp .bg4-clp h2{
    color: #fff;
    margin-bottom: 60px !important;
}
.bg3-clp{
    background: url(/img/kcfinder/images/Fondo-quienes-somos.jpg);
    background-size: cover;
}
.bg4-clp{
    background: url(/img/kcfinder/images/fondo-contact.jpg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
}
.btn-clp{
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 5px;
    background: #003da6;
    color: #fff;
    font-weight: 500;
    margin: 50px 0;
    transition: all .3s linear;
    font-size: 15px;
}
.btn-clp:hover{
    background: #00205C;
    color: #fff;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #003da6;
}
.bg2-clp .btn-clp:hover, .bg4-clp .btn-clp:hover{
    background: #f8fbfc;
    color: #0050FF;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #003da6;
}
.bg4-clp .btn-clp{
    padding: 15px 40px;
    font-size: 18px;
}
.cblue-clp{
    color: #003da6;
}
.qs-clp p, .lp2-clp p{
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    color: #888;
}
.lp2-clp b{
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #003da6;
}
.lp2-clp li{
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    color: #003da6;
    margin: 40px 0 40px 28px;
}
.lp2-clp ul{
    list-style-position: outside;
}
.lp2-clp li::marker{
    content: "\f05d   ";
    font-family: FontAwesome;
    font-size: 120%;
}
.lp1-clp p{
    font-size: 17px;
    text-align: left;
    line-height: 21px;
    color: #fff;
}
.contact-clp{
     background: rgb(0,32,92);
     background: linear-gradient(90deg, rgba(0,32,92,1) 0%, rgba(0,32,92,1) 38%, rgba(0,32,92,0) 100%); 
}
.pq-clp img{
    width: 80px;   
    margin: 20px 0;
}
.pq-clp p{
    font-weight: 500;
    color: #00205C;
}

@media only screen and (max-width: 1000px) {
    .inicio-clp, .qs-clp, .lp1-clp, .lp2-clp, .contact-clp, .pq-clp{
        padding: 80px 20px;
    }
    .column2-clp{
        grid-template-columns: 1fr;
    }
    .column3-clp{
        gap: 20px;
    }
    .inicio-clp img, .qs-clp img, .lp1-clp img, .lp2-clp img{
        width: 60% !important;
        height: auto !important;
    }
    .bg4-clp{
        background-size: cover;
        background-position: bottom;
        background-attachment: scroll;
    }
    .contact-clp{
        background: rgb(0,32,92);
        background: linear-gradient(180deg, rgba(0,32,92,1) 0%, rgba(0,32,92,1) 50%, rgba(0,32,92,0) 100%); 
    }
}
@media only screen and (max-width: 500px) {
    .column2-clp{
        gap: 30px;
    }
    .column3-clp{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .inicio-clp img, .qs-clp img, .lp1-clp img, .lp2-clp img{
        width: 90% !important;
        height: auto !important;
    }
    .qs-clp img, .lp1-clp img, .lp2-clp img{
        border-radius: 50px 0 !important;
    }
}

/* ---------------- aes ---------------*/
#aes *{
    font-family: 'Poppins', sans-serif !important;
}
#aes h1{
    font-size: 48px;
    line-height: 55px;
    font-weight: 800;
    margin: 20px 0 30px;
    color: #312783;
}
#aes h2{
    font-size: 42px;
    line-height: 50px;
    font-weight: 800;
    margin: 20px 0;
    color: #312783;
}
#aes h4{
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #312783;
    margin-bottom: 40px;
}
.inicio-aes, .qs-aes, .dirigido-aes, .rdi-aes, .contact-aes, .pq-aes{
    padding: 80px calc((100vw - 1200px)/2);
    text-align: center;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
}
.qs-aes{
    padding-top: 120px;
    padding-bottom: 120px;
}

.column2-aes{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}
.column3-aes{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: normal;
    gap: 50px;
    margin: 50px 0;
}
.column4-aes{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: normal;
    gap: 100px;
}
.bg1-aes{
    background: #f8fbfc;
}
.bg2-aes{
    background: #312783;
    color: #fff;
}
#aes .bg2-aes h2, #aes .bg4-aes h2{
    color: #fff;
    margin-bottom: 60px !important;
}
.bg3-aes{
    background: url(/img/kcfinder/images/Fondo-quienes-somos.jpg);
    background-size: cover;
}
.bg4-aes{
    background: url(/img/kcfinder/images/fondo-contact.jpg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
}
.btn-aes{
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 5px;
    background: #BE1622;
    color: #fff;
    font-weight: 500;
    margin: 50px 0;
    transition: all .3s linear;
    font-size: 15px;
}
.btn-aes:hover{
    background: #00205C;
    color: #fff;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #BE1622;
}
.bg2-aes .btn-aes:hover, .bg4-aes .btn-aes:hover{
    background: #f8fbfc;
    color: #BE1622;
    border-radius: 8px 0 8px 0;
    box-shadow: 5px 5px 0 #BE1622;
}
.bg4-aes .btn-aes{
    padding: 15px 40px;
    font-size: 18px;
}
.cblue-aes{
    color: #BE1622;
}
.qs-aes p, .rdi-aes p{
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    color: #888;
}
.rdi-aes li{
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    color: #888;
    margin: 20px 0;
}
.rdi-aes ul{
    list-style-position: outside;
}
.rdi-aes div:first-child ul{
    list-style-position: inside;
}
.rdi-aes div:first-child li{
    text-align: right;
}
.rdi-aes li::marker{
    content: "- ";
}
.dirigido-aes li{
    font-size: 17px;
    text-align: left;
    line-height: 20px;
    color: #fff;
    margin: 40px 0 40px 28px;
}
.dirigido-aes ul{
    list-style-position: outside;
}
.dirigido-aes li::marker{
    content: "\f058   ";
    font-family: FontAwesome;
    font-size: 120%;
    color: #BE1622;
}
.titulo-productos-aes{
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    width: 360px;
    margin: 15px auto 120px;
    padding: 5px;
    border-radius: 15px 0 15px 0;
    box-shadow: 8px 8px 0 #BE1622;
    background: #00205C;
    color: #fff;
}
.contact-aes{
     background: rgb(49,39,131);
     background: linear-gradient(90deg, rgba(49,39,131,1) 0%, rgba(49,39,131,1) 38%, rgba(49,39,131,0) 100%); 
}
.pq-aes img{
    width: 80px;   
    margin: 20px 0;
}
.pq-aes p{
    font-weight: 500;
    color: #00205C;
}

@media only screen and (max-width: 1000px) {
    .inicio-aes, .qs-aes, .dirigido-aes, .rdi-aes, .contact-aes, .pq-aes{
        padding: 80px 20px;
    }
    .column2-aes{
        grid-template-columns: 1fr;
    }
    .column3-aes{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .column3-aes li, .column3-aes p{
        text-align: left !important;
    }
    .column4-aes{
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .inicio-aes img, .qs-aes img, .dirigido-aes img, .rdi-aes img{
        width: 60% !important;
        height: auto !important;
    }
    .bg4-aes{
        background-size: cover;
        background-position: bottom;
        background-attachment: scroll;
    }
    .contact-aes{
        background: rgb(0,32,92);
        background: linear-gradient(180deg, rgba(49,39,131,1) 0%, rgba(49,39,131,1) 50%, rgba(49,39,131,0) 100%); 
    }
}
@media only screen and (max-width: 500px) {
    .column2-aes{
        gap: 30px;
    }
    .column4-aes{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .inicio-aes img, .qs-aes img, .dirigido-aes img, .rdi-aes img{
        width: 90% !important;
        height: auto !important;
    }
    .qs-aes img, .dirigido-aes img, .rdi-aes img{
        border-radius: 50px 0 !important;
    }
    .titulo-productos-aes{
        width: 90%;
    }
}