/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* ==========================================================================
0. Root theme                                           
========================================================================== */


.button {
  font-weight: 400;}

.site-header {
  padding: 0px;}
.site-header__main-area {
    box-shadow: 0px 0px 18px #62697521;
}
.site-header .search-form {
    background-color: #161837;
    margin: 0px;
}
.sticky-row--stuck {
    top: 70px !important;
}
.search-form__button {
    margin-left: 0px;
    height: 50px;
}
.cta-box {
    border-radius: 20px;
    box-shadow: 0 0 27px -6px rgb(0 0 0 / 10%);
    transition: all .25s ease-in-out;
}
.site-footer .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1>a:not(.button):not(.hs-button) {
    color: #ffffff;
}
.site-footer .hs-menu-wrapper .hs-menu-item>a:not(.button):not(.hs-button) {
    color: #f9fafba8;
}

.module__related-section .related-blog-item .featured-image img {
    height: auto !important;
}
.module__related-section .related-blog-item .featured-image {
    height: auto !important;
}

.hs-menu-item--mega-type-links
ul li {
    border-bottom: solid 1px #babac959;
}

.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper {
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-transition-delay: 1s;
    transition-delay: .1s;
}
.lang_list_class li {
    background-color: #fafafa;
}

@media (max-width: 800px){
.header_dnd_top-row-0-padding {
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #fd0144 #161837 ;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track {
  background: #161837;
}

*::-webkit-scrollbar-thumb {
    background-color: #fd0144;
    border-radius: 0;
    border: 0px solid #161837;
}

}


/* ==========================================================================
1. theme EST                                           
========================================================================== */

.social-links-top span {
margin: 0 6px 0 0;
    display: inline;
    font-size: 2em;
    line-height: 20px;
    overflow: hidden;
}

.social-links-top a:hover .fa {
  color: rgb(199, 207, 224);
}

