/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.img-bordes .img-inner{
    border-radius: 0 50px 50px 0 ;
}
.img-03 .img-inner{
    border-radius: 40px 40px 120px 20px;
}
.inicio{
    padding-top: 200px!important;
}
.inicio h3{
    background-color: #0a1425;
    color: #fff;
    border-radius: 30px;
    display: initial;
    padding: 10px 20px;
    transition: all 0.5s;
}
.inicio h3:hover{
    background-color: #d3c30b;
    transition: all 0.5s;
}
.inicio h1 {
    font-size: 2.7em;
}
.inicio h2 {
    font-weight: 200;
}
.inicio h1 strong {
    color: #d3c30b;
}
.button span {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #0a1425;
    transition: all .2s;
}
.button span {
    display: inline-block;
    line-height: 2.8;
}
.button.is-outline {
    line-height: 2.8em;
}
.button{
    letter-spacing: .0em;
    line-height: 2.8em;
    min-height: 2.8em;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    width: 290px;
}
.mfp-bg.mfp-ready {
    opacity: 0.4;
}

.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    background-color: #0a1425;
}
.nav-vertical>li {
    display: block;
}

.mobile-sidebar h5{
    color: #d3c30b;
    margin-bottom: 20px;
}

.main-menu-overlay {
    background-color: #ffffff!important;
}
.dark .ux-menu-link__link {

    font-size: 16px;
}
.empresa p img{
    background-color: #d3c30b;
    padding: 10px;
    border-radius: 50px;
    margin-bottom: 20px;
    box-shadow: 0px 15px 30px rgb(211 195 11 / 40%);
}

.empresa {
    box-shadow: 4px 4px 36px 0px rgba(192,192,192,.1607843137), -4px -4px 36px 0px rgba(192,192,192,.1215686275) !important;
    border-radius: 20px;
    border: 2px solid #fff;
    transition: all 0.5s;
}
.empresa:hover{
    border: 2px solid #d3c30b;
    transition: all 0.5s;
}
.empresa  .fill{
    border-radius: 20px;
}
.empresa.bg-overlay-remove:hover .overlay{
    opacity: 0.9;
    background-color: rgb(255 252 211)!important;
}
.empresa .text-box-content a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    min-height: 50px;
}
.empresa:hover .text-box-content a{
    background-color: #d3c30b!important;
}
.empresa .text-box-content a i{
    margin-left: 0em;
    margin-right: 0em;
}
.grupo{
    margin-top: -140px;
}
.ux-menu-link__icon+.ux-menu-link__text {
    padding-left: 1em;
}

.icon-angle-right:before{
    content: "\f198";
    font-family: Flaticon;
}

.banner p {
    margin-bottom: 1em;
    margin-top: 0em;
    padding: 0;
}
.banner h1, .banner h2, .banner h3 {
    margin-bottom: 1.2em;
}

.icon-star:before {
    content: "\f1bd";
        font-family: Flaticon;
}
.icon-heart:before {
    content: "\f13e";
        font-family: Flaticon;
}
.icon-gift:before {
    content: "\f1d9";
        font-family: Flaticon;
}
.icon-envelop:before{
    content: "\f140";
        font-family: Flaticon;
}

.footer-wrapper .col-03 .icon-box:before {
    color: #d3c30b;
    margin-right: 10px;
    font-size: 18px;
}

.icon-facebook:before{
    content: "\f1ca";
    font-family: Flaticon;
}

.footer-wrapper .social-icons{
    margin-right: 20px;
}

.footer-wrapper .social-icons a {
    color: #d3c30b;
}


.footer {
    padding: 0px 0 0;
}
.visa .img-01 .img-inner{
    border-radius: 60px 10px 10px 10px;
}

.visa .img-02 .img-inner{
    border-radius: 60px 10px 10px 10px;
}

.visa .img-03 .img-inner{
    border-radius: 10px 10px 60px 10px;
}
.visa .col-02:before{
position: absolute;
    content: "";
    z-index: 0;
    width: 280px;
    height: 310px;
    border-radius: 10px 10px 10px 10px;
    background-color: #d3c30b;
    top: -20px;
    left: 35%;
}
.visa{
    border-radius: 20px;
}
.visa .col{
    padding-bottom: 0px;
}
h1 {
    font-size: 2.5em;
}
h1 strong{
   color: #d3c30b;
}

