@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100;
  src: local('overpass thin'), local('overpass-thin'), url(https://bci-cdn.azureedge.net/uploads/1a4d27a6-825d-41f7-88b9-bbe0ae1aaebf/original/overpass-thin.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: local('overpass light'), local('overpass-light'), url(https://bci-cdn.azureedge.net/uploads/fc5b87ab-9929-449c-91ac-c005743de83d/original/overpass-light.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: local('overpass-regular'), url(https://bci-cdn.azureedge.net/uploads/e885f7af-0a38-48e1-984d-6bf619987a55/original/overpass-regular.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: local('overpass bold'), local('overpass-bold'), url(https://bci-cdn.azureedge.net/uploads/0b2490a2-5759-4160-a4c0-70df42b19055/original/overpass-bold.otf) format('opentype');
}

/*Color Assign*/


















div.clear { overflow: hidden; clear: both; width: 100%; }
a:focus { text-decoration: none; }



h1 { margin: 0.4em 0; }
h3 { margin: 0.4em 0; }

/*MENU PANEL*/
#menu-panel, .panel {
    transition: all 0.5s ease;
}
#menu-panel h3 {
    color: #FFF;
    font-weight: 300;
    font-size: 29px;
    margin: 25px 25px 0 25px;
}
#menu-panel h4 {
    background: transparent;
    margin: 0;
    padding: 0;
}
#menu-panel h4 a {
    color: #dacc00;
    display: block;
    font-size: 24px;
    padding: 10px;
    text-align: right;
}
#menu-panel small {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    color: #ccc;
    margin: 25px;
    margin-top: 0;
}
#menu-panel ul {
    list-style: none;
    margin: 0;
}
#menu-panel li {
    font-size: 14px;
    line-height: 2.5;
    padding-left: 10px;
}
#menu-panel li a {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    /*padding: 5px 20px;*/
    padding: 0px;
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px #3f3f3f;
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
#menu-panel li img {
    max-width: 62%;
    margin-left: 20px;
}
#menu-panel li a:hover {
    background: rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    color: #fff;
    text-decoration: none;
}
#menu-panel li.active-panel a {
    background: rgba(0,0,0,0.3);
}
#panel2 {
    background: rgba(0,0,0,0.3);
}
#close-left-menu{
    margin-left: 370px;
    margin-top: 8px;
    display: block;
}
/* VERSION 2 */


#menu-panel.opened { width: 700px; right: -350px; }
#menu-panel.opened.with-lvl2 { right: 0; }
#panel2.opened { right: 0; }
#panel1.opened { right: auto; }
#menu-panel li.active-panel a, #panel2 { background: #222; }
#menu-panel .wrap-menu a { line-height: 1; padding: 15px 25px; }

/*SIDR*/
/* SIDE R */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:visible;overflow-y:auto;font-family: 'Overpass', sans-serif;font-size:15px;background:#333;color:#fff;}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-240px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
.sidr .dropdown-menu li>a:hover {
    background: #444;
}
.sidr .nav>li>a:hover,
.sidr .nav>li>a:focus { background: #444; }
.sidr ul.dropdown-menu {position: static; border-radius: 0; box-shadow: none; border: 0; float: none; background: none; }
.sidr ul li span { display: inline; padding: 0; }
.sidr .dropdown-menu>li>a { line-height: 35px; }
.sidr .dropdown-menu>li>a span { padding-left: 0; }
.sidr .dropdown-toggle .caret { margin-top: 23px; margin-left: 10px; }

/* ===== HEADER ===== */
header h1 {
    float: left;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
header { z-index: 10003 !important;display: block;width: 100%;width: 100%;}
header:hover #navigation, #navigation:hover {
    background: rgba(255,255,255,1);
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
header.scroll-to-fixed-fixed {background: rgba(255,255,255,1);-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;}
#search-nav { display: none; }
#navigation {
    position: relative;
    z-index: 1002;
    background: rgba(255,255,255,.6);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    opacity: 1;
    width: 100%;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.context-home-show #navigation { position: absolute;}

#navigation > .container {  background: none; }
#dropdowns { z-index: 1001; position: relative; }
.first-level-menu li:hover .dropdown-item{
    margin-top: 0;
    display:block;
    opacity: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
}
header.fixed.scroll-to-fixed-fixed {
    position: fixed;
    width: 100%;
    z-index: 10003;
    top: 0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
header.fixed.scroll-to-fixed-fixed {background: rgba(255,255,255,1);}
.activado{
    background-color:#1d1d1d;
}

/* =============================================
NAV MENU
=============================================== */
#nav-menu{position:relative;}
#nav-menu:after {
    display: table; overflow: hidden; content: ''; clear: both
}

#nav-menu .dropdown { position: static; }
#nav-menu .dropdown-menu { width: 1130px; }
#nav-menu > .pull-left {
    font-size: 21px;
    position:relative;
    float: right;
}
#nav-menu > .pull-left li a {

}
.rest-menu {float: left;margin-top: 7px;}
.right-menu img { width: 34px; }
.right-menu {
    float: right;
    position: relative;
    z-index: 1;
}
#nav-menu > .pull-left > ul,
.right-menu > ul { list-style: none; margin: 0; padding: 0; }

#nav-menu > .pull-left > ul > li,
.right-menu > ul > li { float: left; }

#nav-menu > .pull-left > ul > li > a {
    color: #000;
    padding: 28px 10px 8px 10px!important;
    font-size: 17px;
    display: block;
    font-weight: 300;
    border-bottom: 4px solid transparent;
    position:relative;
    z-index:1001;
    margin-bottom:13px;
}
#nav-menu > .pull-left > ul > li > a.item-personas.active,
#nav-menu > .pull-left > ul > li > a.item-personas:hover,
#nav-menu > .pull-left > ul > li > a.item-personas.active:hover,
#nav-menu > .pull-left > ul > li:hover > a.item-personas {
    border-bottom: 4px solid #00a94a;
    text-decoration: none;
}
#nav-menu > .pull-left > ul > li > a.item-soluciones.active,
#nav-menu > .pull-left > ul > li > a.item-soluciones:hover,
#nav-menu > .pull-left > ul > li > a.item-soluciones.active:hover,
#nav-menu > .pull-left > ul > li:hover > a.item-soluciones{
    border-bottom: 4px solid #f6303e;
    text-decoration: none;
}
#nav-menu > .pull-left > ul > li > a.item-servicios.active,
#nav-menu > .pull-left > ul > li > a.item-servicios:hover,
#nav-menu > .pull-left > ul > li > a.item-servicios.active:hover,
#nav-menu > .pull-left > ul > li:hover > a.item-servicios {
    border-bottom: 4px solid #007cc6;
    text-decoration: none;
}
#nav-menu > .pull-left > ul > li > a.item-canales.active,
#nav-menu > .pull-left > ul > li > a.item-canales:hover,
#nav-menu > .pull-left > ul > li > a.item-canales.active:hover,
#nav-menu > .pull-left > ul > li:hover > a.item-canales {
    border-bottom: 4px solid #eeb812;
    text-decoration: none;
}

/* =============================================
TOP NAV
=============================================== */

#top-nav { text-align: right;  background: #000; position: relative; z-index: 10004; }
#top-nav .container { padding: 8px 0; }
#top-nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav li { display: inline-block; margin-left: 5px; font-size: 14px;}
#top-nav a { color: #A5A3A3; text-decoration: none; padding: 5px 10px; font-weight: 600; }
#top-nav a:hover { color: #fff; text-decoration: none; }
#top-nav .rest-menu img {
    /*height: 23px;*/
    height: 14px;
    margin-right: 7px;
}
@-webkit-keyframes pulse_animation {
      0% { -webkit-transform: scale(1); }
     30% { -webkit-transform: scale(1); }
     40% { -webkit-transform: scale(1.1); }
     50% { -webkit-transform: scale(1); }
     60% { -webkit-transform: scale(1); }
     70% { -webkit-transform: scale(1.07); }
     80% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1); }
}
li.rest-menu button {
    background: none;
    border: 0;
    border-bottom: 4px solid transparent;
    box-shadow: none;
    padding: 5px;
    color: #fff;
    font-size: 14px;
}
li.rest-menu button:focus {
    outline: 0;
}
li.rest-menu button:hover {
    color:#ff0;
}

/* ===== SEARCH ===== */
.search-menu { font-size: 20px; }
.form-search .input-append .btn{
    height: 42px;
    padding-top: 9px;
}
.search-list li a{
    color:#007cc6;
    font-size: 18px;
}
.search-list{
    list-style:none;
}
.search-list li .description{
    font-size: 14px;
    color: #555;
}
.form-search .input-append {width: 73%;margin-top: 10px;}
.form-search .input-append .search-query {width: 100%}

.context-search-show .search-section .search-list li{
  padding: 1em 0;
  border-bottom: 1px solid #CACACA;
  height: 92px;
  margin-right: 20px;
}
.context-search-show .search-section .search-list{
    overflow:hidden;
}
.context-search-show .search-section h3{
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
}
.context-search-show .search-section{
    border:0;
    padding: 21px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
}

