body {
    padding-top: 210px;
}
  
/* BARRA DE BUSQUEDA */

#navNafin.navbar{
    height: auto!important;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #e7e7e7;
    background: white;
}
.searchBarNafin {
    margin-bottom: 10px;
    font-size:14px;
}
.search-btn{
    color: #404041;
}
.collapse .navbar-collapse .searchBarNafin{
    display:none;
}

.searchNafin{
    background-color:#00728F;
    color:white;
    border-width:0px;
    border-radius:0px;
}
.textSearchNafin{
    color: #000000;
    border-radius:0px;
    border-width:0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #ededed;
    width:170px !important;
    font-weight: lighter;
    font-style: italic;
    font-size:14px;
}
.textSearchNafin::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #555;
    margin:0px;
}
.textSearchNafin::-moz-placeholder { /* Firefox 19+ */
    color: #555;
    margin:0px;
}
.textSearchNafin:-ms-input-placeholder { /* IE 10+ */
    color: #555;
    margin:0px;
}
.textSearchNafin:-moz-placeholder { /* Firefox 18- */
    color: #555;
    margin:0px;
}

.searchNafin-form-phone{
    padding: 0px 0px;
    border:0px;
}

.searchNafin-phone{
    background-color:#00728F;
    color:white;
    border-width:0px;
    border-radius:0px;
    cursor:pointer;
}
.textSearchNafin-phone {
    color: #000000;
    font-weight: lighter;
    font-style: italic;
    border-radius: 0px;
    border-width: 1px;
    /* -webkit-box-shadow: none; */
    -moz-box-shadow: none;
    /* box-shadow: none; */
    border-color: #e7e7e7;
    font-size:14px;
}

.socialNetworks{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.socialNetworks a{
    margin-left:10px;
    color: #000;
    text-decoration: none;
}


  /* Search Overlay - Positioned inside header for sticky behavior */
.search-overlay {
    padding: 10px 0 10px 0;
    display: none;
    width: 100%;
}
/* Search Box matching the image */
.search-box-wrapper {
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    border: 1px solid #256d91;
}

.search-container-inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.input-search-icon {
    font-size: 18px;
    color: #666;
    margin-right: 15px;
}

#search-input {
    border: none;
    box-shadow: none;
    font-size: 16px;
    color: #072146;
    height: 40px;
    width: 100%;
}

#search-input::placeholder {
    color: #999;
}

.close-search-text {
    background: none;
    border: none;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
}

.close-search-text i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle;
}


/*NAV BAR*/
/*.navbar-container{
    width:calc(100% -200px);
}*/

.navbar-default .navbar-toggle .icon-bar.icon-bar-nafin{
    height:3px;
    background-color:#266D91;
}

.navbar-custom {
    padding: 10px 0;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    border: none;
    padding-bottom: 0px;
    height:82px;
}

.navbar-custom .nav li a {
    width: 115px;
    text-align: center;
    height: 60px;
    color: #000000;
    margin-right: 5px;
    word-wrap: break-word;
    padding: 0px 0px;
    margin-bottom: 5px;
    text-decoration:none;
}



.navbar-custom .navbar-brand {
    padding: 0px 0px;
}



.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: white;
    background-color: #266D91;
}


/*.navbar-custom .navbar-collapse {
    border-color: #266D91;
}*/
/*
.navbar-custom .navbar-toggle {
    background-color: #266D91;
    border-color: #266D91;
    color: white;
    font-size: 12px;
    margin-bottom: 15px;
}*/

.navbar-custom .navbar-toggle {
    color:  #266D91;
    font-size: 12px;
    border:none;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #f5f5f5;
}


.navbar-custom.affix {
    padding: 0px 0px;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05);
    border-bottom:1px solid #e7e7e7;
    background: #ffffff;
}

.navbar-custom.affix .nav li a {
    margin-bottom: 0px;
    height: 70px;
}

.navbar-custom.affix .card-item{
    height: 80px;
}
.navbar-custom.affix .searchBarNafin{
    display:none!important;
}

.navbar-custom.affix .navBarOther{
        /*display:block;*/
       /*max-width: 65%;
       padding-left: 200px;*/
}


.navbar .customNafinContainer{
background-color: inherit;
}
.customNafinContainer .navbar-brand {
    margin-left: 0px!important;
}

/* LOGO NAFIN*/
.logo {
    background: url(../images/nafin-azul.png);
    width: 120px;
    height: 45px;
    background-size: 120px 45px;
    position:absolute;
}
/*.logo {
    background: url(../images/svg-pegado-346738x1542.svg?crc=273408121);
    width: 177px;
    height: 78px;
    background-size: 177px 78px;
    position:absolute;
}*/
/*.navbar-custom .navbar-brand  {
        width: 177px;
        height: 78px;
        background-size: 177px 78px;
    }*/

.navbar-custom.affix .navbar-brand .logo {
    width: 200px;
    height: 75px;
    background-size: 200px 75px;
    margin-top: 6px;
}



/* phone devices*/