.blog .tag-label {
    background-color: rgb(211 195 11);
    padding: 6px 10px;
}
.blog .is-xxsmall {
    font-size: .7em;
}
.blog .op-7 {
    opacity: 1;
}
.blog .box-text h5{
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
}
.blog .box-blog-post .is-divider {
    height: 0px;
}
.blog .is-small {
    font-size: 1em;
    padding-top: 15px;
}
.blog .box-image {
    border-radius: 20px;
}
.blog .box-text {
    padding-bottom: 0em;
}

.blog .box {
    box-shadow: 4px 4px 36px 0px rgba(192,192,192,.1607843137), -4px -4px 36px 0px rgba(192,192,192,.1215686275) !important;
    padding: 20px;
    border-radius: 20px;
}
.blog .post-item{
    padding-top: 40px;
}
.has-hover:hover .tag-label {
    background-color: #0a1425;
}
.blog{
    padding-bottom: 160px!important;
}

.mision .icon-box{
    border: 1px solid #d3c30b;
    border-radius: 20px;
    padding: 40px 20px;
}

.competencia .icon-box{
    border: 1px solid #e7e7e7;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgba(192,192,192,.1607843137), -0px -0px 0px 0px rgba(192,192,192,.1215686275) !important;
    transition: all 0.5s;
}
.competencia .icon-box:hover{
    border: 1px solid #d3c30b;
    background-color: rgb(255 252 211)!important;
    transition: all 0.5s;
    box-shadow: 4px 4px 36px 0px rgba(192,192,192,.1607843137), -4px -4px 36px 0px rgba(192,192,192,.1215686275) !important;

}
.competencia{
    padding-bottom: 160px!important;
}

.contacto{
    padding-bottom: 160px!important;
}
.contacto .icon-box{
    border: 1px solid #e7e7e7;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgba(192,192,192,.1607843137), -0px -0px 0px 0px rgba(192,192,192,.1215686275) !important;
    transition: all 0.5s;
}
.contacto .icon-box:hover{
    border: 1px solid #d3c30b;
    background-color: rgb(255 252 211)!important;
    transition: all 0.5s;
    box-shadow: 4px 4px 36px 0px rgba(192,192,192,.1607843137), -4px -4px 36px 0px rgba(192,192,192,.1215686275) !important;

}
.forminator-edit-module{
    display: none;
}

.forminator-ui#forminator-module-365.forminator-design--flat .forminator-input, .forminator-ui#forminator-module-365.forminator-design--flat .forminator-input input {
    border: 1px solid #d3c30b!important;
    border-radius: 10px!important;
}
.forminator-ui#forminator-module-365.forminator-design--flat .forminator-textarea {

    border: 1px solid #d3c30b!important;
    border-radius: 10px!important;
}

.forminator-ui#forminator-module-365.forminator-design--flat .forminator-button-submit {
    border-radius: 10px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}




.mapa iframe{
    border-radius: 60px 10px 10px 10px;
}






/*************** ADD CUSTOM CSS HERE.   ***************/


.imagenes .row-small>.col {
    padding: 0 2px 2px;
    margin-bottom: 0;
}
body {
    line-height: 1.3;
}
.empresa-01 .button i{
    color: #9dbe31;
}
.empresa-02 .button i{
    color: #0b707f;
}

.fondo-completo{
    height: 100vh;
}
.empresa-01 .button,.empresa-02 .button,.empresa-03 .button,.empresa-04 .button{
	display: none;
    transition: all 0.5s;
    width: 180px;
    border: 1px solid #fff;
    margin-left: auto!important;
    margin-right: auto!important; 
    margin-top: 0px!important;
    transition: all 0.5s;
}
.empresa-01 .text-center .button,.empresa-02 .text-center .button,.empresa-03 .text-center .button,.empresa-04 .text-center .button{
    margin-left: auto!important;
    margin-right: auto!important; 
    font-family: "Open Sans", sans-serif;
}
.empresa-01:hover .button,.empresa-02:hover .button,.empresa-03:hover .button,.empresa-04:hover .button{
    display: inherit;    
    transition: all 0.5s;
    margin-top: 100px!important;
}