.context-search .options-search {
    display: none;
}
.context-search #page-title {
    padding-bottom: 10px;
}
.context-search #page-title h2 {
    color: #fff;
    overflow: inherit;
}
.context-search #search-header {
    background: url("https://bci-cdn.azureedge.net/uploads/d355a3ac-eb06-48e9-85d0-c46a9cfaf0c0/original/blue-background.jpg") no-repeat center center / cover;
}
.context-search #search-header #top {
    background: transparent;
    padding: 0;
}
.context-search #search-header #top .top-inner {
    padding: 10px 0 30px;
}
.context-search .form-search .input-append {
    margin-top: 0;
}
.context-search .form-search .input-append .search-query {
    padding: 10px 15px;
    border-radius: 3px 0 0 3px;
    border: 0;
    font-size: 22px;
}
.context-search .form-search .input-append .btn {
    background: #00a94a;
    padding-top: 11px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
.context-search .form-search .input-append .btn:hover {
    background: #009340;
}
.context-search .search-section .more .btn {
    background: #007cc6;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.context-search .search-section .more .btn:hover {
    background: #006CAD;
}

/* ===== RESET ===== */

h1 { font-size: 40px; font-weight: 300; }
h2 { font-size: 34px; font-weight: 300; }
h3,.widget h3 { font-size: 28px; font-weight: 300; }
h4,.widget h4 { font-size: 21px; margin-bottom: 15px; font-weight: 300; }
h5 { font-size: 16px; font-weight: 300; }
h6 { font-size: 11.9px; font-weight: 300; }


[class*="spana"],
[class*="spano"]{
    float: none;
    margin: 0;
}
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; }
#page-content { padding: 0; margin-bottom: 0; }
small, .meta { font-size: 11px; }
.media > .pull-left { margin-right: 25px; }
#wrap-items-faq .media > .pull-left { margin-right: 25px; }
.media > .pull-right { margin-left: 25px; }
.media > .pull-left:empty,
.media > .pull-left:empty { margin: 0; }
.tab-content { overflow: visible; }
.cover img { border-radius: 0; }
.thumbnail,
.thumbs-fluid a img:hover,
.gallery-images a:hover img { box-shadow: none; border-radius: 0; }
.gallery-images>li { margin-right: 0; }
.container { background: none;  }
header h1 { padding: 0; margin: 0px;position:relative; z-index:9999; }
a,a:hover { color: #f6303e; }
a:focus { outline: none; }
.breadcrumb-inner { width: 940px; margin: auto; }
#page-title { border: 0; background: none; }
#search-nav { margin: 0; }
.main-col-inner, .main-inner, .sidebar-inner { padding: 0; }
.interact-box { padding: 0; }

.sidebar-menu li.current a { background: #f6303e; color: #FFF }
.sidebar-menu a { border-radius: 0; background: #FFF; }

.save-box { background: none; }
#top { padding: 1em 0; border: 0; background: #FFF; margin: 0; }
form { margin: 0; }
#main, #sidebar { margin-bottom: 0; }

.well { border-radius: 0; box-shadow: none; background: #f3f3f3; border-bottom: 3px solid #EEE; }


/* MODYO LOGIN BAR */

html #modyo-session { display: none; }
html #modyo-session * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

html .modyo-bar-top a {
    border-radius: 0;
    box-shadow: none;
    border-left: 1px solid #f6303e;;
    border-top: 1px solid #f6303e;;
    border-right: 1px solid #f6303e;;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #f6303e;
    color: #FFF;
}
html #modyo-session.logged .modyo-tabs {
    border-radius: 0;
    background: #f6303e;
}
html #modyo-session.logged .modyo-tabs a { color: #FFF; }

/* BODY */

body {
    background: #FFF;
    color: #000;
    font-size: 15px;
    font-family: 'Overpass', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
input,select,textarea {
    font-family: 'Overpass', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
.logohome img{
    width: auto;
    height: 57px;
    margin: 4px 0 12px;
}

/* ===== FOOTER ===== */
#footer-mesa-soporte{
    display: none;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#fff;
}
footer { background: #222; padding: 40px 0; color: #FFF  }
footer .media-body p { margin-top: 10px; }
footer .media { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.2); }
footer h4 { margin-bottom: 20px; color: #FFF; }
.links-footer a {
    display: inline-block;
    background: rgba(0,0,0,.6);
    color: #FFF;
    padding: 6px 6px;
    border-radius: 3px;
    margin: 0 0px 3px 0;
    font-size: 13px;
}
.links-footer-2 ul {
    border-left: 1px solid rgba(255,255,255,.2);
    padding-left: 28px;
    margin: 0;
}
.links-footer-2 a {
    color: #fff;
}
#footer-logos img { height: 80px; }
#footer-logos {
    background: #FFF;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 0px;
}

#footer-logos a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
   /* filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    /*width: 100%;*/
    height: auto;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#footer-logos a:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* Firefox 4+ */
    filter: none; /* IE 6-9 */
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*Scroll Top */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
    color: #fff !important;
}

/* =============================================
WIDGETS
=============================================== */

.widget { margin-bottom: 0; }
.widget h3 { border: 0; margin: 0.4em 0; padding: 0; }
.container-widget-full .widget > .inner { width: 940px; margin: auto; }

/* =============================================
MODAL
=============================================== */

.modal {
    border-radius: 0;
    box-shadow: 0 0 1000px rgba(0,0,0,.8);
    width: 80%;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    background: none;
    font-size: 36px;
}
.modalinfo h2{
    margin-bottom: 15px;
    color:#2266ac;
    font-size: 32px;
}
.modalinfo ul{
    list-style:none;
    margin-bottom:30px;
}
.modalinfo ul li{
    margin-bottom:10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 7px;
}

/* =============================================
QUERYS
=============================================== */

@media (min-width: 768px) {
#featured .bh-call { width: 78%; left: 11%; top: 18%; font-size: 12px; }
}

@media (min-width: 1600px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .container,
    .breadcrumb-inner,
    .container-widget-full .widget > .inner{
        width: 1130px;
    }
}

@media (max-width: 1200px) {
    /* =================================================
    HEADER
    ============================================= */
    
/*.logohome img { width: 170px; height: 40px; margin-top: 8px; }*/
#nav-menu > .pull-left { margin-left: 2%; }
.client-access a { font-size: 16px; }
.dropdown-item ul > li > a { font-size: 12px; }
.footer-menu .pull-right span { font-size: 15px; }
#nav-menu > .pull-left { font-size: 18px; margin-left: 5%; }
/* =================================================
    HOME
    ============================================= */

#destacados > .container > .columns > li:first-child, #destacados > .container > .columns > li { width: 100%; }
#destacados #media-wrap-holder li { width: 25%; }
#destacados iframe { height: 460px; }
.bases-promo li { margin-right: 0; padding-right: 0; }
#indicadores { display: none; } /* momentáneo */
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */

.second-box { font-size: 13px; width: 80%; }
.second-box .number-box h3 { font-size: 24px; }
/* =================================================
    PLANES
    ============================================= */

#video-promo .media > .pull-left { width: 50%; }
#video-promo .media > .pull-left iframe { width: 100%; }
/* =================================================
    TARJETAS
    ============================================= */

#content-promo { width: auto; }
/* =================================================
    CREDITOS DE CONSUMO
    ============================================= */


.infog-monos { width: auto; background-size: 100%; }
/* =================================================
    SEGURIDAD
    ============================================= */

.context-layouts-show-seguridad #top-header { height: auto; }
.context-layouts-show-seguridad #top-header .container { top: 0; transform: none; }
.context-posts-show #page-title { height: auto; }
/* =================================================
    EMERGENCIAS
    ============================================= */

#top-banner-emergencias { height: auto; }
/* =================================================
    PLACES
    ============================================= */

.context-place-list #tabs-sucursales .columns { margin-left: 0; }
.context-place-list #tabs-sucursales .columns > li { width: 33.33%; margin-left: 0; }
.context-place-list #tabs-sucursales li .span4 { width: 25%; margin: 0; }
.context-place-list #tabs-sucursales li .span8 { width: 75%; margin: 0; }
.context-place-list #tabs-sucursales .circular-cv { width: 55px; height: 55px; }
#navigation #nav-menu > .pull-left { margin-left: 2%; }
#botonera-links .colores-btn li { width: 31%; }
#botonera-links .colores-btn a { font-size: 10px; }
.tabla-planes { display: none; }

}

@media (max-width: 1024px) {
#cover-tags li .span2, #cover-tags li .span10 { margin-top: 0!important; }
#cover-tags li .span10 { padding-left: 20px; }
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */

#forms-feedback .tab2-content { padding: 3% 3% 105px !important; }
#servicio-cliente .nav li a { font-size: 12px; text-align: center; }
#servicio-cliente .nav li a img { display: block!important; float: none!important; margin: 0 auto 5px!important; width: 32px!important; }
#forms-feedback .nav li a { text-align: center; }
#forms-feedback .nav li a img { display: inline-block; margin-right: 0; }
#forms-feedback .nav li a span { width: 100%; display: block; font-size: 13px; }
/* =================================================
    PUNTOS BCI
    ============================================= */

#informacion-adicional-puntos { width: 100%; }
#puntos-bci .media { width: 85%; }
/* =================================================
    BANCA MÓVIL
    ============================================= */

.tab-grande li { margin: 0 15px; }

}

@media (max-width: 979px) {
    .menu-container { display: none; }
    .off-screen-nav-button {
        display: block;
    }
    .columns-5 > li,
    .columns-6 > li {
        width: 23%;
    }
    #wrap-signUp .wrap-carousel {display:none;}
    #wrap-signUp .inner {width: 100% !important;}
    .rest-menu {margin-top: 0px;}
     /* =================================================
    GENERAL
    ============================================= */

.off-screen-nav-button { display: none; }
/* =================================================
    HEADER
    ============================================= */
    
.logohome img { width: auto; margin-top: 0; }
#nav-menu > .pull-left { margin-left: 2%; }
#nav-menu > .pull-left { font-size: 18px; }
#nav-menu > .pull-left > ul > li > a, header.fixed.active #nav-menu > .pull-left > ul > li > a { padding: 22px 10px 16px; font-size: 17px; }
.logohome img { height:41px; }
header h1 { margin-top: 7px; margin-bottom: 0; }
.client-access a { margin-top: 10px; padding: 10px 15px; font-size: 14px; }
.btn { font-size: 16px; padding: 12px 23px; }
.btn-small { padding: 4px 10px; }
header h1 { margin-top: 10px; }
h2 { font-size: 32px; }
#products-services .nav-tabs { font-size: 38px; }
.carousel .caption h2 { font-size: 50px; }
#top-header h2 { font-size: 42px; }
h3, .widget h3 { font-size: 28px; }
.context-layouts-show-tarjetas #list-for, .context-layouts-show-visa #list-for, .context-layouts-show-mastercard #list-for, .context-layouts-show-exclusivas-bci #list-for { padding: 40px 0; }
#list-for { padding: 40px 0; }
#todo-sobre-credito-consumo .container { padding: 0 2%; }
#video-promo { padding: 40px 0; }
.title { margin-bottom: 20px; }
#wrap-signUp .control-group { margin-bottom: 15px!important; }
/* =================================================
    HOME
    ============================================= */


#video-promo .pull-left { margin-bottom: 1em; }
#video-promo .pull-left iframe { width: 100%; }
#list-for figure.effect-milo figcaption p, #products-tab figure.effect-milo figcaption p, #services-tab figure.effect-milo figcaption p { display: none; }
#destacados #media-wrap-holder li img { width: 100%; }
#destacados .iconoplay { padding: 0; bottom: 10px; right: 0; }
/* DESTACADOS */

#media-wrap-holder .columns-2 > li { width: 25%; }
#destacados .caption h4 { font-size: 16px; }
#destacados .caption { padding-top: 15px; }
/* PRODUCTOS */


#products-home .columns { padding-top: 25px; }
#products-home .yellow-cover { height: 300px; }
#products-home .media-body { padding-left: 0; }
#products-home a { width: 150px; height: 150px; padding: 20px; }
#products-home h3 { font-size: 16px!important; }
/* services-home */

#services-home li { height: 140px; }
#botonera-links .pull-left img { width: 200px; }
.colores-btn span { width 35px;
}
#botonera-links .colores-btn a { line-height: 1.3; }
/* =================================================
    FEATURED WIDGET
    ============================================= */


.slick-slider .container { position: relative; height: 100%; top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.wg-featured .caption { width: 65% !important;  background: { {
blue
}
}
;
 position: absolute;
 bottom: 20px;
 left: 20px;
 text-align: left !important;
 padding: 0 !important;
 float: none !important
}
.wg-featured .caption * { display: none !important; }
.wg-featured .caption h2 b, .wg-featured .caption h2 strong { display: inline !important; color: #FFF; }
.wg-featured .caption h2 { font-size: 21px !important; margin-bottom: 0 !important; display: block !important; padding: 10px 15px; font-weight: 600; color: #FFF !important; }
.slick-list { height: 350px !important; }
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */

.second-box { font-size: 12px; width: 100%; }
.second-box h3 { font-size: 22px; }
/* =================================================
    PLANES
    ============================================= */

#table-plans h3 { font-size: 30px !important; }
/* =================================================
    HIPOTECARIO
    ============================================= */

#casa-propia .container { padding: 0 2%; }
#todo-sobre-credito h3 { font-size: 20px !important }
/* =================================================
    SEGUROS
    ============================================= */

#info-bottom-seguros .container { padding: 0 2%; }
/* =================================================
    FINANCIAR TUS PROYECTOS
    ============================================= */

.context-layouts-show-financiar-tus-proyectos #top-header { height: auto; }
.context-layouts-show-financiar-tus-proyectos #top-header .pull-left { margin-top: 0; }
.context-layouts-show-financiar-tus-proyectos #hazte-cliente { display: none; }
#otros-servicios-tarjetas h2 { margin-bottom: 10px; }
/* =================================================
    EMERGENCIAS
    ============================================= */


#redes-sociales-emergencias .columns { padding: 0 10%; }
/* =================================================
    SIMULADOR DOCUMENTOS
    ============================================= */
    
#simulator .container { padding: 0 20px; }
#simulator h2 { margin-bottom: 20px; }
/* =================================================
    PLACES
    ============================================= */

.context-place-list #tabs-sucursales .circular-cv { width: 50px; height: 50px; }
.context-place-list #tabs-sucursales .columns > li .cv h3 { font-size: 18px; }
#nav-menu .right-menu .client-access a { padding: 8px 8px; }
#navigation #nav-menu > .pull-left > ul > li > a { font-size: 15px; }
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */
    
#forms-feedback .tab2-content { min-height: 330px; }
#servicio-cliente .nav li a { padding: 10px 30px; }
/* =================================================
    CLAVE INTERNET
    ============================================= */
    
#creacion-de-clave-internet .cont-form { margin: 20px 0 30px; }
/* =================================================
    PROMOCIONES Y CONCURSOS
    ============================================= */
    
.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter label, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length label { font-size: 16px; }
/* =================================================
    ETAPAS Y PROCEDIMIENTOS CHIP
    ============================================= */
    
.rounded-icon { width: 100px!important; height: 100px!important; padding: 25px!important; }
.escritura { height: 100px!important; }
/* =================================================
    PUNTOS BCI
    ============================================= */
   
#puntos-bci .media { width: 100%; }
#puntos-bci .media .pull-left { width: 40%; float: left; }
#puntos-bci .media .media-body { width: 55%; float: left; font-size: 18px; }
/* =================================================
    SEGURIDAD
============================================= */

.context-layouts-show-seguridad #top-header * { display: inherit; }
/* =================================================
    WEB
============================================= */

.context-layouts-show-web #megatab01 .tab-content > img { display: none; }
/* =================================================
    BANCA MOVIL
    ============================================= */

.app-bci .tab-grande li { margin: 0 15px 0 0; }
.app-bci .tab-grande li:last-child { margin-right: 0; }
.app-bci .tab-grande li a { padding: 7px 15px; font-size: 18px; }
.novedades-app article { width: 48%; min-height: 250px; margin: 0 1% 1% 0; }
.novedades-app article:nth-child(odd) { margin-right: 0; }

}

@media (max-width: 979px) and (min-width: 768px) {
    .breadcrumb-inner,
    .container-widget-full .widget > .inner { width: 760px; }
}

@media (max-width: 768px) {

    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li,
    .columns-6 > li {
        width: 48%;
    }

    .breadcrumb-inner,
    .container-widget-full .widget > .inner { width: auto; }
    body { padding: 0; }
    .container,
    .container-widget-full .widget > .inner { padding: 0 15px; }
    .pull-left, .pull-right { float: none; margin-bottom: 10px; }

    /* events */
    .widget-events-list .pull-left { float: left; }

    /* people */
    .context-people-list .columns > li { height: auto; }
    .context-people-list #main .columns .pull-left {
        margin-right: 25px;
        float: left;
    }
    .context-people-show #top .pull-left { float: left; }

    /* me */
    .context-me #top .pull-left { float: left; max-width: 80px; }

    /* =============================================
GENERAL > Varios Layouts
=============================================== */

#complementary-third-level .columns { margin: 0; }
.nav-tabs.hidden-phone, .tabbable.hidden-phone, .tab-content.hidden-phone { display: none!important; }
/* =================================================
    TOP NAV
    ============================================= */
    
.context-place-list .container { padding-top: 20px; }
.context-place-list #tabs-sucursales { display: none; }
.context-place-list .inline.places-filters > li { padding: 0; }
.inline.places-filters select, .inline.places-filters input[type="text"] { width: 100%!important; }
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */
    
#servicio-cliente .nav li { width: 100%!important; margin: 0 0 -7px!important; }
.cloud-tags a { background: #007cc6!important; }
#canales .columns-6 li { text-align: center; }
#canales .columns-6 li .info-canal { position: static; -webkit-transition: none; transition: none; -webkit-transform: inherit; transform: inherit; text-rendering: optimizeLegibility; }
#canales .columns-6 li .info-canal strong { display: block; }
#canales .columns-6 li img, #canales .columns-6 li:hover img, #canales .columns-6 li:hover .info-canal { -webkit-transition: none; transition: none; -webkit-transform: inherit; transform: inherit; opacity: 1; }
#canales .columns-6 li img { margin-bottom: 10px; display: inline-block; }
/* =================================================
    DESBLOQUEAR CLAVE
    ============================================= */
    
#desbloquear-clave-internet .cont-form, #creacion-de-clave-internet .cont-form { margin-top: 10px; }
#desbloquear-clave-internet .formulario input[type="text"], #creacion-de-clave-internet .formulario input[type="text"] { padding: 7px 10px; height: auto; }
/* =================================================
    CLAVE INTERNET
    ============================================= */

.tab-grande { padding: 30px 0; }
.tab-grande li { margin: 0 20px 15px; }
.tab-grande li:last-child { margin-bottom: 0; }
.tab-grande li a { border: 1px solid #fff; }
.tab-grande > .active > a:before { margin: 0; border: 0; position: static; }
/* =================================================
    DESTACADOS
    ============================================= */

#destacados .columns a { background: #eee; }
#destacados #media-wrap a:hover { background: #ddd; }
#destacados .columns .caption { padding-top: 50px; }
#destacados .columns a:hover .caption { background: transparent; padding: 50px 50px 0 0; }
/* =================================================
    PROMOCIONES Y CONCURSOS
    ============================================= */

.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length { height: 100px; position: relative; }
.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length select, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter input { position: absolute; top: 45px; left: 20px; }
/* =================================================
    MÁS SOBRE TU CRÉDITO
    ============================================= */

#creditosdeconsumo_mas_sobre_credito { margin-bottom: 30px; }
.slick-slide { height: auto !important; }
/* =================================================
    REDES SOCIALES
    ============================================= */    

.context-layouts-show-redes-sociales #top-header h3 { margin: 15px 0; }
.secc-twit, .secc-face, .secc-you, .secc-in { height: auto!important; }
.secc-in { background-repeat: no-repeat!important; background-position: 0 0!important; }
.secc-twit .span8 { margin: 0 0 20px!important; }
.secc-in .span5 { margin: 0 0 20px!important; }
.secc-in .span7 { margin-top: 0!important; }
.secc-face .span8 { margin-top: 20px!important; }
.secc-you .span6 { margin-top: 0!important; }
.secc-you .span6:first-child { margin-bottom: 20px; }
.secc-twit .span8, .secc-face .span8, .secc-in .span8, .secc-you .span6 { display: block!important; }
.secc-twit div[class^="span"], .secc-face div[class^="span"], .secc-you div[class^="span"], .secc-in div[class^="span"] { width: 100%; padding-left: 0; float: none; }
.secc-in .IN-widget > span { width: 365px!important; }
.secc-twit h3 img, .secc-face h3 img, .secc-you h3 img, .secc-in h3 img { width: 48px!important; }
.secc-twit p, .secc-face p, .secc-you p, .secc-in p { font-size: 16px; }
.secc-you .span6 a img { margin-right: 10px!important; left: 0!important; top: 0!important; display: inline-block!important; }
/* =================================================
    WEB
    ============================================= */

.context-layouts-show-web #megatab01 { padding: 30px 15px; }
.off-screen-nav-button { display: block !important; }
#breadcrumb li { float: left; margin-right: 0px; padding: 4px; }
section li { padding-left: 25px; position: relative; line-height: 1.4; margin-bottom: 5px; }
h3, .widget h3 { font-size: 21px; }
.sidr { width: 250px !important }
.sidr ul li { line-height: 2.5; padding-left: 10px; font-size: 14px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { line-height: 2.5; }
.nav-responsive a { position: relative; }
.sidr form { margin: 0; margin-left: -10px; padding: 10px; padding-bottom: 0; }
.sidr form input[type="search"] { background: #FFF; color: #333; }
.nav-responsive a:after { font-family: FontAwesome; position: absolute; right: 10px; top: -20px; content: "\f105"; color: #444; font-size: 30px; }
.sidr ul li a, .sidr ul li span { /*font-size: 12px;
  color: #CCC;*/
}
.div-blue { border-left: 3px solid { {
blue
}
}
}
.div-green { border-left: 3px solid { {
green
}
}
}
.div-red { border-left: 3px solid { {
red
}
}
}
.div-yellow { border-left: 3px solid { {
yellow
}
}
}
.div-black { border-left: 3px solid #000 }
.sidr h4 { background: #000; margin: 0; padding: 0; font-size: 16px; }
.sidr h4 a {  color: { {
yellow
}
}
;
 padding: 10px;
 display: block;
 font-size: 24px;
 text-align: right;
}
.visible-phone { display: inherit !important; }
h2 { font-size: 21px; }
#dropdowns { display: none; }
.logohome img { margin: 6px 7px; }
.btn { font-size: 14px; padding: 8px 15px; }
.client-access a { margin-top: 20px; padding: 6px 10px; }
header.fixed.active .client-access a { padding: 6px 10px; }
#nav-menu > .pull-left { display: none; }
#nav-menu > .pull-right { float: right; margin: 0; position: relative; top: -6px; }
#navigation { background: #FFF; /*height: 60px; */}
header h1 { margin: 0; }
.slick-slide, .slick-slider, .slick-list, .slick-slider .container { height: 250px !important; }
#home .wg-featured { margin-top: 0 !important; }
.slick-slider .container { width: 100%; height: 100%; }
a.down-scroll { display: none !important; }
.slick-prev, .slick-next { width: 30px !important; height: 30px !important; line-height: 1; }
.slick-prev:after, .slick-next:after { font-size: 28px !important; position: static !important; }
.indicadoreBg { padding: 10px 0 !important }
.indicadoreBg [class*="span"] { width: 50%; margin: 0px !important; padding: 2px; }
.indicadoreBg [class*="span"]:nth-child(3) { display: none; }
.leftgris { width: 28% !important; }
.nombre { float: none !important; }
.valor { width: 57% !important }
.indicadoreBg h2 { display: none; }
.indicadoreBg .fa { display: none !important; }
#destacados { padding: 20px 0 0; }
#destacados h2 { display: none; }
.v-mas { clear: both; }
.v-mas { text-align: center; margin-top: 5px; float: left; width: 100%; }
.v-mas img { display: none; }
.v-mas a { border-radius: 50px; background: #FFF; display: inline-block; color: #000; font-size: 14px; padding: 5px 15px; }
.icon-video-azul { display: none; }
#wrap-video-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
#wrap-video-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#media-wrap-holder { margin-top: 20px; }
#destacados #media-wrap-holder li { width: auto; float: none; margin-bottom: 10px; }
#destacados #media-wrap-holder li .btn { display: none; }
#destacados #media-wrap-holder li img { width: auto; float: left; width: 25%; margin-right: 15px; }
#destacados .caption { position: relative; opacity: 1; background: none; color: #000; text-align: left; padding: 0; padding-right: 50px; }
#destacados .columns a:hover { background: #f4f4f4; }
#destacados #media-wrap a:after { font-family: FontAwesome; position: absolute; right: 10px; top: 35%; content: "\f105"; color: #CCC; font-size: 30px; }
#destacados .box-more { display: none; }
#destacados .caption h4 { font-size: 15px; font-weight: 300; }
#products-home .pull-left { display: none; }
#products-home .media-body { padding: 0; }
#products-home .columns-3 > li { width: 33.33%; float: left; margin: 0 0 10px 0; }
#products-home { padding: 20px 0; }
#products-home a { display: inline-block; border-radius: 50%; width: 92px; height: 92px; padding: 13px; }
#products-home h2 { margin-top: 0; line-height: 1 }
#products-home .columns { padding-top: 10px; }
#products-home .media-body img { width: 25px; }
#products-home h3 { font-size: 14px !important; }
#services-home { padding: 20px 0; }
#services-home li { height: auto; }
#services-home h2 { margin-bottom: 20px; }
#services-home h4 { display: none; }
#services-home h3 { font-size: 18px; margin: 0; line-height: 2; }
#services-home h3 a { padding: 10px 0; }
#services-home .media > .pull-left { float: left; }
#services-home .cont { display: none; }
#services-home img { width: 25px; }
#services-home .columns > li { padding-bottom: 2%; border-bottom: 1px solid #EEE; position: relative; float: none; width: auto; { {
transitions
}
}
}
#services-home .media > .pull-left { margin-bottom: 0; }
#services-home .columns > li:hover { padding-left: 10px; }
#services-home .columns > li:after { font-family: FontAwesome; position: absolute; right: 10px; top: 19%; content: "\f105"; color: #CCC; font-size: 30px; }
footer { padding: 20px 0; position: relative }
footer a { color: #FFF; }
footer .pull-right { margin-top: 44px; padding-top: 15px; }
#login-backdrop .footer { padding: 15px 0; }
footer .media { padding-bottom: 5px; }
footer .media-body .media-body { position: absolute; top: 14px; padding-left: 100px; font-size: 13px; line-height: 1.3; }
footer .media .pull-left img { width: 80px; }
#botonera-links { display: none; }
#footer-logos { display: none; }
.links-footer, .links-footer-2 { display: none !important; }
footer .row-fluid [class*="span"] { width: 100%; }
.redes-sociales-footer .columns > li { float: left; margin-right: 10px; width: auto; }
.redes-sociales-footer .columns > li img { width: 40px; }
div#footer-mesa-soporte { text-align: center !important; width: auto !important; margin-left: 0 !important; }
.footer-mesa-soporte-number { font-size: 29px; }
/* =============================================================================
    UI
================================================================================ */


h1 { font-size: 24px; line-height: 1.2; }
/* #top-header { padding: 20px 0; height: 70px; background-image: url("https://bci-cdn.azureedge.net/uploads/85c2fa48-7d6e-437e-a497-8b7e2e167713/original/bg-top-header.jpg") !important; } */
#top-header { padding: 20px 0; height: 240px !important; }
#top-header * { }
#top-header > div { top: 0 !important; }
#top-header h1 strong { font-size: 30px !important; }
#top-header small { display: none; }
#top-header h1, #top-header .container, #top-header .pull-left { display: block; }
#top-header .pull-left { float: none; width: auto; margin: 0; }
figure.effect-milo img { float: left; margin-right: 10px; width: 25%; display: block; }
figure.effect-milo p { -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; border: 0; font-size: 12px !important; padding: 0; text-align: left; width: auto; opacity: 1; color: #666; }
.columns-5 .effect-milo p, .columns-4 .effect-milo p { width: auto; }
.columns-4 .effect-milo h5, .columns-5 .effect-milo h5 { padding: 0; }
.columns figure figcaption { overflow: hidden; width: auto; height: auto; position: static; padding: 0 !important; text-align: left; }
figure.effect-milo { background: none; }
figure.effect-milo h5 { position: static; color: #000; font-size: 18px !important; font-weight: 600; padding: 0; background: none; }
#list-for figure.effect-milo figcaption p, #products-tab figure.effect-milo figcaption p, #services-tab figure.effect-milo figcaption p { display: block; width: auto; text-align: left; border: 0; padding: 0; opacity: 1; line-height: 1.2; font-size: 12px; color: #666; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; }
#list-for { padding: 20px 0; }
#list-for .columns { margin: 0 -15px; }
#list-for .columns > li { float: none; text-align: left; width: auto !important; margin: 0; padding: 10px 15px; padding-right: 40px; border-bottom: 1px solid #EEE; position: relative; }
#list-for .columns > li:after { { {
angle-right
}
}
;
 color: #CCC
}
/* =============================================================================
    PLANES
================================================================================ */

.context-layouts-show-planes #list-for .title { display: none; }
.context-layouts-show-planes #video-promo { background: none; }
#video-promo .media > .pull-left { width: 100%; margin: 0; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
#video-promo .media > .pull-left iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-promo .media > .media-body { background-color: #007cc6; padding: 16px; }
#video-promo .call-action .btn { font-size: 12px; }
#video-promo .call-action { margin-top: 0; }
#video-promo p.bajada { font-size: 11px; }
#video-promo h2 { font-size: 17px; }
#video-promo { padding: 20px 0; }
#serviciosybeneficios { padding: 20px 0; }
#serviciosybeneficios .span2 { display: none; }
#serviciosybeneficios h2 { margin-bottom: 20px; line-height: 1; }
#serviciosybeneficios .call-action { text-align: center; }
#serviciosybeneficios .beneficios-list li { margin-bottom: 10px; line-height: 20px; font-size: 14px; padding-left: 25px; background-size: 17px; }
#table-plans { margin-top: 10px; }
#table-plans ul { font-size: 16px; }
#table-plans .span4 { display: none; }
#table-plans h3 { margin-bottom: 20px !important; font-size: 24px !important }
#requisitos-planes { padding: 15px; }
#tarifas-planes .call-action { margin: 20px 0; text-align: center !important; }
#otros-planes { padding: 20px 0; border: 0; }
#otros-planes .columns > li { border-bottom: 1px solid #EEE; margin: 0 -15px; }
#otros-planes .columns > li > a { display: block; padding: 10px; position: relative; }
#otros-planes .columns > li > a:after { { {
angle-right
}
}
;
 color: #CCC;
}
#otros-planes h3 { margin-bottom: 20px; }
.context-layouts-show-bci-universitario #top-header { color: #000; }
/* =============================================================================
    TARJETAS
================================================================================ */



.context-layouts-show-tarjetas #list-for { background: none; color: #000; padding: 20px 0; }
.context-layouts-show-tarjetas #list-for li { text-align: left; }
.context-layouts-show-tarjetas #list-for h3 { color: #000; font-weight: 600; font-size: 18px; margin-bottom: 5px; margin-top: 0; }
.context-layouts-show-tarjetas #list-for .columns img { height: auto; width: 28%; float: left; margin-right: 10px; }
.context-layouts-show-tarjetas .title { display: none; }
.context-layouts-show-tarjetas #list-for a { overflow: hidden; }
.context-layouts-show-tarjetas #list-for .information-caption .btn { display: none; }
.context-layouts-show-tarjetas #list-for .information-caption { position: static; padding: 0; text-align: left; opacity: 1; line-height: 1.3; font-size: 12px; color: #666; }
#items-tarjetas-home, #bg-tab-redcompra { display: none; }
#products-services { background: none !important; }
#products-services h2 { padding: 0 !important; margin: 0 0 20px 0 !important; color: #000; }
.context-layouts-show-tarjetas #hazte-cliente { text-align: center; padding: 20px 0; }
.context-layouts-show-tarjetas #hazte-cliente p { display: block; font-size: 15px; text-align: left; line-height: 1.2; margin: 0; }
.context-layouts-show-tarjetas #hazte-cliente .pull-right { float: right; padding-top: 10px; }
.row-fluid [class*="span"] { min-height: 0; }
.body-third-level { padding: 20px 0; }
.accordion-heading .accordion-toggle {  background: { {
blue
}
}
;
 color: #FFF;
 position: relative;
 text-decoration: none;
 font-size: 18px;
 line-height: 1;
 padding: 10px 18px;
 font-weight: 300;
}
.accordion-heading .accordion-toggle:after { { {
angle-right
}
}
;
 color: #FFF;
 opacity: .3;
 right: 14px;
 top: 20%;
 content: "\f107";
}
.tabs-left .bajada { margin-bottom: 20px; font-size: 18px; line-height: 1.2; }
.cover-tarjeta .pull-left { text-align: center; }
.whiteformat { padding: 10px; font-size: 14px; line-height: 1.2; }
.whiteformat .row-fluid .span9 { float: left; width: 70%; }
.whiteformat .row-fluid .span3 { float: left; width: 30%; text-align: right; }
.whiteformat li { line-height: 1.3; }
.whiteformat h4 { font-weight: 600; font-size: 24px !important; margin-bottom: 20px !important; }
.tabs-collapsed .call-action { text-align: center; }
.context-layouts-show-tarjetas #list-for .title, .context-layouts-show-visa #list-for .title, .context-layouts-show-mastercard #list-for .title, .context-layouts-show-exclusivas-bci #list-for .title { display: none; }
.context-layouts-show-tarjetas #list-for, .context-layouts-show-visa #list-for, .context-layouts-show-mastercard #list-for, .context-layouts-show-exclusivas-bci #list-for { padding: 20px 0; background: none; border-top: 1px solid #EEE; }
.context-layouts-show-tarjetas #list-for img, .context-layouts-show-visa #list-for img, .context-layouts-show-mastercard #list-for img, .context-layouts-show-exclusivas-bci #list-for img { float: left; width: 25%; margin-right: 10px; }
.context-layouts-show-visa #list-for a, .context-layouts-show-mastercard #list-for a, .context-layouts-show-exclusivas-bci #list-for a, .context-layouts-show-tarjetas #list-for a { overflow: hidden; color: #000; }
.context-layouts-show-tarjetas #list-for h3, .context-layouts-show-visa #list-for h3, .context-layouts-show-mastercard #list-for h3, .context-layouts-show-exclusivas-bci #list-for h3 { font-size: 18px; color: #000; font-weight: 600; }
.context-layouts-show-visa #list-for .information-caption, .context-layouts-show-mastercard #list-for .information-caption, .context-layouts-show-exclusivas-bci #list-for .information-caption { display: none; }
/* =============================================================================
    OPENSKY
================================================================================ */

br { display: none; }
#opensky, #neutralizo { height: auto; padding: 20px 0; margin-bottom: 20px; }
#opensky .pull-left, #neutralizo .pull-left { width: 100px; float: left; }
#opensky p, #neutralizo p { font-size: 16px; }
.context-layouts-show-opensky #main .span4 img { width: 200px; margin-bottom: 20px; }
.context-layouts-show-opensky #main .span4 { text-align: center; }
#widget-8069ca .row-fluid .span2 { float: left; margin-right: 20px; }
#widget-8069ca .row-fluid .span10 { overflow: hidden; width: auto; }
.main-under { font-size: 18px; border-bottom: 2px solid #EEE; padding-bottom: 20px; }
.main-under:last-child { padding-bottom: 0; margin-bottom: 0; }
/* =============================================================================
    CREDITO HIPOTECARIO
================================================================================ */

.context-layouts-show-credito-hipotecario .title { display: none; }
.context-layouts-show-credito-hipotecario #hazte-cliente { text-align: center; padding: 20px 0; }
.context-layouts-show-credito-hipotecario #hazte-cliente p { display: block; font-size: 15px; text-align: left; line-height: 1.2; margin: 0; }
.context-layouts-show-credito-hipotecario #hazte-cliente .pull-right { float: right; padding-top: 10px; }
#todo-sobre-credito { text-align: left; }
#todo-sobre-credito .circular-cover-image { float: left; margin-right: 15px; }
#todo-sobre-credito img { width: 90px; display: block; }
#todo-sobre-credito a { padding: 10px; overflow: hidden; }
#todo-sobre-credito .columns { margin: 0; }
#todo-sobre-credito .columns > li { float: none; width: auto; margin: 0; }
#todo-sobre-credito h3 { font-size: 18px !important; }
/* =============================================================================
    INTERNAL HIPOTECARIO
================================================================================ */

#footer-creditos { padding: 20px 0; }
#footer-creditos h3 { margin-bottom: 20px; }
#footer-creditos .container { padding: 0 15px; }
#footer-creditos .columns { margin: 0; }
#footer-creditos .columns > li { float: none; width: auto; margin: 0 -15px; border-bottom: 1px solid #EEE }
#footer-creditos .columns > li a { display: block; padding: 10px; padding-right: 40px; position: relative; }
#footer-creditos .columns > li a:after { { {
angle-right
}
}
;
 color: #CCC;
}
#footer-creditos figure.effect-milo p { font-size: 12px; }
#cuota-flexible { padding: 20px 0; }
#cuota-flexible .pull-left { display: none; }
.main-under { margin-bottom: 20px; }
/* =============================================================================
    CREDITO CONSUMO
================================================================================ */

#infografia-wrap { display: none; }
#todo-sobre-credito-consumo .circular-cover-image { float: left; margin-right: 20px; }
#todo-sobre-credito-consumo .circular-cover-image img { width: 80px; }
#todo-sobre-credito-consumo .container { padding: 0 15px; text-align: left; }
#todo-sobre-credito-consumo .columns > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD; }
#todo-sobre-credito-consumo a { text-align: right; }
#todo-sobre-credito-consumo .btn { font-size: 13px; padding: 4px 7px; }
#todo-sobre-credito-consumo h4 { font-size: 15px; margin-bottom: 10px; }
#todo-sobre-credito-consumo a { padding-top: 0; }
.context-layouts-show-creditos-de-consumo #hazte-cliente p { display: block; }
#cuota-flexible h3 { font-size: 24px; margin-bottom: 18px; }
/* =============================================================================
    SEGUROS
================================================================================ */

.context-layouts-show-seguros #video-promo { background: none; }
.context-layouts-show-seguros .title { display: none; }
.promo-seguros { display: none; }
#info-bottom-seguros { text-align: left; padding: 20px 0; }
#info-bottom-seguros .pull-left { float: left; }
#info-bottom-seguros h3 { margin-top: 0; font-size: 18px; font-weight: 600; }
#info-bottom-seguros h3 br { display: none; }
#info-bottom-seguros .btn { padding: 7px 13px; font-size: 12px; }
#info-bottom-seguros .circular-cover { width: 80px; height: 80px; }
.context-layouts-show-automotriz .tabbable .span8, .context-layouts-show-vida .tabbable .span8, .context-layouts-show-salud .tabbable .span8, .context-layouts-show-proteccion-al-credito .tabbable .span8, .context-layouts-show-hogar .tabbable .span8, .context-layouts-show-multiproteccion .tabbable .span8 { display: none; }
.context-layouts-show-vida #top-header, .context-layouts-show-automotriz #top-header { color: #000 !important; }
/* =============================================================================
    INTERNAL SEGUROS
================================================================================ */

#complementary-third-level h3 { margin-bottom: 20px; }
#complementary-third-level .columns > li a { display: block; padding: 10px; padding-right: 40px; position: relative; }
#complementary-third-level .columns > li a:after { { {
angle-right
}
}
;
 color: #CCC;
}
#complementary-third-level li { margin: 0 -15px; border-bottom: 1px solid #EEE; }
.context-layouts-show-automotriz .tab-content .call-action { text-align: center; padding: 20px 0; }
#green-box { padding: 15px; }
.tabs-left h3 { font-size: 22px !important; }
#complementary-third-level { padding: 20px 0; }
/* =============================================================================
    INVERSIONES
================================================================================ */
.context-layouts-show-inversiones #top-header { background-image: url("https://bci-cdn.azureedge.net/uploads/f7085805-91d3-46f0-82b6-3fa73739161b/original/bg-top-inversiones.jpg") !important; }
#indicadores-inversiones { display: none; }
#destacado-inversion { display: none; }
.context-layouts-show-inversiones #list-for figure.effect-milo h5 { color: #FFF }
.context-layouts-show-inversiones #list-for figure.effect-milo figcaption p { color: #999; }
.context-layouts-show-inversiones #list-for .title { display: none; }
.context-layouts-show-inversiones #list-for .columns > li { border-bottom: 1px solid #666; padding: 0 !important; }
.context-layouts-show-inversiones #list-for .columns > li > a { padding: 10px; display: block; padding-right: 40px; }
#links-externos { text-align: left; }
#links-externos .pull-left { float: left; }
/* =============================================================================
    PLACES
================================================================================ */

.context-place-list { background: #FFF; }
.context-place-list #main { padding: 0; }
.context-place-list #page-content > .container { padding: 0; }
.context-place-list #tabs-sucursales .columns > li .active { background: #DDD; }
.context-place-list #tabs-sucursales .columns > li .cv { padding: 10px; }
.inline.places-filters { margin: 0; }
.inline.places-filters > li { display: block; }
.inline.places-filters select, .inline.places-filters input[type="text"] { width: 100%; }
.context-place-list #main { margin: 0; }
.context-place-list table { font-size: 13px; }
.context-place-list table th:nth-child(1), .context-place-list table td:nth-child(1), .context-place-list table th:nth-child(2), .context-place-list table td:nth-child(2), .context-place-list table th:nth-child(4), .context-place-list table td:nth-child(4) { display: none; }
.context-place-list #tabs-sucursales .columns > li .cv p { display: none; }
.context-place-list #tabs-sucursales .circular-cv { display: inline-block; margin-bottom: 10px; }
.context-place-list #tabs-sucursales .columns > li .cv { text-align: center; }
.context-place-list #tabs-sucursales li .span4, .context-place-list #tabs-sucursales li .span8 { width: 100%; }
.context-place-list table td { line-height: 1; }
#places-results td:last-child { width: 100px; }
.pagination ul>li>a, .pagination ul>li>span { padding: 5px 10px; }
#places-modal { width: 90%; margin: auto; left: 0; right: 0; top: 80px; bottom: 0; height: 90%; }
#places-modal .modal-header h3 { font-size: 21px; }
.context-place-list .select2-container .select2-choice { width: 230px; }
/* =============================================================================
    SERVICIO AL CLIENTE
================================================================================ */

.context-layouts-show-servicio-al-cliente #top-header * { display: block; }
.context-layouts-show-servicio-al-cliente #top-header small { display: none; }
.context-layouts-show-servicio-al-cliente #top-header { height: auto; }
.context-layouts-show-servicio-al-cliente #top-header .container { -webkit-transform: none; -ms-transform: none; transform: none; }
.first-box { float: none; padding: 10px 20px 10px 54px; letter-spacing: 1px; margin-top: 20px; background-size: 23px; font-size: 15px; background-position: 14px 15px; }
.second-box { width: auto; }
.second-box .number-box { padding: 7px 0; float: none; line-height: 1; border-right: none; border-bottom: 1px solid #EEE; font-size: 14px; }
.tabs-wrap .columns-3 { margin-left: -2%; }
.tabs-wrap .columns-3 > li { width: 31.33%; float: left; margin-left: 2%; }
.tabs-wrap img { height: auto; width: 50px; }
.tabs-wrap .nav-tabs>li>a { padding: 10px; font-size: 12px; line-height: 1; height: 120px; }
.tabs-wrap .nav-tabs>li>a h4 { font-size: 12px; line-height: 1; font-weight: 400; }
.tabs-wrap { height: auto !important; }
.context-layouts-show-servicio-al-cliente #second-level { padding: 20px 0; }
.context-layouts-show-servicio-al-cliente #second-level h2 { margin-bottom: 20px }
.cloud-tags a { display: inline-block; margin: 0 7px 7px 0; padding: 4px 8px; border-radius: 3px; color: #FFF; background: rgba(255,255,255,.2); font-size: 13px; }
#wrap-items-faq .pull-left { float: left; margin-right: 15px; margin-bottom: 0; }
#forms-feedback form textarea { height: 100px !important }
.context-layouts-show-servicio-al-cliente #second-level .call-action { padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 20px; }
#canales { padding: 15px 0; }
#canales h2 { margin-bottom: 10px !important }
#gerencia-general { padding: 20px 0; }
#gerencia-general .span6 { margin-bottom: 20px; }
#gerencia-general h2 { margin-bottom: 30px; line-height: 1; }
#gerencia-general .pull-left { float: left; margin-right: 15px; }
#gerencia-general img { width: 60px; height: 60px; }
#gerencia-general p { margin-bottom: 20px; font-size: 14px; font-weight: 300; line-height: 1.1; }
#gerencia-general h4 { font-weight: 600; font-size: 16px; }
#servicio-cliente .nav-tabs-3 { border-bottom: 0; }
#servicio-cliente .nav li { margin-bottom: 8px!important; }
#servicio-cliente .nav li a { border-radius: 10px!important; border: 1px solid #ccc!important; }
#forms-feedback .span8.tab2-content { height: auto!important; padding-bottom: 3%!important; }
#forms-feedback [class*="span"] { float: left!important; }
/* =============================================================================
    EMERGENCIAS
================================================================================ */

#tarjetas-tab .pull-left, #tarjetas-tab .pull-right { display: none; }
#claves-tab .media-body h2 { margin-top: 0 !important; }
#claves-tab .media-body a { color: { {
blue
}
}
!important
}
.context-layouts-show-emergencias #top-header { height: auto; }
.context-layouts-show-emergencias #top-header h1 { color: #000 !important }
.context-layouts-show-emergencias #top-header .container { -webkit-transform: none; -ms-transform: none; transform: none; }
#redes-sociales-emergencias { display: none; }
/* =============================================================================
    SEGURIDAD
================================================================================ */

#security-information .columns { margin: 0; }
#security-information .columns > li { float: none; margin: 0; text-align: left; width: auto; }
.context-layouts-show-seguridad .second-box { width: 100%; }
.context-layouts-show-seguridad #top-header .white { display: none; }
.iconoplay { display: none; }
#security-information .columns > li img { float: left; margin-right: 15px; width: 25%; }
.box-default-notices { height: auto; }
.box-default-notices .caption { margin: 0; overflow: hidden; }
.box-default-notices .caption .btn { display: none; }
.box-default-notices a { overflow: hidden; display: block; padding: 10px 0; padding-right: 40px; border-bottom: 1px solid #EEE; position: relative; }
.box-default-notices a:after { { {
angle-right
}
}
;
 color: #CCC;
}
.context-layouts-show-seguridad #security-information h4 { font-size: 16px; margin-top: 20px; }
#security-information { padding: 20px 0; }
/* =============================================================================
    REDCOMPRA
================================================================================ */

#redcompra-level1 .span4 { text-align: center; }
#redcompra-level1 .span4 img { height: 120px; }
#redcompra-level1 h3 { font-size: 18px; margin-bottom: 30px; }
#redcompra-level2 { padding: 20px 0; }
#redcompra-level2 h2 { padding: 0; line-height: 1; margin-bottom: 20px; }
#redcompra-level2 p { font-size: 13px; line-height: 1.2 }
#activacion-extranjero { padding: 20px 0; }
#activacion-extranjero .pull-left { float: left; margin-right: 15px; width: 25%; }
#activacion-extranjero li:first-child { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EEE; }
#activacion-extranjero p { font-size: 13px; }
#activacion-extranjero .pull-left img { height: auto; }
/* =============================================================================
    ACTIVACIÓN EXTRANJERO
================================================================================ */


.context-layouts-show-activacion-extranjero .mtop .span4 { display: none; }
/* =============================================================================
    POSTS SHOW
================================================================================ */

.context-posts-show #sidebar { display: none; }
.context-posts-show #page-title { height: auto; padding: 20px 0; background-size: 150%; }
.context-posts-show #page-title h1 { font-size: 24px; width: auto; padding: 0; margin: 0; }
.context-posts-show #page-content { padding-top: 20px }
/* =============================================================================
    REDES SOCIALES
================================================================================ */


.context-layouts-show-redes-sociales #top-header { height: 70px !important; padding: 20px 0 !important; }
.context-layouts-show-redes-sociales #top-header h3 { color: #000 !important; display: block !important; font-size: 18px; }
.fb-like-box > span, .fb-like-box > span iframe { width: 100% !important }
.secc-twit .span8, .secc-face .span8, .secc-in .span8, .secc-you .span6:first-child { display: none; }
.secc-twit, .secc-face, .secc-in, .secc-you { padding: 20px 0 !important; }
.secc-in .span4 { margin-top: 0 !important; }
.secc-in { height: auto !important; }
.IN-widget iframe { width: 100% !important }
.secc-you .span6 { margin-top: 0; }
#youmax-header, #youmax-encloser, #youmax { width: 280px !important }
#youmax-header { height: 140px !important; }
#youmax-encloser { display: none !important }
.secc-you .span6 img { margin: 0 !important; padding: 0 !important; position: relative !important; top: -70px !important; left: 13px !important; }
.secc-you { height: auto !important }
.secc-you .span6 a img { display: block; position: relative; top: -85px; left: 70px; }
/* =============================================================================
    SIMULADOR DOCUMENTOS
================================================================================ */

#simulator .span3 { display: none; }
#simulator .span9 { padding: 0; }
/* =============================================================================
    SOLUCIONES PARA CRÉDITOS HIPOTECARIOS
================================================================================ */

.context-layouts-show-soluciones-para-chip #top-header { color: #000 !important }
.context-layouts-show-soluciones-para-chip .container { height: auto !important }
.docum { padding: 20px 0; }
.docum h2 { line-height: 1; }
.docum p { font-size: 15px; line-height: 1.4; }
.docum .container { height: auto !important; margin-top: 0 !important }
.context-layouts-show-soluciones-para-chip .vers-verde .span2 { width: 20%; float: left; }
.context-layouts-show-soluciones-para-chip .vers-verde .span10 { width: 75%; margin-left: 5%; float: left; padding: 0 !important; line-height: 1.4 !important; font-size: 18px !important; }
.context-layouts-show-soluciones-para-chip #hazte-cliente.vers-verde { padding: 20px 0 !important; }
.context-layouts-show-soluciones-para-chip #hazte-cliente .container > .row-fluid { padding: 0; }
/* =============================================================================
    FORMULARIO HAZTE CLIENTE
================================================================================ */

#wrap-signUp .inner { padding: 30px; }
#wrap-signUp h2 { font-size: 28px; }
#wrap-signUp p { width: 78%; }
#wrap-signUp .control-group { margin-bottom: 20px; }
#wrap-signUp #lead-form .btn-block { height: 50px; }
.context-home #login-backdrop { top: -230%; }
.context-home #wrap-signUp { top: -160%; }
#info-bottom-seguros a { padding: 0px 12px; }
/* =============================================================================
    BANCA MOVIL
================================================================================ */

.app-bci.hidden-phone { display: none!important; }
.context-layouts-show-banca-movil .accordion-heading { border-bottom: 1px solid #e5e5e5; }
.context-layouts-show-banca-movil .accordion-group:last-child .accordion-heading { border-bottom: 0; }
.context-layouts-show-banca-movil .accordion-heading .accordion-toggle { background: transparent; color: #000; font-weight: 600; }
.context-layouts-show-banca-movil .accordion-heading .accordion-toggle img { width: 48px; margin-right: 10px; }
.context-layouts-show-banca-movil .accordion-inner { border: 0; padding: 20px 15px; }
.context-layouts-show-banca-movil .accordion-group h4 { margin-bottom: 20px; font-size: 16px; }
.context-layouts-show-banca-movil .accordion-group li { font-size: 15px; font-weight: 300; }
.accordion-heading .accordion-toggle:after { top: 28%; right: 20px; color: #666; font-size: 22px; }
#acordion-banca-movil { margin: 20px 0; }
#acordion-banca-movil h3 { margin-bottom: 20px; font-size: 19px; }
#servicio-sms .accordion-heading { border-bottom: 1px solid #e5e5e5; }
header h1 {width:auto !important;}

}

@media (max-width: 767px) {

    

}

@media (max-width: 667px)  {

#top-header {
height: 60px;
}
#top-header h1 {
margin: 0;
text-align: center;
    }
}

@media (max-width: 480px) {

    .C125x125 { max-width: 100%; max-height: 100%; }

    .columns {
        margin-left: 0;
    }
    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li {
        margin-left: 0;
        width: auto;
        float: none;
    }

    /* albums */

    .context-albums-show #main .columns { margin-left: -2%; }
    .context-albums-show #main .columns > li { width: 31%; margin-left: 2%; float: left; }

    .client-access a { margin-top: 16px; font-size: 11px; padding: 4px 6px; width: auto; min-width: 0; margin-left: 0; }
/*.logohome img { width: 110px; height: 35px; }*/
/*#navigation { height: 50px; }*/
.off-screen-nav-button { margin-top: 4px; margin-right: 0; padding: 10px 7px; }
#nav-menu > .pull-right { margin-right: -10px; }
.context-home #wrap-signUp.active { top: 113px; }
#info-bottom-seguros .columns-2 li { width: 50%; float: left; }
#info-bottom-seguros .container a { padding: 0px 3px; }
#info-bottom-seguros .container h3 { font-size: 14px; }
#info-bottom-seguros .circular-cover { margin-bottom: 0; }
#info-bottom-seguros .container p { padding: 0 10%; margin-bottom: 12px; }
#info-bottom-seguros h2 { margin-bottom: 0px; }
#info-bottom-seguros .container .btn { padding: 1px 7px; font-size: 12px; }
#info-bottom-seguros .call-action { margin-top: 4px; margin-bottom: 3px; }
#info-bottom-seguros .container .circular-cover { width: 72px; height: 72px; }
/* =============================================================================
    PLACES
================================================================================ */

#map .info-map h2 { line-height: 1; }
#map .info-map { right: 20px; bottom: 20px; }
#map .info-map p { font-size: 12px; }
.context-place-list #clear-com { display: none; }
.context-place-list #tabs-sucursales .columns > li .cv { height: 110px; }
.context-place-list #tabs-sucursales .columns > li .cv h3 { font-size: 14px; font-weight: 400; }
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */
    
#canales .columns-6 li { width: 100%; text-align: left; border-bottom: 1px solid #eee; }
#canales .columns-6 li:last-child { border-bottom: 0; }
#canales .columns-6 li .info-canal { margin-top: 20px; float: left; text-align: left; }
#canales .columns-6 li img { width: 72px; margin-right: 20px; float: left; }
/* =================================================
    DESBLOQUEAR CLAVE
    ============================================= */
    
#desbloquear-clave-internet [class*="span"], #creacion-de-clave-internet [class*="span"], #generacion-de-clave-internet [class*="span"] { float: none; }
#desbloquear-clave-internet .row-fluid .span3, #creacion-de-clave-internet .row-fluid .span3, #generacion-de-clave-internet .row-fluid .span3 { display: none; }
#desbloquear-clave-internet > .row-fluid > .span7, #creacion-de-clave-internet > .row-fluid > .span7, #generacion-de-clave-internet > .row-fluid > .span7 { width: 100%; }
#desbloquear-clave-internet .cont-form, #creacion-de-clave-internet .cont-form, #generacion-de-clave-internet .cont-form { padding: 30px; }
/* =================================================
    DESTACADOS
    ============================================= */
    
#destacados .columns .caption, #destacados .columns a:hover .caption { padding-top: 20px; }
/* =================================================
    PROMOCIONES Y CONCURSOS
    ============================================= */

.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length { width: 100%; height: 90px; padding: 15px; }
.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter label, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length label { font-size: 14px; }
.context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_length select, .context-layouts-show-bases-promociones-y-concursos #table-docs-inversiones_filter input { width: 90%; padding: 7px 10px; left: 15px; top: 40px; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* =================================================
    CREDITOS DE CONSUMO
    ============================================= */

.consumo-universal ul li { width: 100%; margin: 0; padding: 5px 10px; border-bottom: 1px solid #ddd; text-align: left; display: block; }
.consumo-universal ul li:first-child { border-top: 1px solid #ddd; }
.consumo-universal ul li figure { width: 64px; margin: 0; padding: 0 15px; border: 0; border-radius: 0; display: inline-block; }
.consumo-universal ul li span { display: inline-block; }
/* =================================================
    CUOTA FLEXIBLE +
    MÁS SOBRE TU CONSUMO
    ============================================= */
    
.context-layouts-show-cuota-flexible .span4, .context-layouts-show-mas-sobre-tu-credito .span4 { margin-top: 0!important; }
.context-layouts-show-cuota-flexible .span4 img, .context-layouts-show-mas-sobre-tu-credito .span4 img { display: none; }
/* =================================================
    CREDITOS HIPOTECARIO
    ============================================= */    

#casa-propia { padding: 25px 0; }
#casa-propia .columns li { margin-bottom: 0; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.4); }
#casa-propia .columns li:last-child { border-bottom: 0; }
#casa-propia .circular-cover { width: 64px; height: 64px; margin-bottom: 5px; padding: 15px; }
/* =================================================
    BANCA MOVIL
    ============================================= */

.novedades-app article { width: 100%; min-height: inherit; height: auto; margin: 0 0 15px 0; padding: 20px; }
.novedades-app article p { min-height: inherit; }
.novedades-app article img { width: 22%; }

}
/* =============================================
COLUMNS
=============================================== */

.columns {
    margin: 0;
    margin-left: -2%;
    list-style: none;
}
.columns:after {
    clear: both;
    content: '';
    display: table;
    overflow: hidden;
}
.columns > li {
    margin-left: 2%;
    float: left;
    margin-bottom: 2%;
}
.columns-2 > li {
    width: 48%;
}
.columns-3 > li {
    width: 31.33%;
}
.columns-4 > li {
    width: 23%;
}
.columns-5 > li {
    width: 18%;
}
.columns-6 > li {
    width: 14.66%;
}
.columns-7 > li {
    width: 12.28%;
}
.columns-8 > li {
    width: 10.5%;
}
.columns-9 > li {
    width: 9.11%;
}


/* ===== COLUMNS COLLAPSED ===== */

.columns.collapsed {
    margin-left: 0;
}
.columns.collapsed > li {
    margin-left: 0;
    margin-bottom: 0;
}

.columns.collapsed.columns-2 > li {
    width: 50%;
}
.columns.collapsed.columns-3 > li {
    width: 33.33%;
}
.columns.collapsed.columns-4 > li {
    width: 25%;
}
.columns.collapsed.columns-5 > li {
    width: 20%;
}

.columns.collapsed.columns-6 > li {
    width: 16.66%;
}
.columns.collapsed.columns-7 > li {
    width: 14.285%;
}
.columns.collapsed.columns-8 > li {
    width: 12.5%;
}
.columns.collapsed.columns-9 > li {
    width: 11.11%;
}
.columns.collapsed.columns-10 > li {
    width: 100%;
}

/* ===== INDICADORES ===== */
.indicadoreBg .center-indicators { margin: auto; width: 97%; float: left;}
.indicadoreBg [class*="span"] {
    float: left;
    margin-left: 12px;
    min-height: 1px;
    width: auto;
}
/* ---------- ESTILOS FORZADOS ---------- */

#wrap > .container-mod { margin: 0 auto 60px; }
#wrap .two-col { margin-top: 60px; padding: 0 20px; }
.container.cPad { padding: 0 20px; }
/*#home-wrap-first { padding-left: 20px; padding-right: 20px; width: auto !important;}*/
.context-home #home-wrap-first { padding: 0; }
.box { padding-left: 20px; padding-right: 20px; }
ul.check-red { margin: 0 0 0 20px; list-style-image: url(https://bci-cdn.azureedge.net/uploads/8992eab3-84c3-446e-9c7e-ea7549aae1e7/original/bull-check-red.png); }
ul.arrow-red { margin: 0 0 0 20px; list-style-image: url(https://bci-cdn.azureedge.net/uploads/2a56a5ff-c7ce-4279-984d-a568928c1954/original/bull-arrow-red.png); }
ul.bull-blue { margin: 0 0 0 20px; list-style-image: url(https://bci-cdn.azureedge.net/uploads/2795d664-e3bd-45f0-a104-fb09fdc3db7e/original/bull-gen-blue.png); }
.ol-table { font-size: 14px; margin: 30px 20px 0; }
.bull-blue > li { font-weight: 300; list-style-position: outside; margin: 0 0 22px; }
.ulin { list-style-position: inside; }
.context-posts h2.page-title, .context-products h2.page-title, #wrap.programas h2.page-title, context-search-show h2.page-title { display: none; }
.bgt-grey-a { background: url(https://bci-cdn.azureedge.net/uploads/64ce0021-5265-48d4-b28a-31d380e09657/original/bgt-grey-a.gif) repeat; }
.bgt-grey-b { background: url(https://bci-cdn.azureedge.net/uploads/ad8bd7c8-1f77-4e2e-9179-5160616fed0e/original/bgt-grey-b.gif) repeat; }
.bgt-grey-c { background: url(https://bci-cdn.azureedge.net/uploads/48f9b8ad-7704-4247-a8ba-a7f572c56fc8/original/bgt-grey-c.gif) repeat; }
.bgt-grey-d { background: url(https://bci-cdn.azureedge.net/uploads/306045a6-cbf0-473c-968a-ff8038d69bb2/original/bgt-grey-d.gif) repeat; }
.bgt-white { background: url(https://bci-cdn.azureedge.net/uploads/d6e8a318-f435-4b4e-87d1-ee4050d956f5/original/bg-white.gif) repeat; }
.bg-ebebeb { background-color: #ebebeb; }
.bg-333333 { background-color: #333333; }
.bg-004a72 { background-color: #004a72; }
.bgt-grey-a h1 { color: #ffffff; }
.red-bar { border-left: 5px solid #bc261b; margin-left: 4em; padding-left: 2em; }
.tNote { font-size: 11px; margin: 8px; }
.tDescarga > a { background: rgba(0, 0, 0, 0) url("https://bci-cdn.azureedge.net/uploads/bc6b6b3c-a413-4db7-add9-bf6b4bfcd028/original/ico-dexel.jpg") no-repeat scroll left top; color: #333333; display: block; font-size: 16px; height: 35px; line-height: 35px; padding: 0 0 0 40px; }
.accordion { margin-bottom: 60px; }
.circular-cover-image img { border-radius: 50%; }
.border-circle img { border: 10px solid #ffffff; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); }
.border-circle6 img { border: 6px solid #ffffff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); }
.title-top { margin: 50px 0 20px !important; }
.more { background: none repeat scroll 0 0 #f33d33; color: #fff; font-size: 1.2em; font-weight: 600; height: 40px; left: 50%; line-height: 40px; margin-left: -60px; margin-top: -20px; position: absolute; text-align: center; top: 16%; width: 120px; border-radius: 5px; opacity: 0; filter: alpha(opacity=0); }
.more:hover { color: #ffffff !important; text-decoration: none; }
.posRel { position: relative; }
.noPad { padding: 0 !important; }
.ovHid { overflow: hidden; }
.item.first { margin-left: 0 !important; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.dNone { display: none; }
a:focus { outline: none; text-decoration: none; }
.img-center { display: block; margin-left: auto; margin-right: auto; }
.mBot10 { margin-bottom: 10px !important; }
.mBot20 { margin-bottom: 20px !important; }
.mBot40 { margin-bottom: 40px !important; }
.mTop40 { margin-top: 40px !important; }
.mTop60 { margin-top: 60px !important; }
.mTop0 { margin-top: 0 !important; }
.fW600 { font-weight: 600 !important; }

@media ( min-width: 768px ) {
#home-wrap-first { padding: 0; }
.box { padding-left: 0; padding-right: 0; }
#wrap .two-col, .container.cPad { padding: 0; }
}
/* ---------- ESTILOS FORZADOS ---------- */
/* ===== CARUSEL ===== */
#featured .bh-call.bg-t {
    background-image: url(https://bci-cdn.azureedge.net/uploads/3e966455-92c8-41a5-8b55-ccfe4a657d22/original/bg-trama.png);
    background-repeat: repeat;
    width: 100%;
    color: #fff;
    left: 0!important;
    padding: 30px 0;
    margin: 0;
}
.carousel {
    position: relative;
    margin-bottom: 0px !important;
    line-height: 1;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner .item {
    height: 70vh;
    background-position: center center;
    background-size: cover;
    max-height: 500px;
}
.carousel-control {
    border-radius: 4px;
    opacity: 0.5;
    padding: 8px 10px 10px;
    border: 1px solid #fff;
    margin-top: 40px;
    display: none;
    width: 60px;
    height: 60px;
    display: block;
}
.carousel-control.left {
    text-align: center;
}
.carousel-caption {
    padding: 15px 0;
}

#featured.carousel.slide {
  padding-top: 4.8em;
}

@media (max-width: 768px) {
  #featured.carousel.slide {
    padding-top: 3.5em;
  }
}

@media (max-width: 480px) {
  #featured.carousel.slide {
    padding-top: 5em;
  }
}

@media (min-width: 768px) {
.carousel-caption {
    margin-top: 145px;
    background: transparent;
}
}
/* ---------- CALL TO ACTION HEAD ---------- */
#top-header { height: 320px; background: url(https://bci-cdn.azureedge.net/uploads/03dc10eb-ed78-4537-a9e7-81b87b365ac6/original/bg-head-fecus.jpg) repeat scroll center center / cover rgba(0, 0, 0, 0); }
#top-header > div { background-image: url("https://bci-cdn.azureedge.net/uploads/3e966455-92c8-41a5-8b55-ccfe4a657d22/original/bg-trama.png"); background-repeat: repeat; color: #fff; left: 0; padding: 76px 0; position: relative; right: 0; top: 50px; }
#top-header > div > .container { padding: 0 20px; }
#top-header h1 { text-transform: uppercase; color: #ffffff; font-size: 16px; line-height: 30px; }
#top-header h1 strong { font-weight: 600; font-size: 36px; }

@media ( min-width: 768px) {
#top-header h1 { font-size: 20px; }
#top-header h1 strong { font-size: 40px; }
}
/* ---------- CALL TO ACTION HEAD ---------- */

/* ---------- WIDGETS ---------- */
.widget { margin-bottom: 30px; overflow: hidden; }
.widget > .container { padding: 0 20px; }
.context-home .widget { margin-bottom: 0; }

@media (min-width: 768px) {
.widget { margin-bottom: 60px; }
.widget > .container { padding: 0; }
}
/* ---------- WIDGETS ---------- */

/* ---------- LAYOUT FECUS ---------- */
.fecus { margin: 0; }
.fecus li { background-image: url(https://bci-cdn.azureedge.net/uploads/3c8d5a56-0f6e-4e72-867f-faa42326449f/original/ico-pdf.png); background-repeat: no-repeat; background-position: right center; border-bottom: 1px solid #c2c2c2; height: 60px; line-height: 60px; list-style: outside none none; }
.fecus li.ixls { background-image: url(https://bci-cdn.azureedge.net/uploads/a5e9baa3-2ef6-4a23-ac7e-2e3ba26cceec/original/ico-xls.png); }
.fecus li.iwww { background-image: url(https://bci-cdn.azureedge.net/uploads/584647d8-ad7a-4d80-a1ea-d41d2791842a/original/ico-www.png); }
.fecus .btn.btn-whiteb { float: right; margin: 16px 50px 0 0; }
/* ---------- LAYOUT FECUS ---------- */
/* ---------- BUSCADOR ---------- */
#search-wrap { position: relative; }
#search-wrap input[type="search"] { margin: 0; margin-top: 0; background: url("https://bci-cdn.azureedge.net/uploads/1bb9e8db-99f2-4bf0-a3b2-84fcfcc0f868/original/lupa.png") no-repeat right 6px top 0px transparent; padding: 15px 15px; border: 0; width: 20px; border: 1px solid rgba(0,0,0,.1); font-style: italic; font-weight: 300; border-radius: 3px; height: 0px; font-size: 13px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#search-wrap input[type="search"]:hover { cursor: pointer; }
#search-wrap input[type="search"]:focus { color: #333; width: 200px; cursor: text; box-shadow: none; background-color: #FFF; outline: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0 30px 0 6px; height: 26px; }
#search-wrap input[type="search"]::-webkit-input-placeholder {
opacity: 0;
}
#search-wrap input[type="search"]:-moz-placeholder {
opacity: 0;
}/* Firefox 18- */
#search-wrap input[type="search"]::-moz-placeholder {
opacity: 1;
}/* Firefox 19+ */
#search-wrap input[type="search"]:-ms-input-placeholder {
opacity: 1;
}
#search-wrap input[type="search"]:focus::-webkit-input-placeholder {
opacity: 1;
}
#search-wrap input[type="search"]:focus:-moz-placeholder {
opacity: 1;
}/* Firefox 18- */
#search-wrap input[type="search"]:focus::-moz-placeholder {
opacity: 1;
}/* Firefox 19+ */
#search-wrap input[type="search"]:focus:-ms-input-placeholder {
opacity: 1;
}
#st-container .search-menu { font-size: 11px; }
#st-container #top-nav { padding: 0px; }
#st-container #search-wrap input[type="search"] { padding: 4px; margin: 3px; }
/* ---------- BUSCADOR ---------- */
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: normal; }
h1 { font-size: 36px; }
h2 { font-size: 25px; }
h3 { font-size: 21px; }
.widget h1 { margin: 0; }
.widget h2 { font-weight: 400; }
.box { font-size: 10px; }
.box h3 { color: #ffffff; font-weight: 300; margin: 0 0 34px; text-align: center; font-size: 3.8em; }
.context-home h2 { font-size: 35px!important; }

@media (min-width: 768px) {
.box { font-size: 6px; }
}

@media (min-width: 980px) {
.box { font-size: 8px; }
}

@media (min-width: 1199px) {
.box { font-size: 10px; }
}
/* ---------- RESULTADOS DE BUSQUEDA ---------- */
.search-list { list-style: none; margin: 0; }
.search-list a { background-color: #f0f0f0; border-bottom: 1px solid #cccccc; display: block; margin: 0 0 10px; overflow: hidden; padding: 18px 24px; }
.search-list a h4 { margin: 0; font-weight: 600; }
.search-list a p { color: #999999; font-weight: 300; }
.search-list a:hover { background-color: #e5e5e5; text-decoration: none; color: #333333; }
.search-list a:hover p { color: #333333; }
/* ---------- RESULTADOS DE BUSQUEDA ---------- */

#links_interes_home {
    background: url(https://bci-cdn.azureedge.net/uploads/4eedf9e6-c2fa-48ef-ab95-b1daaadfbaa9/original/bg_links.jpg) repeat center;
    background-size:cover;
    background-attachment: fixed;
    padding: 60px 0;
}

.cont_links_interes_home {
    display: flex;
    flex-wrap: nowrap;
}
.cont_links_interes_home > a {
    width: 100%;
    transform: inherit;
    font-weight: normal;
    text-align: left;
    margin: 10px;
    color:#fff;
    border-radius: 0px;
    background: #989898;
    border-left: 5px solid #ffc703;
    padding: 20px;
    transition: all .15s ease;
    text-decoration:none;
}
.cont_links_interes_home > a h3{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.cont_links_interes_home > a:hover {
    background: #646464;
}

@media (min-width: 480px) and (max-width: 767px){
    .cont_links_interes_home > .span3{
        width: 49.404255%;
        float:left;
    }
    
}
#widget-a871c9,
.boxDown {
    overflow: inherit;
}