.social-links-top a .fa {
  font-size: 18px;
  color: #626975;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}



/* ==========================================================================
2. pagina start                                           
========================================================================== */
.slide-home2021 {
 background-image: url("https://www.estructurando.co/hubfs/EST/sider-2021.jpg");
 background-color: #0e1323;
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: cover;
}

.txt-red {
	color: #ff0046;
}

.row-white-01  {background-color: #f8f9fa; padding: 50px 0 !important;background-image: url("https://www.estructurando.co/hubfs/EST/bg-e.svg"); background-repeat: no-repeat;
    background-size: contain;}
.row-white-02  {background-color: #f0f2f6; padding: 50px !important;}
.row-white-03  {background-color: #e9ecf1; padding: 50px !important;}
.row-white-04  {background-color: #dadfe8; padding: 50px !important;}

.row-white-02-arrow  {background-color: #f0f2f6; padding: 50px 0 !important;background-image: url("https://www.estructurando.co/hubfs/EST/bg_arrow.svg"); background-repeat: no-repeat;
    background-size: cover;}

.row-gris  {
	background-color: #f9f9f9;
  padding: 50px !important;
}
.row-gris-2  {
	background-color: #efefef;
  padding: 50px !important;
}
.row-blanco  {
	padding: 6%;
  background-color: #021732;
}
.row-red {
	background-color: #dd3433;
  padding-top: 15px !important;
  padding-bottom: 10px !important;
}

.row-azul-01 {
  background-color: #171420;
}

.gradient-red {
    background: rgb(213,1,49);
    background: -moz-linear-gradient(90deg, rgba(213,1,49,1) 0%, rgba(255,0,70,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(213,1,49,1) 0%, rgba(255,0,70,1) 100%);
    background: linear-gradient(90deg, rgba(213,1,49,1) 0%, rgba(255,0,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d50131",endColorstr="#ff0046",GradientType=1);
}

.form-slider {
    border-radius: 0 20px 20px 0;
    padding: 24px 30px;
}

.h1-title {
color: #f4f5f9;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    line-height: 80px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 80px;
  }

.box-s-white {
    box-shadow: 0px 0px 21px #cfd8de;
    border-radius: 17px;
    padding: 30px;
  background-color: #ffffff;
  
}
/* ==========================================================================
3. Helper Class                                          
========================================================================== */
.text-aline-center {  text-align: center; margin: 0 auto;}
.text-aline-right { text-align: right}

.menos-m { margin-top: -130px;}
.menos-m-2 { margin-top: -400px;}

.z-index-1 {z-index:-1}
.z-index-2 {z-index:2; position: absolute;}
.z-index-3 {z-index:3; position: absolute; }


.p-1 { padding: 20px;}
.p-2 { padding: 40px;}
.p-3 { padding: 60px;}
.p-4 { padding: 80px;}
.p-5 { padding: 100px;}


.p-b-1 { padding-bottom: 20px;}
.p-b-2 { padding-bottom: 40px;}
.p-b-3 { padding-bottom: 60px;}
.p-b-4 { padding-bottom: 80px;}
.p-b-5 { padding-bottom: 100px;}

.p-t-1 { padding-top: 20px;}
.p-t-2 { padding-top: 40px;}
.p-t-3 { padding-top: 60px;}
.p-t-4 { padding-top: 80px;}
.p-t-5 { padding-top: 100px;}
.p-t-6 { padding-top: 200px !important;}

.p-y-5 { padding: 0 200px;}

.m-1 { margin: 20px;}
.m-2 { margin: 40px;}
.m-3 { margin: 60px;}
.m-4 { margin: 80px;}
.m-5 { margin: 100px;}

.t-blanco { color: #ffffff}

@media (max-width: 767px) {
.p-t-5 { padding-top: 0px;}
.p-y-5 { padding: 0px;}
.p-b-5 { padding-bottom: 0px;}
.menos-m { margin-top: 0px;}
.menos-m-2 { margin-top: 0px;}
.cta-sec {width: 300px;}
 .text-top-header-movile {display: none}
}



/* ==========================================================================
2. gradient                                        
========================================================================== */

.gradient {
    height: 100vh;
    width: 100%;
    background: linear-gradient(225deg, #ffffff, #EFEFEF, #c4cdd3);
    background: -webkit-linear-gradient(225deg, #ffffff, #EFEFEF, #c4cdd3);
    /*  this color scheme is from - https://uigradients.com/#Wiretap  */
    background-size: 300% 300%;
    animation: GradientAnimation 6s ease infinite;
    -webkit-animation: GradientAnimation 6s ease infinite;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: normal;
}

.flex-items:nth-child(1) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    width: 70%;
}

.flex-items:nth-child(2) {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
}

@keyframes GradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-webkit-keyframes GradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* ==========================================================================
2. CTAS                                         
========================================================================== */



.header-group-transparent  > div {
    padding: 0 45px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: #0099ff;
}


.is-sticky .redes-top { display: none}
.is-sticky .top-cta { display: none}
.is-sticky .hr-sticky { display: none}
.is-sticky .mobile-trigger { display: none}
.is-sticky .is-visible .mobile-trigger {     display: inline-block; top: 0;}

#logo_wa { max-width: 60px; margin: 20px 0; height: auto;}
.WhatsApp { left: 15px;  position: fixed; z-index: 1041; bottom: 0px;}


.site-header__main-area {
    justify-content: space-around !important;
}

.sticky .header_dnd_top-row-0-margin {
    display: none !important;
}


/* Estilos Blog general    */
.est-tabla_contenidos{
    background-color: #d5d6e530;
    border-radius: 15px;
    padding: 30px 20px;
    box-shadow: 0px 0px 13px #cdd0d7;
    border: 2px solid #ffffff;
  }

/* Estilos Header al cambiar a stado Sticky    */

.sticky .header__dnd--top {
    display: none;
}

.sticky .site-header__main-area {
    height: 60px;
    justify-content: space-around;
}

.sticky .hs_cos_wrapper_type_logo { width: 200px;}