.empresa-01.grid-col-1-2:hover,.empresa-02.grid-col-1-2:hover {
	height: 400px!important;
    transition: all 0.5s;
}
.empresa-03.grid-col-1-2:hover,.empresa-04.grid-col-1-2:hover {
	height: 400px!important;
    transition: all 0.5s;
    top: 200px!important;
}
.alto-max-01.grid-col-1-2 {
    height: 200px!important;
    transition: all 0.5s;
    top: 400px!important;
}
.alto-max-02.grid-col-1-2 {
    height: 200px!important;
    transition: all 0.5s;
    top:0px!important;
}
.grid-col-1-2 {
    transition: all 0.5s;
}
.texto-02,.texto-03,.texto-04,.texto-05{
	display: none
}
.imagenes .banner {
    background-color: transparent;
    border:1px solid transparent;
    transition: all 0.5s;
}
.empresa-01 .banner-bg.fill,.empresa-02 .banner-bg.fill,.empresa-03 .banner-bg.fill,.empresa-04 .banner-bg.fill{
	opacity: 0;
	transition: all 0.5s;
}

.empresa-01:hover .banner-bg.fill,.empresa-02:hover .banner-bg.fill,.empresa-03:hover .banner-bg.fill,.empresa-04:hover .banner-bg.fill{
	opacity: 1;
	transition: all 0.5s;
}

.empresa-01 .banner-inner.fill,.empresa-02 .banner-inner.fill,.empresa-03 .banner-inner.fill,.empresa-04 .banner-inner.fill{
    
}

.empresa-01 .bg.fill.bg-fill.bg-loaded,.empresa-02 .bg.fill.bg-fill.bg-loaded,.empresa-03 .bg.fill.bg-fill.bg-loaded,.empresa-04 .bg.fill.bg-fill.bg-loaded{
    height: 387px;
    top: 5px;
    width: 97%;
    left: 5px;
}
.empresa-01 .banner-inner.fill:before, 
.empresa-02 .banner-inner.fill:before, 
.empresa-03 .banner-inner.fill:before, 
.empresa-04 .banner-inner.fill:before {
    background-color: rgb(12 24 33 / 70%);
    height: 98%;
    width: 98%;
    top: 5px;
    left: 5px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 0;
    content: "";
    position: absolute;
}
.empresa-01:hover .banner-inner.fill:before, 
.empresa-02:hover .banner-inner.fill:before, 
.empresa-03:hover .banner-inner.fill:before, 
.empresa-04:hover .banner-inner.fill:before {
    opacity: 0;
    transition: all 0.5s;
}
.textos .col-inner{
    padding-right: 60px;
}
.imagenes .empresa-01:hover .banner {
    border: 1px solid #40711b;
    transition: all 0.5s;
}
.texto-02:after{
    background-color: #40711b;
    height: 2px;
    width: 200px;
    bottom: -5px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    position: absolute;
}
.imagenes .empresa-02:hover .banner {
    border: 1px solid #0b707f;
    transition: all 0.5s;
}
.texto-03:after{
    background-color: #0b707f;
    height: 2px;
    width: 200px;
    bottom: -5px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    position: absolute;
}
.imagenes .empresa-03:hover .banner {
    border: 1px solid #b30f13;
    transition: all 0.5s;
}
.texto-04:after{
    background-color: #b30f13;
    height: 2px;
    width: 200px;
    bottom: -5px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    position: absolute;
}
.imagenes .empresa-04:hover .banner {
    border: 1px solid #7a7979;
    transition: all 0.5s;
}
.texto-05:after{
    background-color: #7a7979;
    height: 2px;
    width: 200px;
    bottom: -5px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    position: absolute;
}
.texto-01:after{
    background-color: #ffffff;
    height: 2px;
    width: 200px;
    bottom: -5px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    position: absolute;
}

@media only screen and (max-width: 850px) {
    .col.textos{
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .col.imagenes{
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .col.imagenes .col.grid-col{
         max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .fondo-completo {
        height: auto;
        padding-top: 160px!important;
 
    }
    .col.imagenes .col.grid-col .banner .text-box{
        width: 90%!important;
    }
    .col.imagenes .banner-grid{
        margin: auto;
    }
    

}
@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.inicio h1 {
		font-size: 2.0em;
	}
	h1 {
		font-size: 2.0em;
	}
	.visa .col-02:before {
		width: 180px;
		height: 210px;
		top: -14px;
		left: 33%;
	}
}