@media(max-width:767px) {
    
    .navbar-container{
        width:100%;
        clear:both;
    }
    
    .navbar-custom{
        padding: 5px 10px 0px 10px;
        background: #f5f5f5;
        height:60px;
    }

    body {
        padding-top: 110px;
    }

    .navbar-custom .navbar-brand .logo {
        width: 130px;
        height: 50px;
        background-size: 130px 50px;
    }

    .navbar-custom.affix  .navbar-brand .logo {
        width: 130px;
        height: 50px;
        background-size: 130px 50px;
        margin-top: 0px;
    }


    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header{
        margin-bottom: 0px;
    }


    .searchBarNafin{
        display:none;
    }
    .navbar-custom .nav li a {
        padding: 10px 10px;
        width: 100%;
        height: auto;
    }


    .navbar-custom.affix .nav li a{
        height: auto;
    }


    .navbar-custom.affix {
        padding: 5px 10px 0px 10px;
        background: #f5f5f5;
       
    }
    .navbar-custom.affix .navbar-brand .logo{
        margin-top: 0px;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 0px 0px;
        margin-top: 12.5px;
        margin-right: 15px;
        margin-bottom: 0px;
        border-radius: 4px;
    }
    .navbar-custom .navbar-brand {
        padding: 5px 0px 0px 0px;
    }
     .navbar .customNafinContainer{
        background-color: inherit;
        padding-left: 25px;
        padding-right: 25px;
        margin-left: -10px;
    margin-right: -10px;
    }
    .searchNafin-form-phone{
        margin: 3.5px 0px 0px -5px;
    }
}

.navBarOther{
    width: calc(100% - 30px);
}
.navBarOther2{
    display: flex;
    align-items: center;
    justify-content: end;
    color: white;	
}
.navBarOther-wrapper{
    display:flex;
    height:80px;
    overflow:hidden;
    width: 100%;
     justify-content: space-between;
}

#socialNetworksButtons{
    display:inline-block;
}

/* TABLETS */

@media (min-width: 768px) and (max-width: 991px) {
    .logo{
        margin-top: 10px;
        width: 120px!important;
        height: 45px!important;
        background-size: 120px 45px!important;
        margin-top: 15px!important;
    }
    .navBarOther{
        margin-left: 0px;
        padding-left: 120px;
    }
    /*.navbar-custom.affix .navbar-brand  {
        display: none!important;
    }
    .navbar-custom.affix .navbar-header{
        display: none!important;
    }
    /.navbar-custom.affix{
     box-shadow: none;
    }*/
    #socialNetworksButtons{
        display:none!important;
        margin-right:0px;
    }    
    .searchBarNafin{
        font-size:14px;
    }
    .textSearchNafin {
        width: 120% !important;
    }
    
    
}

/* DEKSTOPS AND MORE */

@media (min-width: 992px) {
    .navbar-custom .navbar-brand .logo {
        width: 200px;
        height: 75px;
        background-size: cover;
        background-position: center;        
    }
    .navBarOther{
        max-width: calc(100% - 30px);
        padding-left: 200px;
    }
    .navbar-custom.affix .navBarOther{
       max-width: calc(100% - 30px);  
    }   
      .searchBarNafin{
       width: calc(100% - 180px); 
    }
    .textSearchNafin {
        width: 100% !important;
    }
}

@media (min-width: 1200px){
    .searchBarNafin {
        width: calc(1170px - 260px);
    }
    .navBarOther {
        /*width: calc(1170px - 260px);*/
        padding-left: 200px;
    }
}

.horizon-swiper .horizon-item{
    font-size: 14px;
}

.horizon-item .card {
    width: 100%;
    text-align: center;
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
    background-color: white;
    color: #000000;
    font-weight: 500;
    padding-right: 15px;
}
.horizon-swiper{
    background:#fff;
    font-size:0px;
}

/*.horizon-item .card {
        width: 115px;
        text-align: center;
        height: 60px;
        color: #000000;
        word-wrap: break-word;
        padding: 0px 0px;
        margin-bottom: 5px;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
}*/
/*.horizon-swiper .horizon-item {
        background-color: white;
}*/

.horizon-swiper.arrows.initialized {
        padding: 0px 50px;
}
.horizon-swiper.arrows {
        padding: 0px 0px;
}
/*.horizon-swiper{
        height:60px;
        background:#fff;			
}*/
.card-item {
        text-align: center;
        /*height: 60px;	*/
        height:80px;			
        word-wrap: break-word;
        padding: 0px 6px 2px;
        /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
        width:140px;
        white-space: normal;
}

.card-search {
        text-align: center;
        /*height: 60px;	*/
        height:80px;			
        word-wrap: break-word;
        /*padding: 0px 15px;*/
        /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
        width:100%;
        white-space: normal;
        /*background: rgba(128, 128, 128, 0.42);*/
}

.horizon-item .card a{
        text-decoration:none;
        color: #000000;
}
/*.horizon-item .card-item a:hover{
        color:white;
}*/

.horizon-item .card-item:hover{
        background-color: #266D91;
        color:white;
}

/*.card-item:after {
        clear:both;			
}
.card-item:before {
                        display: table;
                        content: " ";
}*/

        #navBarPhone{
                display:none;
        }

@media(max-width:767px){
	.navBarOther-wrapper{
		display:none;
	}
	.navBarOther{
	    display:none;
	}
	#navBarPhone{
		display:block;
		margin:0px;
		width:100%;
	}
	#navBarPhone.nav li a{
		padding: 10px 0px;
	}
	#footerNafin .footer-col {
		width: 50%;
	    float: left;
	}
        
}