@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');
}

/* MINIMAL FULL V.1.1 */



























/* BASE LUISTRAP */
/* CHROMELESS */

.video-player { margin: 0; position: relative; }
.video-player object { width: 100%; margin-bottom: -2px; }
.video-player:hover .video-controls {
    opacity: 1;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.video-controls { 
    background: #333;
    height: 40px;
    margin: -4px 0 0;
    position: relative;
    
    /* new code */
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.status { height: 20px; left: 33px; position: absolute; top: 10px; right: 160px; }
.bar { background: #a4a4a4; height: 10px; position: relative; top: 5px; }
.loaded { background: #bbb; height: 10px; left: 0; position: absolute; top: 0; }
.indicator { background: #212121; display: block; height: 10px; left: 0; position: absolute; top: 0; width: 20px; }
.play-pause, .volume { 
  background: url("https://d2p52n04yb9sso.cloudfront.net/uploads/f1c03f105a2711e4b597ed1590634d22/original/btn-controls.png") no-repeat ;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 10px;
  width: 20px;
}
.play-pause { left: 10px; }
.playing { background-position: 0 -20px; }
.volume { background-position: 0 -60px; right: 130px; }
.muted { background-position: 0 -40px; }
.view-youtube { 
    color: #777;
    display: block;
    float: right;
    font-size: 9px;
    line-height: 30px;
    padding: 6px 10px 0 0;
    text-decoration: none;
	text-transform: uppercase;
	font-family: arial;
	font-weight: bold;
}
.view-youtube:hover {
    color: #FFF;
    text-decoration: none;
}


/* SIDE R */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:none;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:2.5;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a;padding:0 0 0 10px;font-size:14px;}.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; }

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

h1 { font-size: 56px; font-weight: 300; line-height: 1; }
h2 { font-size: 42px; font-weight: 300; line-height: 1; margin: 20px 0; }
h3 { font-size: 32px; font-weight: 300; line-height: 1; margin: 15px 0; }
h4 { font-size: 24px; font-weight: 300; line-height: 1; margin: 10px 0; }
h5 { font-size: 18px; font-weight: 300; line-height: 1; margin: 7px 0;  }
h6 { font-size: 16px; font-weight: 300; line-height: 1; margin: 5px 0;  }

img { max-width: 100%; vertical-align: middle; }

[class*="spana"],
[class*="spano"]{
    float: none;
    margin: 0;
}
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
#page-content { padding: 40px 0; }
small, .meta { font-size: 12px; }
.media > .pull-left { margin-right: 25px; }
.media > .pull-right { margin-left: 25px; }
.media > .pull-left:empty,
.media > .pull-left:empty { margin: 0; }
.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;  }
a,a:hover { color: #162228; text-decoration: none }
a:focus { outline: none; }
.breadcrumb-inner { width: 940px; margin: auto; }

#search-nav { margin: 0; }
.main-col-inner, .main-inner, .sidebar-inner { padding: 0; }
.interact-box { padding: 0; }

.sidebar-menu li.current a { background: #162228; 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; }
#modyo-session * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
html .modyo-bar-top a {
    border-radius: 0;
    box-shadow: none;
    border-left: 1px solid #162228;;
    border-top: 1px solid #162228;;
    border-right: 1px solid #162228;;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #162228;
    color: #FFF;
}
html #modyo-session.logged .modyo-tabs {
    border-radius: 0;
    background: #162228;
}
html #modyo-session.logged .modyo-tabs a { color: #FFF; }


/* BODY */

body { 
    font-family: 'Overpass', sans-serif;; 
    background: #FFF;
    line-height: 1.3;
    font-sizee: 15px;
}

/* =============================================
UI
=============================================== */




/* =============================================
HEADER
=============================================== */

header { 
    background: #FFF;
    z-index: 10003 !important;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.off-screen-nav-button { 
    float: left; 
    display: none; 
    font-size: 32px;
    margin-top: 20px;
    margin-right: 15px;
}
.brand { float: left; padding: 15px 0 }
.brand img { max-height: 55px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; }
.menu-container { float: left; margin-left: 40px; font-size: 18px; }

.nav { margin: 0; }
.nav > li { float: left; }
.nav > li > a { display: block; padding: 32px 25px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; }
.nav > li.active > a,
.nav > li.active > a:hover { background: #162228; color: #FFF; }



#search-wrap { float: right; } 
#search-wrap input[type="search"] {
    margin: 0;
    margin-top: 13px;
    background: url("https://bci-cdn.azureedge.net/uploads/14be0e29-b491-468c-80bb-3e8483730d34/original/698956-icon-111-search-48.png") no-repeat right 6px top 8px transparent;
    padding: 15px 15px;
    border: 0;
    background-size: 37px;
    width: 150px;
    border: 1px solid rgba(0,0,0,.1);
    font-style: italic;
    font-weight: 300;
    border-radius: 3px;
    font-size: 16px;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
#search-wrap input[type="search"]:focus {
    width: 200px;
    box-shadow: none;
    background-color: #FFF;
    outline: 0;
}

#search-wrap input[type="search"]::-webkit-input-placeholder { opacity: 0; }
#search-wrap input[type="search"]:-moz-placeholder { /* Firefox 18- */ opacity: 0; }
/* */
#search-wrap input[type="search"]::-moz-placeholder {  /* Firefox 19+ */ opacity: 1; }
#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 { /* Firefox 18- */ opacity: 1; }
#search-wrap input[type="search"]:focus::-moz-placeholder {  /* Firefox 19+ */ opacity: 1; }
#search-wrap input[type="search"]:focus:-ms-input-placeholder { opacity: 1; }


/* =============================================
FOOTER
=============================================== */

footer {
    padding: 40px 0;
}
footer .brand-mini {
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
footer .brand-mini img {
    width: 100px;
    
}



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

.wg-title { text-align: center; margin-bottom: 40px; }
.wg-title h2 { margin-bottom: 10px; }

section { padding: 0; }
section.wg-text { padding: 0; }
section.wg-text > div {
    padding: 40px 0;
}
section .view-more { text-align: center; }

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

.modal { border-radius: 0; }


/* =============================================
MEDIA STYLE
=============================================== */

.circular-cover {
    border-radius: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px;
    display: inline-block;
}

.circular-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    background: #162228
}
.circular-icon img {
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 20px;
    right: 20px;
    margin: auto;
}

.circular-icon-small {
    width: 80px;
    height: 80px;
}
.circular-icon-small img {
    max-width: 40px;
    max-height: 40px;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
}

.circular-icon-large {
    width: 160px;
    height: 160px;
}
.circular-icon-large img {
    max-width: 120px;
    max-height: 120px;
}


/* =============================================
DROPDOWN
=============================================== */

.dropdown-menu {
    border-radius: 0;
    border: 0;
    min-width: 250px;
    padding: 0;
    margin: 0;
}
.dropdown-menu>li>a {
    padding: 15px 25px;
    font-size: 16px;
}

.dropdown-menu li>a:hover, 
.dropdown-menu li>a:focus, 
.dropdown-submenu:hover>a {
    color: #FFF;
    background: #162228;
}

.nav .dropdown-toggle .caret {
    border-top-color: #666;
    border-bottom-color: #666;
}





/* =============================================
MASONRY
=============================================== */


.gutter-masonry {
    width: 25%;
}
.masonry-wrap:after {
    display: table; overflow: hidden; content: ''; clear: both
}
.masonry-item {
    width: 25%;
    float: left;
}
.masonry-item-large {
    width: 50%;
}


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

.columns {
    margin: 0;
    padding: 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-10 > li {
    width: 8%;
}
.columns-11 > li {
    width: 7.09%;
}
.columns-12 > li {
    width: 6.33%;
}




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

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

.collapsed.columns-2 > li {
    width: 50%;
}
.collapsed.columns-3 > li {
    width: 33.33%;
}
.collapsed.columns-4 > li {
    width: 25%;
}
.collapsed.columns-5 > li {
    width: 20%;
}
.collapsed.columns-6 > li {
    width: 16.66%;
}
.collapsed.columns-7 > li {
    width: 14.285%;
}
.collapsed.columns-8 > li {
    width: 12.5%;
}
.collapsed.columns-9 > li {
    width: 11.11%;
}
.collapsed.columns-10 > li {
    width: 10%;
}
.collapsed.columns-11 > li {
    width: 9.09%;
}
.collapsed.columns-12 > li {
    width: 8.33%;
}


/* =============================================
FORMAT 1
=============================================== */

.columns-format-1 { margin: 0; }
.columns-format-1 > li:first-child {
    width: 50%;
}

.columns-format-1 > li {
    width: 25%;
    margin-left: 0;
    margin-bottom: 0;
}

/* =============================================
FORMAT 2
=============================================== */

.columns-format-2 { margin: 0; }
.columns-format-2 > li:first-child {
    width: 50%;
    float: right;
}

.columns-format-2 > li {
    width: 25%;
    margin-left: 0;
    margin-bottom: 0;
}




/* =============================================
BUTTONS
=============================================== */
/*
.btn { 
    background: #162228; 
    padding: 12px 24px;
    font-size: 18px;
    border-radius: 3px; 
    filter: none; 
    box-shadow: none; 
    border: 0;
    text-shadow: none;
    color: #FFF;
    font-family: 'Overpass', sans-serif;;
}
.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active {
    color: #FFF;
    background-color: #0f679b; 
}

.btn-small {
    font-size: 14px;
    padding: 6px 14px;
}

.btn-large {
    padding: 20px 50px;
    font-size: 24px;
}

.btn.disabled, 
.btn[disabled],
.btn.disabled:hover, 
.btn[disabled]:hover,
.btn.disabled:focus, 
.btn[disabled]:focus,
.btn.disabled:active, 
.btn[disabled]:active,
a.btn.disabled,
a.btn.disabled:hover,
a.btn.disabled:focus,
a.btn.disabled:active
button.btn.disabled,
button.btn.disabled:hover,
button.btn.disabled:active,
button.btn.disabled:focus {
    color: #DDD;
    background: #CCC;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.btn-primary { 
    background: ; 
    color: #FFF; 
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn.active {
    background-color: ; 
}


.btn-transparent {
    border: 2px solid #000;
    border-radius: 0;
    color: #000;
    background: none;
}
.btn-transparent:hover, 
.btn-transparent:focus, 
.btn-transparent:active {
    background: none;
    color: #000;
}


.btn-transparent-invert {
    border: 2px solid #FFF;
    border-radius: 0;
    color: #FFF;
    background: none;
}
.btn-transparent-invert:hover, 
.btn-transparent-invert:focus, 
.btn-transparent-invert:active {
    background: none;
    color: #FFF;
}




.btn-danger {
    background: #e00000;
    color: #FFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #b50000;
}

.btn-info{
    background: #49afcd;
    color: #FFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: #3d92ab;
}
.btn-success{
    background: #5dcb03;
    color: #FFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #4eaa03;
}

.btn-warning{
    background: #ffbd0c;
    color: #FFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #ffbd0c;
}

.btn-inverse{
    background: #222;
    color: #FFF;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
    background: #333;
}

*/

/* FIN NO EDITAR */


.btn-group>.btn:first-child { border-radius: 0; }
.btn-group>.btn+.dropdown-toggle { border-radius: 0; box-shadow: none; }


/* =============================================
FORMS
=============================================== */

select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border-radius: 0; 
    height: auto;
    padding: 10px;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus,
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
    border-color: #CCC;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px  rgba(0,0,0,.2);
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: -17px;
}



/* =============================================
ACCORDION
=============================================== */

.accordion-group {
    border: 0;
    border-radius: 0;
}
.accordion-heading .accordion-toggle {
    background: #162228;
    color: #FFF;
}
.accordion-heading .accordion-toggle:hover {
    text-decoration: none;
}

/* =============================================
ALBUMS
=============================================== */

#cboxNext,
#cboxPrevious { background: rgba(0,0,0,.4); }
#cboxNext i,
#cboxPrevious i{ color: #FFF; }

.thumbs-fluid img, 
.gallery-images a img { border-radius: 0; }

.context-albums-list .gallery-images { margin-top: 10px; }

/* =============================================
PRODUCTS
=============================================== */

/* show */

.context-products-show #top .cover {
    margin-bottom: 5px;
}

.zoomWrapper > ul {
    margin-top: 10px;
}


/* =============================================
EVENTS
=============================================== */

.date-box { background: #162228; text-align: center; padding: 0; border: 0; border-radius: 0; }
.date-box span { display: block; border: 0; margin: 0; padding: 10px; }
.date-box .month {
    text-transform: uppercase;
    font-size: 11px;
    background: #FFF;
    color: #333;
    padding: 3px;
}
.date-box .day { font-size: 24px; color: #FFF; }

.data-event { float: none; margin: 0; }
.data-event li { margin: 0; margin-bottom: 5px; padding: 0; }

/* =============================================
REQUESTS
=============================================== */

.interact-new input[type="text"], .interact-new textarea {
    width: 100%;
} 

.context-request #sidebar dt { 
    width: 78%;
    float: left;
    background: #FFF;
    margin-bottom: 4px;
    height: 38px;
    font-size: 12px;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.context-request #sidebar img { height: 28px; }
.context-request #sidebar dd { 
    width: 20%; 
    margin-left: 2%; 
    text-align: right; 
    float: left;  
    padding: 5px; 
    background: #FFF;
    text-align: center;
    margin-bottom: 2%;
}

#request-header { margin-bottom: 2em; }

/* =============================================
COMMENTS
=============================================== */

.interact-box { margin-bottom: 20px; }
.comments-title { margin-top: 0; padding-top: 0; }
.list-comments>ul>li { border: 0; }
.comments-list h4, .comments-list li { border-bottom: 0; }
.comments-title { border: 0; }

/* =============================================
PROMOTIONS
=============================================== */

.data-promotion { margin: 0; list-style: none; }
.coupon-generated { background: #FFF; margin-top: 2em; padding: 1em; }


/* =============================================
FORUMS
=============================================== */

.forums-list > li { background: #FFF; }
.forums-list > li .header,
.forums-list > li .body,
.forums-list > li .footer { padding: 1em; overflow: hidden; }

.forums-list > li .header h3 span { overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; display: block; }
.interact-new .nav { margin: 0; }
.dropzone .drop_label { line-height: 40px; text-indent: 15px; }

.information-topic {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #DDD;
}


#topic-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#topic-list > li {
    position: relative;
    padding: 1em;
    background: rgba(255,255,255,.3);
    margin-bottom: 5px;
}
.topic-meta-actions {
    position: absolute;
    right: 1em;
    top: 1em;
}

#topic-header { position: relative; }
.topic-actions { position: absolute; top: 0; right: 0; }

#topic-header .description { font-size: 18px; }


/* =============================================
PEOPLE
=============================================== */

.context-people-list .columns > li {
    height: 120px;
    padding: 10px;
    background: #FFF;
}


.request-pending { float: left;
    margin: 0;
    padding: 4px 10px;
    background: rgba(0,0,0,.05);
}
.request-cancel { float: left; }
.request-cancel form { margin: 0; }


/* =============================================
PROGRAMS
=============================================== */


.sidebar-information .cover img { margin: 0; display: inline; }

.list-default { border: 0; border-radius: 0; }

.list-default>ul>li:first-child,
.list-default>ul>li:last-child { border-radius: 0; }

.list-default>ul>li {
    border-radius: 0;
    border: 0;
    padding: 0;
}


/* FORMS VIEW TEMPORALY */

.context-forms #main .main-inner {
    width: 1130px;
    margin: auto;
}
.context-forms #page-title h2 {
    width: 1130px;
    margin: auto;
    float: none;
}








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

@media (min-width: 1200px) {
    .container {
        width: 1130px;
    }
}

@media (max-width: 979px) {
    .menu-container { display: none; }
    .off-screen-nav-button {
        display: block;
    }
    
    h1 { font-size: 42px; }
    h2 { font-size: 36px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    
    #title-page {
        padding:  30px 0;
    }
    
    .btn { font-size: 16px; padding: 10px 22px; }
    .btn-small { font-size: 13px; padding: 5px 12px; }
    .btn-large { padding: 17px 35px; font-size: 21px; }
    
}


@media (max-width: 767px) {
    
    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li {
        width: 48%;
    }
    
    .columns-6 > li,
    .columns-7 > li {
        width: 31.33%;
    }
    
    .columns-8 > li,
    .columns-9 > li,
    .columns-10 > li,
    .columns-11 > li,
    .columns-12 > li{
        width: 23%;
    }
    
    
    .columns-sm-2 > li { width: 48%;    }
    .columns-sm-3 > li { width: 31.33%; }
    .columns-sm-4 > li { width: 23%;    }
    .columns-sm-5 > li { width: 18%;    }
    .columns-sm-6 > li { width: 14.66%; }
    .columns-sm-7 > li { width: 12.28%; }
    .columns-sm-8 > li { width: 10.5%;  }
    .columns-sm-9 > li { width: 9.11%;  }
    .columns-sm-10 > li { width: 8%;    }
    .columns-sm-11 > li { width: 7.09%; }
    .columns-sm-12 > li { width: 6.33%; }
    
    .collapsed.columns-sm-2 > li { width: 50%;     }
    .collapsed.columns-sm-3 > li { width: 33.33%;  }
    .collapsed.columns-sm-4 > li { width: 25%;     }
    .collapsed.columns-sm-5 > li { width: 20%;     }
    .collapsed.columns-sm-6 > li { width: 16.66%;  }
    .collapsed.columns-sm-7 > li { width: 14.28%;  }
    .collapsed.columns-sm-8 > li { width: 12.5%;   }
    .collapsed.columns-sm-9 > li { width: 11.11%;  }
    .collapsed.columns-sm-10 > li { width: 10%;    }
    .collapsed.columns-sm-11 > li { width: 9.09%;  }
    .collapsed.columns-sm-12 > li { width: 8.33%;  }
    
    

    body { padding: 0; }
    .container { padding: 0 15px; }
    
    
    /* 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; }
    
}

@media (max-width: 480px) {
    
    .C125x125 { max-width: 100%; max-height: 100%; }
    
    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li,
    .columns-6 > li,
    .columns-7 > li,
    .columns-8 > li,
    .columns-9 > li,
    .columns-10 > li,
    .columns-11 > li,
    .columns-12 > li {
        width: 48%;
    }
    
    .columns-xs-2 > li { width: 48%;    }
    .columns-xs-3 > li { width: 31.33%; }
    .columns-xs-4 > li { width: 23%;    }
    .columns-xs-5 > li { width: 18%;    }
    .columns-xs-6 > li { width: 14.66%; }
    .columns-xs-7 > li { width: 12.28%; }
    .columns-xs-8 > li { width: 10.5%;  }
    .columns-xs-9 > li { width: 9.11%;  }
    .columns-xs-10 > li { width: 8%;    }
    .columns-xs-11 > li { width: 7.09%; }
    .columns-xs-12 > li { width: 6.33%; }
    
    
    
    .btn { font-size: 14px; padding: 8px 16px; }
    .btn-small { font-size: 12px; padding: 3px 8px; }
    .btn-large { padding: 15px 25px; font-size: 18px; }
    
    
    /* albums */
    
    .context-albums-show #main .columns { margin-left: -2%; }
    .context-albums-show #main .columns > li { width: 31%; margin-left: 2%; float: left; }
}


/* Default Boxes */



/* =============================================
TEMPLATE
Work here!
=============================================== */
#flash-messages {
    display: none;
}

.interact-box {
    display: none;
}

#nav-menu {width: 100%;}
p {
    margin-bottom: 20px;
    line-height: 1em;
}
li {
    margin-bottom: 10px;
    line-height: 1.5em;
}
.description { margin: 0; }

h1 { font-size: 40px; font-weight: 200; line-height: 1; }
h2 { font-size: 34px; font-weight: 300; line-height: 1.2; }
h4 {font-size: 21px;}

h1 span, h2 span, h3 span, h4 span {font-weight: 600;}

body {
    background: #FFF;
    color: #000;
    font-size: 15px;
    font-family: 'Overpass', sans-serif;;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

header {
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    left: auto !important;
    width: 100% !important;
}


/* ROYAL SLDIER */

.valign-text {
    position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)
    position: absolute;
}
.v-align {
    position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%)
}


/* =============================================
UI
=============================================== */

a:focus { text-decoration: none; color: inherit }
a:hover { color: inherit }

h2:first-child { margin-top: 0; }

/* structure */

.call-action { margin-top: 40px; }
/*.call-action.call-action-right { text-align: right; }*/
.wg-title { margin-bottom: 40px; }
.wg-title p { margin-top: 20px; font-size: 18px; line-height: 1.3; }

#page-title {
    background: #FFF;
    padding: 60px 0;
}
#page-title h1 { margin-bottom: 20px; }
#page-title > .container > .pull-left { width: 50%; }
#page-title > .container > .pull-left p { font-size: 16px; }

ul { padding: 0; }

/* List tickets */

.list-tickets { margin: 0; padding: 0; list-style: none; margin-left: 50px; font-size: 18px; }
.list-tickets li {
    font-weight: 300;
    padding: 3px 0;
    padding-left: 40px;
    background: url("https://bci-cdn.azureedge.net/uploads/0314035f-e28a-4bd7-91c8-0f7e52d84cf0/original/ticket.png") no-repeat 0 46%;
    background-size: 22px;
}

h3 img {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    height: 1px;
    width: 50%;
}
/* Buttons */

.btn {
    border: 0;
    text-shadow: none;
    background: #FFF;
    border-radius: 3px;
    filter: none;
    min-width: 120px;
    box-shadow: 0 -3px 0 rgba(0,0,0,.1) inset;
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Overpass', sans-serif;;
}
.btn-primary {
    background: #162228;
    color: #FFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
    background: #0f679b;
}

.btn-primary.disabled,
.btn-primary[disabled] {
    background: #CCC;
}

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active,
a.btn.disabled,
a.btn.disabled:hover,
a.btn.disabled:focus,
a.btn.disabled:active
button.btn.disabled,
button.btn.disabled:hover,
button.btn.disabled:active,
button.btn.disabled:focus {
    color: #DDD;
    background: #CCC;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.btn-primary-green {background-color: #00a94a; color: #FFF;}
.btn-primary-green:hover, .btn-primary-green:focus, .btn-primary-green:active {
    background-color: #009340;
    color: #FFF;
}
.btn.disabled, 
.btn[disabled],
.btn.disabled:hover, 
.btn[disabled]:hover,
.btn.disabled:focus, 
.btn[disabled]:focus,
.btn.disabled:active, 
.btn[disabled]:active,
a.btn.disabled,
a.btn.disabled:hover,
a.btn.disabled:focus,
a.btn.disabled:active
button.btn.disabled,
button.btn.disabled:hover,
button.btn.disabled:active,
button.btn.disabled:focus {
    color: #DDD;
    background: #CCC;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
/*
.container{
    padding:0!important;    
}*/
/* BTN GREEN */
.btn-green {
    background: #00a94a;
    color: #FFF;
}
.btn-green:hover,
.btn-green:focus {
    color: #FFF;
    background: #23bf63;
}

.btn-green.disabled,
.btn-green[disabled] {
    opacity: .4;
}

.btn-large {
    padding: 15px 30px;
}

.btn-blank {
  box-shadow: none;
  color: #007cc6;
}

.btn-transparent,
.btn-transparent:hover,
.btn-transparent:focus {
  box-shadow: none;
  color: #000;
  background: none;
  border: 3px solid #000;
}


.btn-transparent-invert,
.btn-transparent-invert:hover,
.btn-transparent-invert:focus {
  box-shadow: none;
  color: #FFF;
  background: none;
  border: 3px solid #FFF;
}


/* =============================================
HEADER
=============================================== */
header, #top-nav { z-index: 1011 !important;}

#navigation {
    position: relative;
    z-index: 1002;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    opacity: 1;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.context-home-show #navigation {background: rgba(255,255,255,1) !important;-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 #navigation {background: rgba(255,255,255,1) !important;-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 > .container {  background: none; }
#dropdowns { z-index: 1001; position: relative; }

.logohome img { 
    width: auto;
    height:57px;
    margin:4px 0 12px;
    display: block; 
}
header .logohome { float: left; padding: 0; }
header .logohome a {position: relative;display: block;z-index: 2;}


/* =============================================
NAV MENU
=============================================== */

.off-screen-nav-button {
  display: none;
  padding: 14px 12px;
  float: left;
  background: none;
  margin-top: 8px;
  margin-left: -5px;
  margin-right: 5px;
  margin-top: 0;
  background: none;
}
.off-screen-nav-button span {
    display: block;
    height: 3px;
    width: 22px;
    background: #fff;
    margin-bottom: 4px;
}
.off-screen-nav-button span:last-child { margin-bottom: 0; }

#nav-menu:after {
    display: table; overflow: hidden; content: ''; clear: both
}

#nav-menu .dropdown { position: static; }
#nav-menu .dropdown-menu { width: 1130px; }
#nav-menu { font-size: 14px;  }
#nav-menu > .pull-right {
    margin-right: 20px;
    font-size: 17px;
}
.right-menu img { width: 34px; }
.right-menu {
    float: right;
    position: relative;
    z-index: 1;
}

#nav-menu > .pull-right > ul,
.right-menu > ul { list-style: none; margin: 0; padding: 0; }
.right-menu { float: right; }

#nav-menu > .pull-right > ul > li,
.right-menu > ul > li { float: left; }
#nav-menu > .pull-right > ul > li { margin-bottom: 0px; }
#nav-menu > .pull-right > ul > li > a {
    color: #000;
    padding: 24px 30px 20px;
    display: block;
    font-weight: 300;
    border-bottom: 2px solid transparent;
    font-size:16px;
}

#nav-menu > .pull-right > ul > li > a.active,
#nav-menu > .pull-right > ul > li > a:hover,
#nav-menu > .pull-right > ul > li > a.active:hover {
    border-bottom: 2px solid #162228;
    text-decoration: none;
}

.client-access a {
    margin-top: 10px;
    margin-left: 10px;
    margin-top: 13px;
    margin-left: 2px;
    padding: 15px 20px;
}
.search-menu { font-size: 20px; }

.footer-dropdown {
    background: #162228;
    color: #FFF;
    padding: 10px;
}
.footer-dropdown .media-body {
  padding-top: 10px;
  padding-left: 10px;
}



/* =============================================
HOME
=============================================== */


/* WG FEATURED */

.wg-featured h2 {
    font-size: 36px;
    line-height: 1;
}
/*.wg-featured .caption p {color:#fff;}*/

/* =============================================
INDICADORES
============================================== */

.indicadoreBg {
    background-image: url("https://bci-cdn.azureedge.net/uploads/d752debb-1860-439e-89d5-0a12d80d382e/original/bg-productos.jpg") !important;
    padding: 20px 0px 15px 0px !important;
}


.appHeaderHome div span {
    color: #fFFFFF;
    text-align: center;
}

.appHeaderHome div {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#agenda-apps .agenda {
    min-height: 261px !important;
}
#prensa .bx-wrapper .bx-controls-direction a {
    top: 39% !important;
}
.nosotrosHome .imgborde {
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}

/* =============================================
DESTACADOS
============================================== */

/*#widget-48269f {
    background: #45464a url("https://bci-cdn.azureedge.net/uploads/afc7b74c-de8f-44fc-bbef-ec6796e930af/original/isotipo-bci-outline.png") no-repeat 100px -100px / 30% auto;
}*/
#destacados .collapsed.columns-2 > li {
width: 49.5%;
}
#destacados .collapsed.columns-2 > li:first-child {
margin-right: 1%;
}
#destacados h2 {
    margin-bottom: 40px;
text-align: center;
/*color: #fff;*/
}
.video-destacado {
position: relative;
}
#destacados iframe {
height: 307px;
    width: 100%;
}
.video-destacado .icon-video-azul {
    left: 0;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
}
#destacados .caption {
    background: rgba(0,0,0,.7);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    padding: 20px;
    padding-top: 40px;
    width: inherit;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;;
    text-align: center;
}
#destacados .caption h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom:10px;
}
#destacados .columns a:hover .caption { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;; opacity: 1; top: 0; }
#destacados .columns a { height: 148px; display: block; position: relative; overflow: hidden; color: #FFF; }
#destacados .iconoplay {
background-color: #333;
height: 32px;
width: 32px;
margin: -16px 0 0 -16px;
padding: 8px 10px;
border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
}
#destacados .iconoplay img {
    width: 80%;
}
#destacados .btn-transparent {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    transition: all 0.25s ease 0s;
}
#destacados .btn-transparent:hover {
    background: none !important;
    color: #FFF;
    border-color: rgba(255,255,255,1);
}

/* =============================================
PRODUCTOS
============================================== */

#widget-d2b504 {
background: #313131 url("https://bci-cdn.azureedge.net/uploads/4473a064-8f0e-42a0-a719-c9881d3dfd56/original/bg-productos2.jpg") no-repeat -185px 0 / 65% auto;
padding: 30px;
    position: relative;
    color: #FFF;
    text-align: center;
    display:none;
}
#widget-d2b504 .media { position: relative; padding: 40px 0; }
#widget-d2b504 .wg-title {
width: 60%;
float: right;
}
#widget-d2b504 h2 {
margin: 0;
}
#widget-d2b504 .wrapper-box {
    
}
#widget-d2b504 a {
margin: 0 auto;
color: #FFF;
display: block;
border: 2px solid #FFF;
border-radius: 50%;
width: 172px;
height: 168px;
padding: 15px 20px 20px;
-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
#widget-d2b504 a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#widget-d2b504 .columns {
width: 60%;
margin-left: 0;
padding-top: 32px;
float: right;
}
#widget-d2b504 .columns li {
width: 33.333333%;
margin-left: 0;
}
#widget-d2b504 .media { padding: 0; }
#widget-d2b504 .media-body { padding-left: 50px; }
#widget-d2b504 .media-body  img { width: 50px; }
#widget-d2b504 .caption h3 {
margin: 7px 0 5px;
font-size: 20px;
}
#widget-d2b504 .view-more,
#widget-d2b504 .caption small {
display: none;
}
#widget-d2b504 .caption .description:after {
content: "+";
color: #ffe304;
font-size: 35px;
font-weight: 100;
}



#widget-d2b504 li a img {
max-width: 60%;
}
/* =============================================
SERVICIO AL CLIENTE
=============================================== */

.second-box { 
    background: #FFF; 
    padding: 10px;
    width: auto;
    font-size: 14px;
    float: left;
    
}
.second-box:after {
    display: table; overflow: hidden; content: ''; clear: both
}

.second-box .number-box {
    padding: 0 20px;
    float: left;
    border-right: 3px solid #EEE;
    line-height: 1.1em;
    font-size:12px;
}
.second-box .number-box h3 {margin-top: 5px;font-size: 23px;font-size: 18px;}
    
.second-box .number-box:last-child {
    border: 0;
}

.first-box { 
    background: url("https://bci-cdn.azureedge.net/uploads/104965cb-d2c8-402e-9756-9f0b2d0cf9d9/original/phone-icon.png") no-repeat #007cc6 22px 11px;
    background-size: 20px;
    color: #FFF;
    float: left;
    font-size: 18px;
    padding: 10px 20px 10px 60px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.first-box span {
    display: inline-block;
    vertical-align: middle;
}
.first-box h3 {
    font-weight: 900;
    font-size: 23px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}


/* =============================================
SEGURIDAD
=============================================== */

 /*  background: #FFF;*/
.tabs-full-seguridad {
      background-image:url(https://bci-cdn.azureedge.net/uploads/1ff854a8-6ce6-4048-a75b-f58100178254/original/bg-dots.jpg); background-repeat:repeat!important;padding:0 !important;
}
.tabs-full-seguridad .nav-tabs {
    width: 100%;
    overflow: hidden;
}
.tabs-full-seguridad .nav-tabs li a {
    background: transparent;
}
.tabs-full-seguridad .nav-tabs li a:hover {
    opacity: 1;
}
.context-layouts-show-seguridad #top-header  {
    /*background-image: url("https://bci-cdn.azureedge.net/uploads/17e26ddc-3a1e-4e20-8652-b8150e22bac7/original/seguridad.jpg");*/
    height: 310px;
}
.tabs-full-seguridad .columns > li,
#servicio-cliente .columns > li {margin-bottom:0;}
#security-information {
    background: #E5E5E5;;
    padding: 40px 0;
}

.box-default-notices {
    -webkit-transform: scaleY(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-default-notices:hover { 
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.box-default-notices .body-info {
    padding: 16px;
    font-size: 13px;
    overflow: hidden;
    height: 111px;
}

.box-default-notices h4 { 
    font-size: 16px;
}

.box-default-notices { 
    background: rgba(255,255,255,1);
    height: 320px;
    display: block;
    color: #000;
}

.context-layouts-show-seguridad #security-information .description h3{
    margin-bottom: 36px;
}
.context-layouts-show-seguridad #security-information h4{
    font-size: 15px;
}

.box-default-notices a { color: #000; }
.box-default-notices a:hover { text-decoration: none; }

#security-information .columns > li { text-align: center; }
#security-information .columns > li img { text-align: center; margin: 0 auto; }

.box-default-notices .caption { margin-top: 40px; }
.box-default-notices .caption h4 { font-size: 17px; font-weight: bold; margin-bottom: 15px; }

.box-more-security { 
    display: block;
    padding: 11px 16px;
    text-align: center;
    background: #f6303e;
    color: #FFF;
    position: absolute;
    top:0;
    right:0;
    margin:0px;
}

.tabs-full {
    text-align: center;
    background: #FFF;
}
.tabs-full h4 { font-size: 18px; height: 30px;}
.tabs-full .cover-image {
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 28px;
    border-radius: 50%;
    padding: 20px;
    background: #00a94a
}
.tabs-full .nav-tabs>li>a { 
    color: #000; 
    padding: 20px 0px 0px 0px; 
    opacity: .6; 
    position: relative;
}
.tabs-full .nav-tabs>.active>a:after {
    content: '';
    position: absolute;
    left: 45%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #eeeeee transparent;
    bottom: -15px;
}

.tabs-full .nav-tabs>.active>a, 
.tabs-full .nav-tabs>.active>a:hover, 
.tabs-full .nav-tabs>.active>a:focus {
    background: none;
    opacity: 1;
    color: #000;
}

.tabs-full.blue {
    background: #007cc6;
}
.tabs-full.blue .cover-image {
    background: #FFF;
}
.tabs-full.blue .nav-tabs>li>a  {
    color: #FFF;
}
.tabs-full.blue .nav-tabs>.active>a, 
.tabs-full.blue .nav-tabs>.active>a:hover, 
.tabs-full.blue .nav-tabs>.active>a:focus {
    color: #FFF;
}
.tabs-full.blue .nav-tabs>.active>a:after {
    border-color: #007cc6 transparent transparent transparent;
}
.nav-tabs-3 {
    margin: 30px 0 15px 0;
    border-bottom: 1px solid #ccc !important;
}
.nav-tabs-3>li>a {
     color: #333;
     display: block;
     padding: 15px 20px;
     border-bottom: 1px solid #ccc !important;
     border-top: 1px solid #ccc !important;
     border-left: 1px solid #ccc !important;
     border-right: 1px solid #ccc !important;
     background-color: #f1f1f1;
     width: 100%;
     margin-left: 1px;
     border-radius: 10px 10px 0 0 !important;
     margin-bottom: -1px;
     }
.nav-tabs-3>li>a:hover,
.nav-tabs-3>li>a:focus,
.nav-tabs-3 a:hover,
.nav-tabs-3>.active>a, 
.nav-tabs-3>.active>a:hover, 
.nav-tabs-3>.active>a:focus {
background: none;     background-color: #fff;     border-bottom: 1px solid #fff !important; color:#333 !important;}
#telefonos-emergencias {
    font-size: 19px;
    padding: 30px 0;
}
#telefonos-emergencias .columns > li { margin-bottom: 0; }
#telefonos-emergencias h6 {
    color: #0071CE;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1;
}
#telefonos-emergencias h5 {
    font-weight: 300;
    font-size: 23px;
    color: #0071CE;
}
.context-layouts-show-seguridad .tabs-wrap .nav-tabs > .active > a::after {
    bottom: 0px;
}
.context-layouts-show-seguridad .widget h4 {
    font-size: 17px;
    display:block;
}
.tabs-wrap { text-align: center; }
.tabs-wrap img {
    display: inline-block;
    margin: auto;
    height: 40px;
    margin-bottom: 10px;
}

.tabs-wrap .nav-tabs>li>a { 
    opacity: .5;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 20px 15px 20px;
    position: relative;
}
.tabs-wrap .nav-tabs>.active>a, 
.tabs-wrap .nav-tabs>.active>a:hover, 
.tabs-wrap .nav-tabs>.active>a:focus {
    background: none;
    opacity: 1;
    color: #000;
}
.tabs-wrap .nav-tabs>li>a h4{
    font-size: 17px;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}
.tabs-wrap .nav-tabs>.active>a:after {
    border-color: transparent transparent transparent;
    border-style: solid;
    border-width: 0px 28px 16px !important;
    bottom: -3px;
    content: "";
    height: 0px;
    left: 50% !important;
    margin-left: -30px;
    position: absolute;
    width: 16px;
}
    
.context-layouts-show-seguridad .tabs-wrap .nav-tabs>.active>a:after{
    border-color: transparent transparent #E5E5E5 transparent;   
}
.nav-tabs>li>a { border-radius: 0; border: 0; }
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    border: 0;
    /*background: #f6303e;
    color: #FFF;*/
}
.nav-tabs { border: 0; }
.nav-tabs>li {  }

.nav-pills>li>a { border-radius: 0; margin: 0; }
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    background: #f6303e;
    color: #FFF;
}

/* =============================================
PROPUESTA DE VALOR
============================================== */

/*#widget-091419 {
background-color: #444549;
}
#widget-091419 h2 {
color: #fff;
}
#prop-valor .description h3,
#prop-valor .description p {
color: #ccc;
text-align: center;
}*/
#prop-valor .description h3 {
font-size: 24px;
}
#prop-valor .description p {
font-size: 15px;
}
/* box-default 3 */
.box-default-3 a { display: block; position: relative; color: #FFF; max-height: 310px; overflow: hidden;}
.box-default-3 a h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    background: rgba(255,255,255,.8);
    font-size: 20px;
    font-weight: 300;
    padding: 18px 28px;
    padding-right: 50px;
    margin: 0;
    width: 90%;
}
.box-default-3 a h3:after {
    color: #00a94a;
    content: "+";
    position: absolute;
    right: 12px;
    top: 10%;
    font-weight: 200;
    font-size: 40px;
}

.box-default-3 a h4 { font-weight: 600; font-size: 15px; line-height: 18px;}
.box-default-3 img { display: block; width: 100%;}
.box-default-3 a:hover .caption {
    opacity: 1;
}
.box-default-3 .caption {
    opacity: 0;
    padding: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}
.box-default-3 .caption .v-align {
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px;
}
/* box-default 4 */
.box-default-4 li {position: relative;width: 98%;height: 210px;background:#53565a;overflow: hidden;}
.box-default-4 img {opacity:.3;display: block;width: 130%;max-width: 130%;;transition:.3s;}
.box-default-4 li:hover img {
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
    transition:.3s;
}
.box-default-4 li:first-child {width: 56%;}
.box-default-4 li:nth-child(2) {width: 30%;}
.box-default-4 li:nth-child(3) {width: 28%;}
.box-default-4 li:nth-child(4) {width: 58%;}
.box-default-4 li:nth-child(5) {width: 38%;}
.box-default-4 a { display: block; color: #444; max-height: 310px; overflow: hidden;}
.box-default-4 a h3 {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 300;
    /*padding-right: 50px;*/
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
}
.box-default-4 a h4 {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}
.box-default-4 .caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    padding: 30px;
}
#canales-home {
    color: #fff;
    background-image: url(https://bci-cdn.azureedge.net/uploads/88e5b996-a020-4b4a-856a-3cfca74bcca8/original/bg-canales.jpg);
    background-size: 100%;
    background-attachment: fixed;
    background-position: center center;
    padding: 80px 0;
}
#canales-home btn {}
#canales-home btn img {}
ul.list-ticket {list-style:none;}
ul.list-ticket li {
    position: relative;
    margin-bottom: 10px;
}
ul.list-ticket li:before{
    font-family: FontAwesome;
    position: absolute;
    left: -25px;
    content: "\F00C";
    color: #00a94b;
}
#canales-home .span6,
#canales-home .span4,
#canales-home .span1 {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#canales-home .link {
    margin-right: 5%;
    transition: .3s;
    width: 40%;
    color: #fff;
    display: inline-block;
    border:1px solid;
}
#canales-home .link img {width: 60%;margin-bottom: 10px;transition: .3s}
#canales-home .link:hover {-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);transition: .3s;}
/* =============================================
Credito consumo
============================================== */
#top-header.header-credito-consumo {background-image: url("https://bci-cdn.azureedge.net/uploads/1b6acccc-9af2-40a4-9445-1b9673649027/original/cred_cons5.jpg");}
#todo-sobre-credito-consumo {
    padding: 40px 0;
    text-align: center;
    background-image: url(https://bci-cdn.azureedge.net/uploads/9bbf2919-c1f9-44ac-9701-267b38d1b7fa/original/bg-consumo.jpg);
    background-origin: initial;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-clip: initial;
    color: #fff;
}
#todo-sobre-credito-consumo img {
    width: 180px;
}
#todo-sobre-credito-consumo .container {
    padding: 0 10em;
}
#todo-sobre-credito-consumo a {
    color: #fff;
    display: block;
    padding-top: 15px;
}
#todo-sobre-credito-consumo h4 { font-size: 16px; margin-bottom: 20px; }
.circular-cover-image { margin-bottom: 20px; }
.circular-cover-image img {
    border-radius: 50%;
}
.btn-transparent {
    border-radius: 3px;
    color: #FFF;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.5);
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;;
}
.btn-transparent:hover {
    background: none !important;
    color: #FFF;
    border-color: rgba(255,255,255,1);
}
#todo-sobre-credito-consumo h4 {
    font-size: 14px;
    line-height: 1.5em;
}
.btn-small {
    padding: 4px 10px;
    font-size: 12px;
}
.context-layouts-show-creditos-de-consumo #hazte-cliente{
    background: #333;
  padding: 10px 0;
  border-top: 0px solid #EEE;
  border-bottom: 0px solid #EEE;
  color: #fff;
}
.context-layouts-show-creditos-de-consumo #hazte-cliente a{
    color:#FFD500;
}
/* =============================================
MÁS SOBRE TU CRÉDITO
=============================================== */

.icons-creditos ul{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.icon-cre {
    margin: 0 2% 0 0;
    float: left;
    width: 10%;
    text-align: center;
}
.icons-creditos li{
    padding: 10px 0;
    overflow: hidden;
}
.icons-creditos li p {
    width: 88%;
    float: left;
}

/* =============================================
BOX DEFAULT 6
============================================== */

.box-default-6.main-product .item-box { margin-right: 10px; }
.box-default-6.main-product .item-box .item-pic img { margin: 0; }
.box-default-6.main-product .item-box .item-pic { height: 366px; }
.box-default-6.main-product .item-box .item-description {
    background: rgba(0,0,0,1);
    padding: 20px;
    color: #FFF;
}
.box-default-6.main-product a { color: #FFF; }
.box-default-6.main-product a:hover { color: #999!important; }
.box-default-6.main-product .item-box h3 { font-size: 24px; }
.box-default-6.main-product .media-body small { color: #FFF; }
.box-default-6.main-product .item-box .pull-right { color: #FFF; }
.box-default-6.main-product .item-box .pull-right p { color: #ddb603; }

.box-default-6.main-product .info-viaje small {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    font-weight: 600;
    font-style: italic;
    text-align: right;
    margin-top: 3px;
}
[class^="ico-"],
[class*=" ico-"] { display: inline-block; margin: 0; margin-right: 5px; }

.ico-plane {
    background: url("https://bci-cdn.azureedge.net/uploads/a7729347-3a07-4e66-90e3-e1872f33ca07/original/icon-normal-plane.png") no-repeat;
    width: 22px;
    height: 21px;
}
.ico-hotel {
    background: url("https://bci-cdn.azureedge.net/uploads/6e11f5de-3d4f-462b-b4a7-d202960d3cce/original/icon-normal-hotel.png") no-repeat;
    width: 22px;
    height: 21px;
}
.ico-car {
    background: url("https://bci-cdn.azureedge.net/uploads/645a789d-ddde-4b38-b1f9-79d661feb441/original/icon-normal-car.png") no-repeat;
    width: 22px;
    height: 21px;
}
.box-default-6 .item-box .item-description {
background-color: #f1f1f1;
padding: 10px;
}
.box-default-6 .item-box {
background-color: transparent;
margin: 0;
}
.box-default-6 .item-box .item-pic {
height: 167px;
border-radius: 2px 2px 0 0;
}
.box-default-6 .item-box .item-pic img { margin-top: -20%; }
.box-default-6 .item-box h3 { margin: 0; font-size: 15px;}
.box-default-6 .item-box p { margin: 0; font-weight: 600; }
.box-default-6 a { color: #333; }
.box-default-6 .item-box h3 a:hover { color: #000; }

.box-default-6 .item-box .pull-right,
.box-default-6 .item-box .item-pic i { color: #333 !important; }
.box-default-6 .media-body small { color: #666; }
.box-default-6 .item-box .blog-overlay { background: #333;; }
.box-default-6 .item-box .item-description .info-viaje { text-align: right; }
.box-default-6 .item-box .item-description .info-viaje span { display: inline-block; margin: 0; margin-left: 7px; }
.box-default-6 .item-box .pull-right, .box-default-6 .item-box .item-pic i {
    color: #dd3c5a;
}

/* =============================================
SEARCH
=============================================== */


.context-search .options-search {
    display: none;
}
.context-search #page-title-search {
    padding: 30px 0px 0px 0px;
}
.context-search #page-title-search h2 {
    color: #fff;
    overflow: inherit;
    line-height: 40px;
}
.context-search #search-header {
    background: url("https://bci-cdn.azureedge.net/uploads/d752debb-1860-439e-89d5-0a12d80d382e/original/bg-productos.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: 7px 15px 8px 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;
}

/* =============================================
TABS
=============================================== */

.new-tabs {
    /*background: #45464a url("https://bci-cdn.azureedge.net/uploads/afc7b74c-de8f-44fc-bbef-ec6796e930af/original/isotipo-bci-outline.png") no-repeat right -100px / 40% auto;*/
    background: url("https://bci-cdn.azureedge.net/uploads/6a30c0f3-bcff-470d-8381-e1cb46b6bff2/original/bg-bci.jpg") no-repeat scroll 0% 0%;
    background-size: cover !important;
    background-position: 0 0 !important;
}

/* =============================================
TABS LEFT
=============================================== */
.tabbable.tabs-left .nav-tabs { background: #007cc6; padding: 60px 30px; margin-top: -40px; }
.tabs-left > li { border-bottom: 1px solid rgba(255,255,255,.1); position: relative; }
.tabs-left > li > a { color: #FFF; font-size: 24px; font-weight: 300; text-align: right; padding: 15px 0; }
.tabs-left > li.active > a { font-weight: 600; }
.tabs-left > li.active > a:after { content: ''; }
.tabs-left > li.active:after {
    content: '';
    width: 0;
    position: absolute;
    right: -30px;
    top: 35%;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
}


/* =============================================
PLACES
=============================================== */

#map-top { position: relative; }
#map-top h2 { position: absolute; top: 35%; }

.information-place { padding: 40px 0; }

/* =============================================
TABS PRODUCTOS
=============================================== */

.productos-home {background: url(https://bci-cdn.azureedge.net/uploads/8d2c3985-a47e-4604-8cdc-eacf0c816d76/original/brushed.png);padding-top: 0 !important;color: #fff;}
.productos-home-r {background: url(https://bci-cdn.azureedge.net/uploads/8d2c3985-a47e-4604-8cdc-eacf0c816d76/original/brushed.png);color: #fff;}
.productos-home-r .accordion {margin: 0;}
.tabs-productos {text-align: center;background: rgba(0,0,0,.3);padding-top: 40px;margin-bottom: 50px;}
.tabs-productos ul {border:none;}
.tabs-productos ul li {
    background: none;
    color: #FFF;
    border: none;
    margin-bottom:0;
}
.tabs-productos h2 {margin-bottom: 40px;}
.tabs-productos ul li img {width: 30%;}
.tabs-productos ul li a {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    position:relative;
    padding-bottom: 10px;
    transition:.3s;
    min-height: 120px;
}
.tabs-productos ul li a span {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 15px;
}
.tabs-productos ul li a img {
    display: inline-block;
}
.tabs-productos .nav > li > a,
.tabs-productos .nav > li.active > a,
.tabs-productos .nav > li.active > a:hover,
.tabs-productos .nav > li > a:hover {
    background: none;
    color: #FFF;
    border:none;
}
.tabs-productos .nav > li > a:hover {opacity:.7;transition:.3s;}
.tabs-productos .nav > li.active > a:after{
    top:100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, .3);
    border-width: 30px;
    margin-left: -30px;
}
.box-productos a {
    overflow: hidden;
    width: 100%;
    background: #fff;
    display: block;
    color: #333;
    border-radius: 5px;
    transition: .3s;
}
.box-productos img {
    float: left;
    width: 49%;
}
.box-productos figcaption {
    float: right;
    width: 50%;
    padding: 5%;
    padding-top: 2%;
    padding-bottom: 0;
}
.box-productos a h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}
.box-productos a p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 400;
    text-align: left;
}
.box-productos.columns-3 img,
.box-productos.columns-5 img{
    float: left;
    width: 100%;
    transition: .3s;
}
.box-productos.columns-3 figcaption,
.box-productos.columns-5 figcaption{
    float: right;
    width: 100%;
    padding: 5%;
    background: url(https://bci-cdn.azureedge.net/uploads/cf67d3bb-012e-4200-a924-30d1c1a83ccf/original/colores.jpg) no-repeat;
    background-size: 100% 2px;
}

.box-productos.columns-5 a {
    min-height: 315px;
}
.box-productos li:hover a{
    background: #333;
    color: #fff;
    transition: .3s;
}
.box-financiamiento a {
    border: 2px solid #fff;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    height: 245px;
    padding: 65px 0px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    transition: .3s;
    margin: 5px;
}
.box-financiamiento a:hover {
    -ms-transform: scale(1.02); /* IE 9 */
    -webkit-transform: scale(1.02); /* Safari */
    transform: scale(1.02);
    transition:.3s;
}
.box-financiamiento img {margin-bottom: 10px;}

.tabbable.tabs-left .nav-tabs {
    background: #333;
    padding: 30px;
}
/* =============================================
TOP HEADER
=============================================== */
#top-header {
    position: relative;
    background: url("https://bci-cdn.azureedge.net/uploads/1a8a47bf-19e1-43ff-a827-f5a578614055/original/tarjetas.jpg");
    background-size: cover;
    padding: 40px 0;
    height: 260px;
}
.context-layouts-show-servicio-al-cliente #top-header {
    background: url("https://bci-cdn.azureedge.net/uploads/1a8a47bf-19e1-43ff-a827-f5a578614055/original/tarjetas.jpg");
}
.context-layouts-show-seguros #top-header,
.context-layouts-show-automotriz #top-header,
.context-layouts-show-vida #top-header,
.context-layouts-show-salud #top-header,
.context-layouts-show-hogar #top-header,
.context-layouts-show-multiproteccion #top-header {
    background: url("https://bci-cdn.azureedge.net/uploads/0d27caa0-c5f9-4246-959e-0ea9087a5b17/original/bg-header-seguros-prem.jpg");
    background-size: cover;
    color: #FFF;
}
.context-layouts-show-planes-bci-premier #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/83c6079d-4ca1-44c4-90a0-04469ae0000f/original/top_planes.jpg");
}
.context-layouts-show-atencion-bci-premier #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/753a5294-ffd5-4c5f-ac20-3245484b214b/original/top-atencion.jpg");
}
.context-layouts-show-tarjetas-bci-premier #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/c7c0863d-a40a-4e3a-b0b8-fdeedb2bd5ca/original/bg-tarjetas.jpg");
}
.context-layouts-show-yo-neutralizo #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/6d1e6230-989d-45f1-ad8f-9cdd7655d7f8/original/yoneutralizo.png");
}

.context-layouts-show-creditos-de-consumo #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/1b6acccc-9af2-40a4-9445-1b9673649027/original/cred_cons5.jpg");
}
.context-layouts-show-credito-hipotecario #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/e072c0c2-4924-4c04-b743-23a1485e17f4/original/chip_top.png");
}
.context-layouts-show-creditos-detalle #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/e072c0c2-4924-4c04-b743-23a1485e17f4/original/chip_top.png");
}
.context-layouts-show-etapas-y-procedimientos-de-chip #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/e072c0c2-4924-4c04-b743-23a1485e17f4/original/chip_top.png");
}
.context-layouts-show-cuota-flexible #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/1b6acccc-9af2-40a4-9445-1b9673649027/original/cred_cons5.jpg");
}
.context-layouts-show-mas-sobre-tu-credito #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/1b6acccc-9af2-40a4-9445-1b9673649027/original/cred_cons5.jpg");
}
.context-layouts-show-bci-consumo-universal #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/1b6acccc-9af2-40a4-9445-1b9673649027/original/cred_cons5.jpg");
}

#top-header .container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#top-header.third-level {
    padding: 30px 0;
    height: auto;
}

#top-header.third-level h1 {
    font-size: 36px;
}
#top-header.third-level small {
    font-size: 16px;
    margin: 10px 0;
}
#top-header h1 { margin: 0;position: relative;z-index: 9999}


#top-header.breadcrumb-header { padding-top: 75px }
#top-header .pull-left { width: 50%; }
#top-header * { position: relative; z-index: 2; }
#top-header h2 {
    font-size: 48px;
    line-height: 1;
    color: #000;
    margin-bottom: 10px;
}
#top-header small {
    font-size: 18px;
    margin: 10px 0;
    display: block;
}
#top-header .call-action { margin-top: 20px; }
/* breadcrumb */
#breadcrumb {
    font-size: 14px;
    background: rgba(255,255,255,.8);
    border: 0;
    position: relative;
    z-index: 2;
    color: #333;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border-top: 1px solid #EEE;
    padding: 5px 0;
}
#breadcrumb a {
    color: #666;
}

#breadcrumb ul { list-style: none; padding: 0; margin: 0; }
#breadcrumb ul:after {
    display: table; overflow: hidden; content: ''; clear: both;
}
#breadcrumb li { float: left; margin-right: 10px; padding: 6px; margin-bottom: 0;}
/*==============================================
MEGA TABS
================================================*/
.tab-grande {
    color: #FFF;
    text-align: center;
    padding: 40px 0;
    background: #00a94a url("https://bci-cdn.azureedge.net/uploads/c1077978-ca8c-4821-ac98-4dc3990aecb9/original/bg-green-atoms.png") right top no-repeat;
}
.tab-grande li {display: inline-block;float: none;margin: 0px 40px;}
.tab-grande li a{
    font-size: 22px;
    display: block;
    padding: 10px 20px;
    line-height: 2em;
    border-radius: 13px;
    position: relative;.demo-app .tab-content
    color: #fff;
    font-weight: bold;
    color:#fff;
}
.category-clave-internet .tab-grande li a {line-height: 1em;}
.category-clave-internet .tab-grande li a small {font-weight: normal;}
.tab-grande li a img {width: 50px;margin-right: 10px;}
.tab-grande>.active>a,
.tab-grande>.active>a:hover,
.tab-grande>.active>a:focus {color:#00a94a;}

.category-clave-internet .tab-grande li.active a,
.category-clave-internet .tab-grande li a:hover,
.category-clave-internet .tab-grande li.active a:hover {
    font-weight: bold!important;
}

.tab-grande>li>a:hover, .tab-grande>li>a:focus {color:#00a94a;}
.tab-grande>.active>a:before {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 40px 35px 40px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -40px;
}
.demo-app {padding: 30px 0;}
.demo-app h4 {text-align:center;margin-bottom:40px;}
.demo-app .nav-tabs {border: #f1f1f1 1px solid;padding: 0px;border-radius: 20px;padding:10px;}
.demo-app.demo-web .nav-tabs {border: none;}
.demo-app .nav-tabs>.active>a,
.demo-app .nav-tabs>.active>a:hover,
.demo-app .nav-tabs>.active>a:focus {color:#333;transition:0.3s;}
.demo-app .nav-tabs li {width: 22%;display: inline-block;margin: 1%;float: none;vertical-align: top;position: relative;}
.demo-app .nav-tabs h3 {
    width: 100%;
    display: inline-block;
    margin: 3%;
    float: none;
    vertical-align: top;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}
.demo-app.demo-web .nav-tabs li {width: 98%;text-align: left;border: 1px solid #f1f1f1;margin: 1%;border-radius: 10px;overflow: hidden;}
.demo-app.demo-web .nav-tabs li.active {background:#00a94a;color:#fff;border: 1px solid #00a94a;}
.demo-app.demo-web .nav-tabs li.active a {color:#fff;background-color: #00a94a;}
.demo-app .nav-tabs li a {color:#999;transition:0.3s;display:block;text-align:center;margin: 0;overflow: hidden;padding: 0;}
.demo-app.demo-web .nav-tabs li a {padding: 5px 10px;}
.demo-app .nav-tabs li a img {width: 30%;display:inline-block;margin-right: 1%;vertical-align: middle;margin-bottom:5px;}
.demo-app .nav-tabs li a span {width: 100%;font-size: 15px;font-weight: bold;float: right;line-height: 1.2em;vertical-align: middle;margin-bottom: 5px;}
.demo-app .nav-tabs li a small {
    width: 100%;
    line-height: 1.2em;
    float: right;
    text-align: center;
    font-size: 12px;
    position: relative;
}
/*.demo-app .nav-tabs li a small {width: 100%;line-height: 1.2em;float: right;display:none;text-align:center;font-size:13px;position: relative;top: 50%;transform: translateY(-50%);;transition:0.3s;z-index:3;
}
.demo-app .nav-tabs>.active>a:hover small {display:block;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;transition:0.3s;}

.demo-app .nav-tabs>.active>a:hover span,
.demo-app .nav-tabs>.active>a:hover img {opacity: 0.05;transition:0.3s;}*/

.demo-app .nav-tabs>.active>a,
.demo-app .nav-tabs>.active>a:hover,
.demo-app .nav-tabs>.active>a:focus {color:#333;}

/* =============================================
TABS TARJETAS
=============================================== */
.table-plans-list p,
.table-plans-list ul {
    margin-bottom: 20px;
    font-weight: 300;
}
.tabs-left li {
    width: 100%;
    border: none;
}
.tabs-left li a {
    font-weight: normal;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{border: none;font-weight: normal;background: none !important;color: #fff;}
.tabs-left li.active a,
.tabs-left li a:hover {
    border: none;
    font-weight: normal;
    background: none;
    color: #fff;
}
.widget section h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.widget .tab-content h3 {
    margin-bottom: 20px;
}
.tabs-left .bajada {
    margin-bottom: 20px;
    font-size: 18px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.whiteformat,
.whiteformat-preferencial {
    margin: 40px 0;
    background: #f8f9fb;
    padding: 30px;
}
.whiteformat h4 { font-weight: 600; font-size: 28px !important; margin-bottom: 40px !important; }
.whiteformat h5 { font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.whiteformat .row-fluid { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }
.whiteformat ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.whiteformat li {
    padding-left: 25px;
    position: relative;
    line-height: 1.7;
    margin-bottom: 5px;
}
.whiteformat li:before {
    font-family: 'FontAwesome';
    content: "\f00c" !important;
    position: absolute;
    left: 0;
    color: #00a94a;
}
.cover-tarjeta .pull-left {width: 15%;}
.span8 section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.span8 section li {
    padding-left: 25px;
    position: relative;
    line-height: 1.7;
    margin-bottom: 5px;
}
.span8 section li:before {
    font-family: 'FontAwesome';
    content: "\f061";
    position: absolute;
    left: 0;
    color: #00a94a;
}
#destacaos-home {
    margin: 40px 0;
    overflow: hidden;
}
#destacaos-home ul {
    list-style: none;
}
#destacaos-home ul li {
    float: left;
    width: 40%;
    height: 175px;
    margin-bottom: 10px;
    overflow: hidden;
    position:relative;
}
#destacaos-home ul li:first-child {
    height: 360px;
    width: 59%;
    margin-right: 1%;
}
#destacaos-home ul li a {color:#fff;}
#destacaos-home ul li a img {width: 100%;}
#destacaos-home ul li a .caption {
    position: absolute;
    background: rgba(83,86,90,.8);
    bottom: 0;
    padding: 10px 40px;
    width: 100%;
    transition:.3s;
}
#destacaos-home ul li a:hover .caption {transition:.3s;background: rgba(83,86,90,1);}
#destacaos-home ul li a .caption h4 {position:relative}
#destacaos-home ul li a .caption h4:before {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    color: #007cc6;
    font-family: FontAwesome;
    margin-top: -10px;
    font-size: 20px;
}
.privilegios-home li {padding: 0 20px;}
.privilegios-home {margin-top:40px;}
.privilegios-home img {
    margin-bottom: 10px;
}
.privilegios-home h4 {
    margin-top: 0;
    font-size: 22px;
}
.privilegios-home p {
    line-height: 20px;
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
    text-align: justify;
}
#table-plans { margin-top: 40px; margin-bottom: 1%; }
#table-plans h3 {
    font-size: 36px !important;
    margin-bottom: 40px;
    font-weight: 300;
}
#table-plans ul {
    background: #f8f9fb;
    list-style: none;
    padding: 10px;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
#table-plans li { padding: 10px; border-bottom: 1px solid #DDD;}
#table-plans ul ul { font-size: 15px; color: #666; }
#table-plans ul ul li { padding: 8px; }

b.ball {
    float: right;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: 7px;
    background: #00a94a;
}
b.ball.orange {
    background: #ff6e17;
}
b.tick {
    float: right;
    color: #00a94a;
}
b.tick.orange {
    color: #ff6e17;
}
p.xsmall{
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: -5px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}
#table-plans {
    margin-top:30px;
}
#table-plans li:last-child { border: 0; }
#requisitos-planes {
    background: #daf3e4;
    padding: 30px;
    margin-bottom: 1%;
    margin-top: 20px;
}
#requisitos-planes h4 { font-weight: 300; font-size: 24px; margin-bottom: 20px; }
#requisitos-planes ul { padding: 0; margin: 0; list-style: none; }
#requisitos-planes i { color: #00a94a;margin-right: 10px;}

#tarifas-planes { margin-top: 4%; }
#tarifas-planes dd,
#tarifas-planes dt { display: inline-block }
#tarifas-planes dt { width: 150px; text-transform: uppercase; }
#tarifas-planes dl { margin: 0; margin-bottom: 5px; }
#tarifas-planes dl small { font-style: italic; color: #666; }

.info-small {
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 3px solid #EEE;
    line-height: 1.6;
}
.info-small ul {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
}
.info-small b { float: none; }
.info-small li { font-size: 13px;}
#tarifas-planes .call-action {
    text-align: center;
    margin: 40px 0 50px;
}
.context-layouts-show-bci-universitario #tarifas-planes .call-action {
    /*text-align: right;*/

}
section.wg-text > div.foto-edificio_texto {background: #161c22;color: #fff;padding:0;}
.foto-edificio_texto div.span5, .foto-edificio_texto div.span6 {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#widget-486123 {background:#f9f9f9;}
.cont-socios {text-align: center;padding:20px;}
.cont-socios div {
    width: 27%;
    margin: 1% 3%;
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: left;
}
.cont-socios figure {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.cont-socios figure img {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    width: 100%;
    display: block;
    float: left
}
.cont-socios article {
    width: 100%;
    display: block;
    float: right;
}
.cont-socios article h3 {font-size: 18px;color:#333;}
.cont-socios article h3 span {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
    width: 100%;
    color: #999;
    margin-top: 10px;
    position: relative;
    padding-top: 10px;
    display: block;
}
.cont-socios article h3 span:before {
    content: "";
    background: #007cc6;
    width: 30%;
    height: 1px;
    position: absolute;
    top: 0;
}
.cont-socios article p {margin: 0;color: #999;font-size: 13px;width: 100%;margin-bottom: 5px;}
.cont-oficinas .nav-tabs {margin:0;padding:0;border:none;position: relative;}
.cont-oficinas .nav-tabs li {margin:0;padding:0;position: absolute;}
.cont-oficinas .nav-tabs li a {
    margin: 0;
    padding: 0;
    float: left;
    height: 40px;
    width: 30px;
    position:relative;
}
.cont-oficinas .nav-tabs li a:hover,
.cont-oficinas .nav-tabs li a:focus{margin:0;padding:0;border:none;background:none;}
.cont-oficinas .nav > li.active > a, .cont-oficinas .nav > li.active > a:hover {}
#cont-pin {
    position: absolute;
    display: block;
    width: 33px;
    height: 37px;
    display:none;
}
#cont-pin.r-i {
    display:block;
    top:100px;
    left:100px;
}
#cont-pin.r-xv {display:block;top: -10px;left: 93px;}
#cont-pin.r-i {display:block;top: 20px;left: 98px;}
#cont-pin.r-ii {display:block;top: 95px;left: 100px;}
#cont-pin.r-iii {display:block;top: 175px;left: 88px;}
#cont-pin.r-iv {display:block;top: 251px;left: 68px;}
#cont-pin.r-v {display:block;top: 289px;left: 75px;}
#cont-pin.r-xiii {display:block;top: 310px;left: 80px;}
#cont-pin.r-vi {display:block;top: 331px;left: 69px;}
#cont-pin.r-vii {display:block;top: 353px;left: 63px;}
#cont-pin.r-viii {display:block;top: 385px;left: 53px;}
#cont-pin.r-ix {display:block;top: 417px;left: 50px;}
#cont-pin.r-xiv {display:block;top: 439px;left: 48px;}
#cont-pin.r-x {display:block;top: 485px;left: 54px;}
#cont-pin.r-xi {display:block;top: 605px;left: 43px;}
#cont-pin.r-xii {display:block;top: 707px;left: 45px;}

.pin {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50% 50% 50% 0;
    border-radius: 50% 50% 50% 0;
    background: #007cc6;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -5px;
    transition:.3s;
    z-index: 2;
}
.pin:after {
  content: '';
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #fff;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.pulse {
  background: rgba(0,0,0,0.2);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: 1;
}
.pulse:after {
  content: "";
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #89849b;
  box-shadow: 0 0 1px 2px #89849b;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}

.cont-oficina {}
.cont-oficina .cont-oficina-desc {padding: 3% 3% 3% 1%;}
.cont-oficina h3 {
    font-size: 22px;
    margin-top: 0;
}
.cont-oficina .cont-oficina-desc span {
    display: inline-block;
    width: 49%;
    font-size: 13px;
    margin-bottom: 10px;
    color: #333;
    position: relative;
    padding-left: 20px;
    vertical-align: top;
}
.cont-oficina .cont-oficina-desc span:first-child, .cont-oficina .cont-oficina-desc span:nth-child(3), .cont-oficina .cont-oficina-desc span:nth-child(4), .cont-oficina .cont-oficina-desc span:nth-child(7)  {display:none;}
.cont-oficina .cont-oficina-desc span:nth-child(2):after {
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    content: "\F041";
    color: #ccc;
    top: 50%;
    margin-top: -6.5px;
}
.cont-oficina .cont-oficina-desc span:nth-child(5):after {
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    content: "\F095";
    color: #ccc;
    top: 50%;
    margin-top: -6.5px;
}
.cont-oficina .cont-oficina-desc span:nth-child(6):after {
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    content: "\F007";
    color: #ccc;
    top: 50%;
    margin-top: -6.5px;
}
.cont-oficina .cont-oficina-desc span:nth-child(8):after {
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    content: "\F003";
    color: #ccc;
    top: 50%;
    margin-top: -6.5px;
}
.cont-oficina ul {
    color: #333;
    list-style: none;
    padding: 0;
    margin-left: 0;
}
.cont-oficina ul li {
    color: #333;
    list-style: none;
    padding: 0;
}
.cont-oficina ul li i {
    width: 25px;
    display: inline-block;
    text-align: center;
    color: #ccc;
}
.filtros-oficina {background: #f1f1f1;border-radius: 10px;padding: 15px 20px;color: #ccc;margin-bottom: 20px;}
.filtros-oficina form{}
.filtros-oficina form label{display: inline-block;vertical-align: middle;margin-right: 10px;}
.filtros-oficina form select{margin: 0;height: 40px;border-radius: 3px;background: #fff;border: 1px solid #f1f1f1;}


.tabla {width: 100%;margin-bottom: 20px;}
.tabla tr:nth-child(even) {background:#fafdfd}
.tabla th {
    text-align: left;
    border-bottom: 7px solid #EEE;
    padding: 10px;
    font-size: 16px;
    border-left: 1px solid #EEE;
}

.tabla td {
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    padding: 10px;
    font-size: 14px;
}
.tabla th:first-child { border-left: 0; }
.tabla td:first-child { border-left: 0; }
.tabla td:last-child { text-align:center; }

.tab-grande {
    color: #FFF;
    text-align: center;
    padding: 40px 0;
    background: #00a94a url("https://bci-cdn.azureedge.net/uploads/c1077978-ca8c-4821-ac98-4dc3990aecb9/original/bg-green-atoms.png") right top no-repeat;
}
.tab-grande li {display: inline-block;float: none;margin: 0px 40px;}
.tab-grande li a{
    font-size: 22px;
    display: block;
    padding: 10px 20px;
    line-height: 2em;
    border-radius: 13px;
    position: relative;
    color: #fff;
    font-weight: bold;
    color:#fff;
}
.category-clave-internet .tab-grande li a {line-height: 1em;}
.category-clave-internet .tab-grande li a small {font-weight: normal;}
.tab-grande li a img {width: 50px;margin-right: 10px;}
.tab-grande>.active>a,
.tab-grande>.active>a:hover,
.tab-grande>.active>a:focus {color:#00a94a;}

.tab-grande>li>a:hover, .tab-grande>li>a:focus {color:#00a94a;}
.tab-grande>.active>a:before {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 40px 35px 40px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -40px;
}
.demo-app {padding: 30px 0;}
.demo-app h4 {text-align:center;margin-bottom:40px;}
.demo-app .nav-tabs {border: #e0e0e0 1px solid;padding: 0px;border-radius: 20px;padding:10px; background: #f0f0f0;margin-bottom:30px;}
.demo-app.demo-web .nav-tabs {border: none;}
.demo-app .nav-tabs>.active>a,
.demo-app .nav-tabs>.active>a:hover,
.demo-app .nav-tabs>.active>a:focus {color:#333;transition:0.3s;}
.demo-app .nav-tabs li {width: 22%;display: inline-block;margin: 1%;float: none;vertical-align: top;position: relative;}
.demo-app .nav-tabs h3 {
    width: 100%;
    display: inline-block;
    margin: 3%;
    float: none;
    vertical-align: top;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}
.demo-app.demo-web .nav-tabs li {width: 98%;text-align: left;border: 1px solid #f1f1f1;margin: 1%;border-radius: 10px;overflow: hidden;}
.demo-app.demo-web .nav-tabs li.active {background:#00a94a;color:#fff;border: 1px solid #00a94a;}
.demo-app.demo-web .nav-tabs li.active a {color:#fff;background-color: #00a94a;}
.demo-app .nav-tabs li a {color:#777;transition:0.3s;display:block;text-align:center;margin: 0;overflow: hidden;padding: 0;border:none;}
.demo-app .nav-tabs li a:focus {border:none;background:none;margin:none;padding:none;transform:none;}
.demo-app.demo-web .nav-tabs li a {padding: 5px 10px;}
.demo-app .nav-tabs li a img {width: 30%;display:inline-block;margin-right: 1%;vertical-align: middle;margin-bottom:5px;}
.demo-app .nav-tabs li a span {width: 100%;font-size: 15px;font-weight: bold;float: right;line-height: 1.2em;vertical-align: middle;margin-bottom: 5px;}
.demo-app .nav-tabs li a small {
    width: 100%;
    line-height: 1.2em;
    float: right;
    text-align: center;
    font-size: 12px;
    position: relative;
}
.demo-app .nav-tabs>.active>a,
.demo-app .nav-tabs>.active>a:hover,
.demo-app .nav-tabs>.active>a:focus {color:#333;border:none;background:none;margin:none;padding:none;transform:none;}

.novedades-app{
    background-color: #f1f1f1;
    background-image: url(https://bci-cdn.azureedge.net/uploads/d596f41f-0e8c-4909-ac84-e346b25b135f/original/bg-novedades.jpg);
    background-origin: initial;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-clip: initial;
    padding: 50px 0;
    text-align: center;
}
.novedades-app h3 {margin-bottom:30px;}
.novedades-app article {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 3%;
    width: 22%;
    margin: 1%;
    display: inline-block;
    background-color: rgba(255,255,255,0.8);
}
.novedades-app article img {
    width: 30%;
    display: inline-block;
    margin-bottom: 10px;
}
.novedades-app article h3 {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin: 0;
    color: #777;
    margin-bottom: 5px;
    font-size: 16px;
    min-height: 30px;
}
.novedades-app article p {
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #999;
    font-size: 13px;
    min-height: 120px;
}
.demo-app .tab-content {
    background: url(https://bci-cdn.azureedge.net/uploads/64bc21b9-f13c-48df-bc91-78bbe3a992f1/original/iphone.png) no-repeat;
    padding: 68px 15px 68px 21px;
    background-size: 275px;
    height: auto;
}
.demo-app.demo-web .tab-content {
    background: url(https://bci-cdn.azureedge.net/uploads/c3aee190-9384-46ee-8861-9bf7d176d74b/original/macbook.jpg) no-repeat;
    padding: 32px 149px 95px 114px;
    background-size: 95%;
}
.demo-app.demo-web .tab-content .span4 {margin: 0;width: 38%;}
.ruleta-top {}
.ruleta-top .ruleta-top-1 {}
.ruleta-top .ruleta-top-1 .span2 {text-align: center;}
.ruleta-top .ruleta-top-1 .span2 i {
    font-size: 40px;
    padding: 0px 31px;
    display: inline-block;
    background: #33ccff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
    color: #fff;
}
.ruleta-top .ruleta-top-2 .span12 {
    background: #d9d9d9;
    font-size: 25px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
}
.ruleta-med .ruleta-med-1 .span12 {
    background: #807f80;
    font-size: 30px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
}
.ruleta-med .ruleta-med-2 .span6 {
    background: #d9d9d9;
    font-size: 25px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
}
.ruleta-med .ruleta-med-3 div {
    background: #00cc99;
    font-size: 15px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
}
.ruleta-med .ruleta-med-4 div {
    background: #9933ff;
    font-size: 13px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
}
.modal.modal-equipo {
    width: 800px;
    margin-left: -400px;
}
.modal.modal-equipo .modal-body {padding: 20px;}
.modal.fade {top: -200px;padding: 0;z-index:-1;}
.modal.fade.in {top: 120px;z-index:9999;}
.modal.modal-equipo button.close {position: absolute;top: 0px;right: 5px;}
.modal.modal-equipo img {width: 100%; border-radius: 10px;}
.modal.modal-equipo h3 {font-size: 18px; text-align: left;}
.modal.modal-equipo h3 span {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
    width: 100%;
    color: #007cc6;
    margin-top: 10px;
}
.modal.modal-equipo p {
    margin: 0;
    color: #999;
    font-size: 13px;
    width: 100%;
    margin-bottom: 15px;
}
/**** Tarjetas ****/
.cont-tarjetas {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,bfbfbf+100 */
/*background: rgb(200, 200, 200);*/
/*background: #f4f4f4; /* Old browsers */
/*background: -moz-linear-gradient(45deg,  #f4f4f4 0%, #bfbfbf 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(45deg,  #f4f4f4 0%,#bfbfbf 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(45deg,  #f4f4f4 0%,#bfbfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    overflow: hidden;
    color:#333;
}
.tabs-left li a {border:none;}
.cont-tarjetas #top-header {background:none;margin-bottom:40px;}
.cont-tarjetas .tabbable.tabs-left .nav-tabs {border:none;background:none;border-right: 1px solid;}
.cont-tarjetas .tabs-left li.active a, .tabs-left li a:hover {color:#333;}
.cont-tarjetas .tabs-left li.active a {color:#333 !important;font-size:20px;}
.cont-tarjetas .tabs-left li a {color:#333;font-size:20px;}
.cont-tarjetas .tabs-left li a:hover {color:#007cc6;}
.cont-tarjetas .tabs-left > li.active:after {border-color: transparent #333 transparent transparent;}
.cont-tarjetas .cover-tarjeta .media-body {margin-top: 2%;}
.cont-tarjetas .cover-tarjeta .pull-left {
    width: 25%;
    margin: 2% 5% 2% 2%;
    box-shadow: 0px 0px 35px rgba(255,255,255,1);
    border-radius: 5px;}
.whiteformat .span3 a {float: right;margin-right: 5%;width: 30px;}

.cont-post .tabbable.tabs-left .nav-tabs {border:none;background:none;border-right: 1px solid;}
.cont-post .tabs-left li.active a {color:#333;}
.cont-post .tabs-left li a:hover {color:#007cc6;}
.cont-post .tabs-left li.active a {color:#333;font-size:20px;}
.cont-post .tabs-left li a {color:#333;font-size:20px;}
.cont-post .tabs-left > li.active:after {border-color: transparent #333 transparent transparent;}
.cont-post #requisitos-planes {
    background: #f1f1f1;
    border-radius: 3px;
}
.cont-post #requisitos-planes p {margin: 0;}
.cont-post .tabs-left h3 {margin-top: 30px;font-size: 22px;font-weight: 600;color: #333;}
.cont-post .tabs-left h3:first-child {margin-top: 0px}
#list-for { padding: 40px 0; text-align: center;}
.title { margin-bottom: 40px; }
.title h2 { font-weight: 300; line-height: 1; margin-bottom: 10px; }
.title small {
    font-size: 18px;
    width: 600px;
    display: block;
    margin: auto;
}
.columns figure {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    background: #333;
    text-align: center;
    cursor: pointer;
    display: inline-table;
}
.columns figure img {
    position: relative;
    display: block;
    opacity: 1;
}
figure.effect-milo img {
    transform: translate3d(-9px,0,0) scale(1.12,1.12);
    width: 100%;
}
.columns figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.columns figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-milo h5 {
    position: absolute;
    right: 0;
    color: #FFF;
    bottom: 0;
    padding: 20px 23px;
    font-weight: 300;
    background: rgba(0,0,0,.5);
    font-size: 20px;
    font-weight: 400;
    margin:0;
    opacity: 1;
    transition:.3s;
}
figure.effect-milo:hover h5 {opacity: 0;transition:.3s;}
figure.effect-milo {
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}
figure.effect-milo figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-milo figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-milo p {
    padding: 0px 30px 30px -1px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    font-size: 15px;
    transition: 0.3s;
    color: #fff;
}
figure.effect-milo img {
    transition:0.3s;
}
figure.effect-milo:hover img {
    opacity: 0.1;
    -webkit-transform: translate3d(0,0,0) scale(1,1);
    transform: translate3d(0,0,0) scale(1,1);
    transition:0.3s;
}
figure.effect-milo:hover p, figure.effect-milo:hover span{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition:0.3s;
}
figure.effect-milo span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    font-size: 15px;
    transition: 0.3s;
    color: #fff;
    font-weight: bold;
    display: block;
    bottom: 20px;
    position: absolute;
    right: 20px;
}

.img-txt-full {padding: 0 !important;background: #f1f1f1;}
.img-txt-full .span4,
.img-txt-full .span7 {display: inline-block;float: none;vertical-align: middle;}

.accordion-heading .accordion-toggle {
    color: #333;
    background: none;
    border: none;
    font-size: 20px;
    padding: 20px 15px;
}
.accordion-group {
    border-bottom: 1px solid #ccc;
}
.consumo-universal {
    padding: 40px 0;
    text-align: center;
}
.consumo-universal ul {list-style: none;padding: 0;margin: 0;text-align: center;}
.consumo-universal ul li {width: 14%;display: inline-block;text-align: center;margin: 0% 1%; vertical-align: top;}
.consumo-universal ul li figure {margin: 0;}
.consumo-universal ul li figure img {
    border: 1px solid #007cc6;
    border-radius: 50%;
    padding: 15px;
    width: 70px;
    display: inline-block;
    margin-bottom: 10px;
}
.consumo-universal a {
    display: inline-block;
    color: #333;
    line-height: 1.3em;
    padding: 0px;
    overflow: hidden;
    transition:0.3s;
}
.consumo-universal a span {margin-left:20px;}
.productos-home-r {display:none;}
.productos-home-r ul {
    list-style: none;
    margin: 0;
    padding: 20px;
}
.productos-home-r .accordion-group {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: 10px;
}
.productos-home-r .accordion-heading a {
    display: block;
    color: #666;
    font-size: 22px;
}
.productos-home-r .accordion-heading img {
    width: 30px;
}
.productos-home-r .accordion-inner a {color: #fff;font-size: 17px;margin-bottom: 15px;float: left;width: 100%;}

.productos-home .tab-pane .span7 {color:#000;}
/* =============================================
Seguros
============================================== */
.context-layouts-show-seguros #video-promo {
    background-image: url("https://bci-cdn.azureedge.net/uploads/073e1786-be4c-4f70-8ce0-48de5d2e21b4/original/bg-video-hipotecario.jpg");
    color:#fff;

}

#seguros-list {
    padding: 40px 0;
    /*background: url("https://bci-cdn.azureedge.net/uploads/7d309b57-c3e2-46e6-b17f-d06f32531046/original/featured.jpg");
    */
    background-size: cover;
    color: #333;
    text-align: center;

}
#seguros-list h2 {
    font-weight: 100;
    font-size: 42px;
    margin-top: 13px;
    margin-bottom: 60px;
}
#seguros-list .call-action {
    margin-bottom: 60px;
}
.btn-outline-invert {
    display: inline-block;
    padding: 20px 30px;
    border: 2px solid #FFF;
    color: #FFF;
    text-transform: uppercase;
}
.btn-outline-invert:after {
    color: #FFF;
}

#info-bottom-seguros {
    background: #eaeaea;
    padding: 80px 0;
    color: #858585;
}
#info-bottom-seguros h2{
    text-align: center;
    margin-bottom: 10px;
    color: #333;
}
#info-bottom-seguros p{
    text-align: center;
    margin-bottom: 30px;
    color: #333;
    padding: 0 10%;
}
#info-bottom-seguros a {
    color: #333;
    text-align: center;
    display: block;
    padding: 0px 0px;
}
#info-bottom-seguros li:first-child a {border-right: 1px solid rgba(0,0,0,.1);}
#info-bottom-seguros a small {
    color: #dacc00;
    text-transform: uppercase;
}
#info-bottom-seguros .circular-cover {
    width: 120px;
    height: 120px;
    overflow: hidden;
    padding: 17px 22px;
    background: rgba(0,0,0,.3);
    transition: 0.3s;
    margin-bottom: 10px;
}
#info-bottom-seguros a:hover .circular-cover {
    background: rgba(0,0,0,.6);
    transition: 0.3s;
}
#info-bottom-seguros .call-action .btn {
    font-size: 18px;
    text-shadow: none;
    color:#333;
    border-color: rgba(0,0,0,0.4);
}
#info-bottom-seguros .call-action .btn:hover {
    border-color: rgba(0,0,0,0.8);
}
#content-promo .row-fluid{
margin-bottom: 22px;
}
#content-promo .span4{
    background-color: #ccc;
}
#content-promo .bann-prom{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom: 20px;
}

#content-promo .bann-prom a { display: block; }

#content-promo .bann-prom02{
  width:100%;
  overflow:hidden;
  position:relative;
  margin-bottom:20px;
}
#content-promo .bnn01{
    overflow:hidden;
    background-color: #000;
    position:relative;
}
#content-promo .bnn01 img{
    max-width: none;
    opacity: 1;
    transition: 0.3s;
}
#content-promo .bnn01:hover img{
    opacity: 0.5;
    transition: 0.3s;
}
#content-promo .bnn01 .hover {
    position: absolute;
    top: 20px;
    right: -200px;
    font-size: 20px;
    z-index: 9;
    color: #fff;
    font-weight: bold;
    transition: 0.3s;
    opacity: 0;
    border-right: 4px solid #ff0;
    padding: 10px 15px 10px 15px;
}
#content-promo .bnn01:hover .hover { right: 20px;transition: 0.3s;opacity: 1;}
#content-promo .bnn01 .figcaption {
    width: 100%;
    height: auto;
    bottom: 0;
    opacity: 1;
    padding: 15px;
    background: rgba(0,0,0,0.7);
    font-size: 14px;
    position: absolute;
    margin-left: 0px;
    color: #fff;
    line-height: 16px;
    text-align: left;
    border-left: 4px solid #ff0;
}
/**
Seguros
**/
#green-box {
    background: #f1f1f1;
    padding: 30px;
    margin-bottom: 1%;
    border-radius: 5px;
}
/* =============================================
POSTS
=============================================== */

#page-title {
    padding: 30px 0;
}
.context-posts-show .description {
    margin-bottom: 30px;
    font-size: 16px;
}
.context-posts-show .description .row {
    margin-left: 0;
}
.context-posts-show .description h1 {
    padding: 10px;
    font-size: 32px;
    font-weight: 400;
    color: #007cc6;
}
.context-posts-show .description div[class^="span"] {
    background: #f7f7f7;
    padding: 15px;
}
.context-posts-show .description h3 {
    font-size: 20px;
}
.context-posts-show .description img{
    margin: 10px 0px 30px 0px;
}
.context-posts-show .description .span4 li{
    margin-bottom:12px;
}

.context-posts-show #page-content { padding-top: 40px; }
.context-posts-show #page-title {
    padding: 50px 0;
    background: url("https://bci-cdn.azureedge.net/uploads/a9e8f168-1ee0-488e-a70c-081041263b1b/original/bg-top-posts.jpg");
    /* height:320px; */
    background-size:cover;
}
.context-posts-show #page-title.promocard {
    padding: 90px 0;
    background: url("https://bci-cdn.azureedge.net/uploads/09d5a8b3-c700-4979-b4fd-9942ac9afa75/original/bg-top-posts-tarjetas.jpg");
    height:320px;
    background-size:cover;
}
.context-posts-show #sidebar img{
    float:right;
}
.context-posts-show .description ul{
    list-style: none;
    margin-left: 0;
}
.context-posts-show .description .icobci-svg45{
    font-size: 40px;
    color: #555;
}

.context-posts-show #page-title h1{
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.context-posts-list .main-inner li .description{
    font-size: 14px;
    line-height: 19px;
}
.context-posts-list #main .columns-4 li{
    width: 23%;
    height: 300px;
    overflow: hidden;
}
.context-posts-list .columns-4 li h3{
    font-size: 22px;
}

.rightside{
    position:absolute;
    margin-left: 820px;
    margin-top: -351px;
    width: 300px;
}
.context-posts-show .description .rightside h3{
    margin: 15px 0px 30px 0px;
}
.rightside ul li{
    margin-bottom:10px;
    border-bottom: 1px dotted #555;
    padding-bottom: 7px;
}
.list-document {
    border-left: 4px solid #eee;
    padding-left: 20px;
    margin-left: 25px;
}

/* ========================================
LISTADO-POSTS-FILES
=========================================*/
.context-posts-list #page-content #main,
.context-files-list #page-content #main{
    width:100%;
}
.context-posts-list #page-content #main ul li,
.context-files-list #page-content #main ul li{
    overflow: hidden;
    padding: 0px 11px 10px 0px;
    width: 32%;
    float: left;
    margin-right: 15px;
    border-bottom: 0px;
    margin-bottom: 0;
    margin-left: 0;
    height: 103px;
}

/* ------BUSCADOR ------- */
.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-posts-list #page-content #main .pagination ul li,
.context-files-list #page-content #main .pagination ul li{
    margin-bottom: 2%;
    border-top: 0px dotted #ccc;
    overflow: hidden;
    padding: 0;
    width: inherit;
    float: none;
    height: inherit;
}

.context-posts-list #page-content #main ul li .media-body,
.context-files-list #page-content #main ul li .information-detail{
    padding-top: 11px;

}
.context-posts-list #page-content #main ul li h3,
.context-files-list #page-content #main ul li .information-detail h3{
    line-height: 22px;
    font-weight: 400;
    margin: 0 0 4px;
    padding-left: 17px;
    border-bottom: 1px dotted #ccc;
    background: url("https://bci-cdn.azureedge.net/uploads/6a22854e-c5d3-416f-ace3-784cb30f0dac/original/flecha-roja.jpg") no-repeat left top;
}
.context-posts-list #page-content #main ul li small,
.context-files-list #page-content #main ul li .information-detail small{
    font-size: 11px;
    background-color: #007CC6;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    margin-left:17px;
}
.context-posts-list #page-content #main ul li a,
.context-files-list #page-content #main ul li .information-detail a{
    color: #303030;
    font-size: 18px;
}
.context-posts-list #page-content #main ul li .description{
    font-size: 14px;
    color: #3D3D3D;
    margin-top:10px;
    margin-left:17px;
    display:none;
}
.context-files-show #page-title h1{
    display: inline;
    float: left;
}

#internal.context-posts-show #links-externos{
   background-color: #eee;
    padding-top: 37px;
}
#internal.context-posts-show #links-externos .circular-cover {
    width: 70px;
    height: 70px;
    background: #fff;
    padding: 0px;
}
.context-layouts-show-indicadores-full #widget-2c5b42 iframe{
    padding: 40px 0 !important;
    border: 0!important;
}
#services-home .container ul li{
    cursor: pointer;
}
/* =============================================
DIFERENCIA PREMIER HOME
=============================================== */
.diferencia-premier .nav > li > a {
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    position:relative;
}
.diferencia-premier .nav-tabs {border:none;}
.diferencia-premier .nav > li > a:hover {background:none;border:none;padding:0;margin:0;}
.diferencia-premier .nav li.active a:after {
    content: "";
    background: url(https://bci-cdn.azureedge.net/uploads/ec23eea5-0d21-411f-b5f4-f1eb27bd9d03/original/bottom.png);
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: cover;
    left: 50%;
    margin-left: -15px;
}
.diferencia-premier .nav li.active figure.effect-milo2 h5 {display:none;transition:0.3s;}
figure.effect-milo2 h5 {
    transition:0.3s;
    position: absolute;
    right: 0;
    color: #FFF;
    bottom: 0;
    padding: 20px 23px;
    font-size: 30px;
    font-weight: 300;
    background: rgba(0,0,0,.5);
    font-size: 23px;
    font-weight: 400;
    margin:0;
    opacity: 1;
    transition:.3s;
    width: 100%;
}
figure.effect-milo2 {
    margin: 0;
    position: relative;
    overflow: hidden;
}
figure.effect-milo2 figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-milo2 figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-milo2 p {
    padding: 0px 30px 30px -1px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    font-size: 15px;
    transition: 0.3s;
    color: #fff;
}
figure.effect-milo2 img {
    transition:0.3s;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    border: none;
}
.diferencia-premier .nav li.active figure.effect-milo2 img {
    transition:0.3s;
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.box-beneficios-tab#promociones-ul li a p {display:none;}
.box-beneficios-tab#promociones-ul .desc-json {display:block;}
/* ==============================================
SUCURSALES
================================================ */

.circular-cv {
    background: #007cc6;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.circular-cv img { width: 90%;margin: 5%; }

.context-place-list .select2-container .select2-choice { width: 250px; height: 37px; position: relative; top: -3px; }
.context-place-list .select2-container .select2-choice>.select2-chosen { margin-top: 3px; }
.context-place-list #clear-com {
  display: inline-block;
  background: #EEE;
  padding: 7px 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #666;
  border: 1px solid #CCC;
  border-radius: 2px;
}

#map { position: relative; padding:0;}
#map .info-map {
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 15px; 20px;
    z-index: 2;
    background: #007cc6;
    color: #FFF;
}
#map .info-map p { margin: 0; }

.info-mapa{
    position:absolute;
    z-index:99;
    width:100%
}
.info-mapa-cont{
    position:relative;
    width:1080px;
    margin:auto;
}
.caja-info-map{
    background-color: rgba(255,255,255,0.8);
    width: 300px;
    height: 240px;
    padding: 16px 33px 33px 33px;
    margin-top: 32px;
    text-align: center;
    color: #000;
    border-top: 4px solid #ff0;
    border-bottom: 4px solid #ff0;
}



    #places-results a { color: #007bc9 }
    #places-results td:last-child { width: 150px; }
    #places-results td:last-child a { display: inline-block; color: #FFF; background: #007bc9; padding: 4px 8px; border-radius: 3px; }
    #places-results td:last-child a:hover { background: #005C96;text-decoration:none;}
    .context-place-list #main h2 { margin-bottom: 40px; }
    .context-place-list #main { margin: 0; padding: 20px; background: #FFF; }
    .context-place-list { background: #f4f4f4; }


   .context-place-list #tabs-sucursales { margin-top: 20px; }
    .context-place-list #tabs-sucursales .columns > li { margin-bottom: 0; }
    .context-place-list #tabs-sucursales .columns > li .cv {
        cursor: pointer;
        padding: 15px;
    }
    .context-place-list #tabs-sucursales .columns > li .cv h3 {
        font-size: 22px;
        font-weight: 300;
        margin-top: 0;
        padding-top: 0;
    }
    .context-place-list #tabs-sucursales .columns > li .cv p {
        font-size: 13px;
        color: #666;
        line-height: 1;
    }
    .context-place-list #tabs-sucursales .columns > li .active {
        background: #FFF;
    }
.columns {width: 100%;}
.cont-post .btn {
    color: #fff;
    background: #007cc6;
    padding: 15px 30px;
    float:right;
    margin-bottom:15px;
    
}
.cont-post .btn:hover {background: #0f679b}
/*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 {
    line-height: inherit;
}
.scroll-top-wrapper a {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
/* =============================================
MODALS LEADS
=============================================*/
#lead-form select.select-tarjeta {
    background-color: #007cc6;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 102%;
    margin-left: -1%;
}
/* =============================================
MEDIA QUERYS
=============================================== */
@media (max-width: 1366px) {
    
}

@media (max-width: 979px) {
    
}

@media (max-width: 768px) {
    
}

@media (max-width: 767px) {
    
}

@media (max-width: 480px) {
    
}

@media (max-width: 320px) {
    
}

/* =============================================
    HEADER HOME
=============================================== */

/*.contenedorImgHeader{
    display:block;
    width:100%;
    padding:11% 0% 5%!important;
}
.tituloHeader{
    text-align:center;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 3em;
    line-height:80%;
    width:100%;
}
 .tituloHeader span{
    font-size: .7em;
    text-transform: none;
    font-weight:300!important;
}
.btnHeaderVerMas{
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 30px auto;
    border-radius: 5px;
    background: #162228;
    border:none;
    max-width: 250px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.btnHeaderVerMas:hover,.btnHeaderVerMas:active{
    color: #162228;
    background: #c3c4c5;
    cursor: pointer;
}
.btnDownHeader{
    display: block;
    width: 65px;
    height: 65px;
    padding-top: 15px;
    margin:0 auto;
    border-radius: 50%;
    background: rgba(215,215,215,0.7);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.btnDownHeader>img{
    display: block;
    margin:0 auto;
}
.btnDownHeader:hover,.btnDownHeader:active{
    background: #162228;
}
.appHeaderHome, .bajadaAppHome{
    width:100%;
    height:250px;
    background:#162228;
    padding-top: 10px;
}
.bajadaAppHome{
    background:url(https://bci-cdn.azureedge.net/uploads/7f82746d-c0a0-44d5-8810-a532a0b15fc7/original/pattern03.gif);
}

@media (min-width: 992px) {
    .contenedorImgHeader{
        width:60%;
        height:500px;
        float:left;
        margin:0;
    }
    .appHeaderHome, .bajadaAppHome{
        width:40%;
        float:left;
    }
}
.icoApps{
    text-align:center;
    color:#fff;
    margin-bottom:10px;
}
.icoApps a{
    display:inline-block;
    margin:10px;
}
.appHeaderHome h4{
    margin-top:20px;
    color:#fff;
    font-weight:800;
    text-align:center;
}
.appHeaderHome h4>span{
    font-weight:300;
}*/
/* =============================================
    FIN HEADER HOME
=============================================== */


/* =============================================
    INDICADORES ECONOMICOS
=============================================== */

.marks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-basis: 95%;
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
}
.box-marks .code, .box-marks .val {
    background: #fff;
    color: #333;
    padding: 5px;
}
.box-marks .code {
    font-weight: bold;
    padding: 7px 0;
    width: 40px;
}
.box-marks .code, .box-marks .val {
    background: #fff;
    color: #333;
    padding: 5px;
}
.box-marks .code {
    width: 35px;
    font-size: 14px;
    background-color: #737270;
    color: #ffffff;
    height: 24px;
    padding: 8px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    text-align: center;
}

.box-marks .val {
    background-color: #a6a5a2;
    color: #ffffff;
    height: 24px;
    padding: 8px;
    float: left;
    width: 75px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}
.box-marks .btn-mas {
    margin: 0;
    text-align: right;
    -webkit-flex-basis: 5%;
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
}
.box-marks .btn-mas {
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
}
.box-marks .marker {
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    height: 28px;
    padding: 2px 5px 10px;
    float: left;
    font-size: 26px;
    line-height: 29px;
}
.box-marks .ro {
    color: #f33d33;
}
.box-marks .ve {
    color: #00a94b;
}
#indicadores .flag{
    display: none;
}
#indicadores h4 {
    font-weight: 200;
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

#indicadores .title-box {
    padding: 10px 20px;
    position: absolute;
    background-color: background: rgba(32,124,229,1);
    background: -moz-linear-gradient(left, rgba(32,124,229,1) 0%, rgba(40,147,240,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(32,124,229,1)), color-stop(100%, rgba(40,147,240,1)));
    background: -webkit-linear-gradient(left, rgba(32,124,229,1) 0%, rgba(40,147,240,1) 100%);
    background: -o-linear-gradient(left, rgba(32,124,229,1) 0%, rgba(40,147,240,1) 100%);
    background: -ms-linear-gradient(left, rgba(32,124,229,1) 0%, rgba(40,147,240,1) 100%);
    background: linear-gradient(to right, rgba(32,124,229,1) 0%, rgba(40,147,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#2893f0', GradientType=1 );
    margin-top: -61px;
    border-radius: 3px;
}
#indicadores .code{
    background-color: transparent;
    color: #333;
    font-weight: 600;
    padding: 10px 0px;
}
#indicadores .marker.ve {
    background-color: transparent;
}
#indicadores .marker.ro {
    background-color: transparent;
}
#indicadores .val {
    background-color: transparent;
    color: #333;
}
#indicadores .mark-cont {
    margin: 0 12px;
}
#indicadores {
    width: 100%;
    background-color: #fff;
    padding: 16px 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#indicadores .container{
    width:100%;
    max-width:1000px;
    margin:0 auto;
}
.visible-phone-ver{
    display:none;
}
.box-marks .cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.box-marks .btn-mas {
    margin-left: 0;
    margin-right: 0;
}
@media(max-width:880px){
    .btn-mas img{
        width:20px;
    }
}

@media(max-width:992px){
    #indicadores {
        display:none!important;
    }
}

@media (max-width: 760px){
    .visible-phone-ver{
        display: inherit;
    }
    .btn-mas .visible-phone-ver{
        display: inline-block;
        background: #f2f2f2;
        font-size: 14px;
        border-radius: 12px;
        padding: 6px 20px;
        font-weight: 200;
        color: #333;
    }
    .btn-mas img{
        display: none;
    }
    .box-marks .cont{
        overflow: visible;
        text-align:center;
    }
}

.box-marks .mark-wrap {
    margin: 0;
    display: inline-block;
    background: #e0e0e0;
    border-radius: 10px;
    border-bottom: solid 3px #b3b4b3;
}

@media (max-width:960px){
    .mark-wrap{
        width:47%;
    }
    #indicadores .mark-cont {
        display: inline-table;
        float: none;
    }
}

@media (max-width: 600px){
    #indicadores {
        border-radius: 0;
        background-color: #f2f2f2;
        padding: 10px 8px;
        width: 100%;
        margin: auto;
        position: relative;
        box-shadow: none;
    }
    .btn-mas .visible-phone-ver{
        background-color: #fff;
    }
    .box-marks .mark-wrap {
        display: inline-block;
        border-radius: 33px;
        padding-top: 10px;
        margin: 5px 2px 5px 2px;
        border: 1px #fff solid;
    }
}

/* =============================================
    FIN DE LOS INDICADORES ECONOMICOS
=============================================== */

/* =============================================
    3 Cajas bajanda indicadores home
=============================================== */
.contCajasBajadaHeaderHome{
    padding:0!important;
    background:#31343b;
}

.cajasBajadaHeaderHome{
	height: 330px;
	display: block;
	padding: 0;
    width: 25%;
    margin: 0;
    float: left;
    text-align:center;
    color:#fff;
}

.cajasBajadaHeaderHome.yellowBox{
	width: 33%;
    padding: 1%;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 0);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.cajasBajadaHeaderHome.yellowBox p{
    font-size: 14px;
    line-height: 18px;
    margin: 26px auto;
}

.cajasBajadaHeaderHome.yellowBox i{
    transition: color .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cajasBajadaHeaderHome.yellowBox:hover{
    background: #ffc600;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.5);
}

.cajasBajadaHeaderHome.yellowBox:hover i{
    color: #31343b;
}

.cajasBajadaHeaderHome .ico{
    margin:55px 0px 5px;
    display: block;
    font-size: 70px;
    color: #ffc600;
}
.cajasBajadaHeaderHome>h4{
    font-weight: 600;
    margin-top: 20px;
}
.lista-check{
    text-align:left;
    margin-top:15px;
    display: table;
    margin: auto;
}
.lista-check li{
    list-style:none;
    padding:0px 30px;
}
.lista-check li>i{
    color:#ffc600;
}
/* Large desktop */
@media (max-width: 1200px) {
    .cajasBajadaHeaderHome{
		width: 50%;
	}
}

@media (max-width: 768px) {
    .cajasBajadaHeaderHome, .cajasBajadaHeaderHome.yellowBox{
    	width: 100%;
	}
}

@media (min-width: 992px) {
	.lista-check li {
        padding: 0px 50px;
    }
}

/* =============================================
    3 CAJAS NOSOTROS HOME
=============================================== */
.contCajasBajadaHeaderHome.nosotros{
    padding:0!important;
    background:#162228;
}
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome{
    border-left:solid 1px #ffc600;
    height: auto;
    margin: 60px 0;
    text-align:left;
    font-size: 13px;
    min-height: 190px;
    position: relative;
}
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>h4,
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>p,
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>a.btn-leerMas{
    padding: 0px 35px;
    line-height: 16px;
}
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>a.btn-leerMas{
    color:#ffc600;
    text-transform:uppercase;
    position: absolute;
    bottom: 8px;
}
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>a.btn-leerMas>i{
    margin-left:10px;   
}
.contCajasBajadaHeaderHome.nosotros .cajasBajadaHeaderHome>h4{
    margin-bottom:20px;
}



/*-- NuestroEquipo --*/
/*-- boxesEquipo --*/

#contBoxes{
    width: 100%;
    overflow: hidden;
    padding: 0;
}

#contBoxes .wrapper{
    width: 50%;
    float: left;
}

#contBoxes .contBox{
    width: 100%;
    overflow: hidden;
}

#contBoxes .box{
    max-width: 615px;
    width: 100%;
    margin: auto;
}

#contBoxes .info, #contBoxes .info2{
    display: none;
}

#contBoxes .info:first-child, #contBoxes .info2:first-child{
    display: block;
}

#contBoxes .box h3{
    text-align: center;
    font-size: 18px;
    color: #162228;
    margin: 40px 0;
    font-weight: 600;
}

#contBoxes .box, #contBoxes .cont-img, #contBoxes .cont-txt{
    min-height: 316px;
}

#contBoxes .box .cont-img{
    width: 44%;
    float: left;
}

.box .cont-img .img{
    width: 180px;
    height: 180px;
    margin: 60px auto 0;
    background: #5c657f;
    border-radius: 50%;
}

#contBoxes .box .cont-txt{
    width: 51%;
    float: left;
}

#contBoxes .cont-txt h1{
    font-size: 23px !important;
    font-weight: 600;
    margin-top: 56px;
}

#contBoxes .cont-txt hr{
    color: #ffc600;
    background-color: #ffc600;
    height: 2px;
    display: block;
    border: none;
    margin: 17px 0;
}

#contBoxes .cont-txt h2{
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
}

#contBoxes .cont-txt p{
    margin: 14px 0 10px;
    line-height: 16px;
}

.cont-txt .social img{
    margin-right: 2px;
}

.cont-txt .social span{
    margin: 0 12px 12px 0;
    display: block;
    float: left;
}

#contBoxes .floatRight{
    float: right;
}

#contBoxes .floatLeft{
    float: left;
}

#contBoxes .bg1{
    background-color: #f0f0f0;
}

#contBoxes .bg2{
    background-color: #cbcbcb;
}

#contBoxes .bg3{
    background: url('https://bci-cdn.azureedge.net/uploads/6da1a1c2-9ce2-4238-a328-a7fb05248dca/original/pattern01.gif');
    padding-bottom: 30px;
}

#contBoxes .bg4{
    background: url('https://bci-cdn.azureedge.net/uploads/a021eade-1eb4-4adb-8db3-d5eff0684ed5/original/pattern02.gif');
    padding-bottom: 30px;
}

#contBoxes .contCircles{
    width: 327px;
    margin: auto;
}

#contBoxes .contCircles .circle{
    width: 109px;
    height: 109px;
    float: left;
    position: relative;
}

#contBoxes .contCircles .circle .mascara{
    width: 87px;
    height: 87px;
    margin: 11px 0 0 11px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

#contBoxes .escalar{
    transform: scale(1.2);
    border: 3px solid #b3b3b3 !important;
}

#contBoxes .circle .mascara .shadow{
    background: #727d9d;
    opacity: 0;
    width: 87px;
    height: 87px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#contBoxes .sombrear{
    opacity: .6 !important;
}

#contBoxes .contCircles .circle a{
    color: #fff;
    width: 87px;
    height: 87px;
    position: relative;
    top: 11px;
    left: 11px;
    z-index: 9999;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#contBoxes .contCircles .circle a:hover{
    opacity: 1;
}

@media (max-width: 980px){

    #contBoxes .wrapper{
        width: 100%;
    }

    #contBoxes .box .cont-img{
        width: 100%;
    }

    #contBoxes .box .cont-txt{
        width: 80%;
        margin: 0 auto 56px;
        float: none;
    }

    #contBoxes .cont-txt h1{
        margin-top: 0;
    }

    #contBoxes .floatRight, #contBoxes .floatLeft{
        float: none;
    }

    #contBoxes .contBox .box{
        overflow: hidden;
    }

}
 
/*-- Fin NuestroEquipo --*/
 
/*-- Reconocimientos --*/
/*-- cuerpoReco --*/

 #cuerpoReco{
    max-width: 920px;
    margin: 80px auto 60px;
    padding: 0;
}

#cuerpoReco *{
    box-sizing: border-box;
    overflow: hidden;
    line-height: 1;
}

#cuerpoReco .cont-article{
    overflow: hidden;
}

#cuerpoReco .cont-article div{
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}

#cuerpoReco .cont-article div h2{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #162228;
}

#cuerpoReco .cont-article div p{
    max-width: 347px;
    margin: 0 auto 20px;
    font-size: 12px;
    line-height: 16px;
    color: #7f7f7f;
}

@media (max-width: 767px) {

    #cuerpoReco .cont-article div{
        width: 100%;
    }

}
 
/*-- Fin Reconocimientos --*/

/*-- Banners --*/
.bannerFullBox{
	width: 100%;
	height: 200px;
	color: #fff;
	text-align: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.bannerFullBox h1{
	font-size: 30px;
	margin: 30px 0 6px 0;
    margin: 16px 0 6px 0;
}

.bannerFullBox p{
	font-size: 14px;
    line-height: 20px;
    max-width: 777px;
    width: 100%;
    margin: auto;
}

.bgHeaderHome{
    background: url('https://bci-cdn.azureedge.net/uploads/8e68635a-a9a1-4780-9520-617dffc40528/original/img_header_cib.jpg') no-repeat center;
    background-size: cover;
    padding: 0 !important;
}

.bgModAtencionBanner{
    background:url('https://bci-cdn.azureedge.net/uploads/8f9c4d30-2f45-40f4-9b59-facb5a3d4aa9/original/bg-header-modNegocios.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderEstudiosBanner{
    background:url('https://bci-cdn.azureedge.net/uploads/3dcf17de-a345-4fd2-a9bd-9116731c4b4d/original/bg-header-estudio.jpg') no-repeat center;
    background-size:cover;
}

.bgHeaderRecoBanner{
    background:url('https://bci-cdn.azureedge.net/uploads/fe067e1c-30cd-4e16-bf27-7c866c641b4b/original/bg-header-recono.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderNuestroEquipoBanner{
    background:url('https://bci-cdn.azureedge.net/uploads/e2b3e6c6-09f3-4485-ab99-3359139452f2/original/bg-header-nuestroEquipo.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderCredenciales{
    background:url('https://bci-cdn.azureedge.net/uploads/c15f0bd1-ae83-45cc-97ab-9bc43e5ef1b6/original/bg-header-credenciales.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderIndicadores{
    background:url('https://bci-cdn.azureedge.net/uploads/860567f1-9d9a-4b0d-8696-2c3d8305618e/original/bg-header-indicadores.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderSoluciones, .bgHeaderConocimientos{
    background:url('https://bci-cdn.azureedge.net/uploads/55449f6c-fb37-436d-b406-27be8c6a7c8e/original/bg-header-soluciones.jpg') no-repeat center;
    background-size: cover;
}

.bgHeaderOpinion{
    background: url('https://bci-cdn.azureedge.net/uploads/29b9b512-be33-4b97-a3f1-0df0ed799761/original/bg-header-opinion.jpg') no-repeat center;
    background-size: cover;
    padding: 40px 0;
}

@media (max-width: 500px){
    
    .bannerFullBox p{
        font-size: 12px;
        line-height: 14px;
    }
    
}

/*-- submenu --*/
.trigger{
    position: relative;
}

.trigger li:hover > a{
	border-bottom: 4px solid #162228 !important;
}

.trigger .base-submenu{
	width: 762px;
	background: #31343b;
	overflow: hidden;
	position: absolute;
	z-index: 9;
	/*border-bottom: 15px solid #eff0f3;*/
	color: #fff;
    position: absolute;
    float: left;
    top: 73px;
    right: 0;
	display: none;
    opacity: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.trigger .base-submenu div{
	float: left;
	width: 336px;
	height: 365px;
	overflow: hidden;
	background: #162228;
}

.trigger .base-submenu.soluciones > div{
	width: 33.33%;
}

.trigger .base-submenu div + div{
	background: #31343b;
	padding: 30px;
    max-width: 426px;
    width: 100%;
}

.trigger .base-submenu.soluciones div + div {
	background: #162228;
    padding: 0;
}

.trigger .base-submenu nav{
	padding: 10px;
}

.trigger .base-submenu a{
    display: block;
    color: #fff;
    min-height: 0;
    text-align: left;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 20px;
    transition: color .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.trigger .base-submenu a > div{
	display: block;
    color: #ffc600;
    width: 35px;
    height: 35px;
    margin: -8px -15px;
    float: left;
    margin-right: 6px;
    text-align: center;
    line-height: 38px;
    background: transparent;
}

.trigger .base-submenu a i{
	font-size: 18px;
	display: inline-block;
	transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.trigger .base-submenu a:hover{
	color: #ffc600;
}

.trigger .base-submenu a:hover i{
	transform: translate3d( 0, 0, 0) perspective(1px) scale(1.3) rotate(10deg);
}

.trigger li:hover .base-submenu{
    display: block;
    opacity: 1;
}

.trigger .base-submenu .title{
	font-size: 22px;
	margin-bottom: 12px;
}

.trigger .base-submenu .title.estudios{
    font-size: 17px;
    line-height: 19px;
}

.trigger .base-submenu.soluciones .title{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 5px 17px;
    text-align: left;
}


.trigger .base-submenu .txt{
	font-size: 12px;
	width: 312px;
}

.trigger .base-submenu .img-main{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 426px;
    height: 214px;
}

.trigger .base-submenu .img-main img{
    width: 100%;
    transform: scale(1);
    transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.trigger .base-submenu .img-main:hover img{
    transform: scale(1.2);
}

.off-screen-nav-button {
    float: left;
    background: none;
    margin-top: 8px;
    position: relative;
    z-index: 9999;
    margin: 0 !important;
}

.off-screen-nav-button span{
    background: #999;
}

@media (max-width: 980px){

    .trigger .base-submenu{
		right: -174px;
	}

}

/*-- Indicadores Economicos --*/

.iframeIndicadores{
    padding: 40px 0 !important;
    border: 0!important;
}

/*-- Fin Indicadores Economicos --*/

/*-- Disclaimer --*/

.disclaimer h2{
    color: #aaa;
    font-size: 13px;
    margin: 0 0 10px;
    font-weight: 600;
}

.disclaimer p{
    font-size: 10px;
    line-height: 13px;
    color: #aaa;
    text-align: justify;
    margin-bottom:12px;
}

/*-- Fin Disclaimer --*/

/*-- Soluciones -- */

.cont-solucion-full{
    width: 100%;
}

.cont-solucion-full .heading{
	width: 100%;
	height: 200px;
	background: url('https://bci-cdn.azureedge.net/uploads/d3cd2340-081f-4aa2-abe8-5959bf60a77e/original/bg-private-banking.jpg') no-repeat center;
	background-size: cover;
	text-align: center;
	display: table;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: 50px;
}

.cont-solucion-full .heading div{
	display: table-cell;
	vertical-align: middle;
}

.cont-solucion-full .heading h1{
    font-size: 30px;
    line-height: 24px;
    margin: 0 auto 12px;
    color: #fff;
    padding: 0;
}

.cont-solucion-full .heading p{
	font-size: 14px;
	line-height: 20px;
	max-width: 846px;
	margin: auto;
}

.cont-solucion{
	max-width: 1230px;
	width: 100%;
	margin: auto;
	overflow: hidden;
    padding: 40px 0;
}

.cont-solucion .img-box{
	width: 370px;
	height: 400px;
	margin-left: 100px;
	float: left;
}

.cont-solucion .img-box img{
	margin: 0;
}

.cont-solucion .info{
	max-width: 580px;
	width: 100%;
	float: right;
	margin-right: 130px;
	/*border: 1px solid crimson;*/
}

.cont-solucion .info > p{
    font-size: 13px;
    line-height: 18px;
    color: #7f7f7f;
}

.cont-solucion .accordion{
	width: 100%;
}

.cont-solucion .accordion .accordion-group {
    border: none;
    margin-bottom: 5px;
}

.cont-solucion .accordion-toggle{
	padding: 14px 26px;
	background: #484c5f;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
}

.cont-solucion .accordion .accordion-inner{
	font-size: 13px;
	line-height: 18px;
	color: #7f7f7f;
	padding: 24px 26px 30px;
	border: none;
}

.cont-solucion .accordion ul{
    margin: 0 0 10px 0 !important;
}


.cont-solucion .accordion .accordion-inner li, .cont-solucion .info li{
    margin: 0;
    line-height: 18px;
    margin-left: 10px;
    padding-left: 16px;
    list-style: none;
}

.cont-solucion .accordion .accordion-inner li:before, .cont-solucion .info li:before{
	content: "•";
    padding-right: 4px;
    color: #ffc600;
}

.cont-solucion .accordion .accordion-inner p{
	margin-bottom: 10px;
}

@media (max-width: 1230px){

	.cont-solucion .img-box{
		display: none;
	}

	.cont-solucion .info{
		margin: auto;
		float: none;
	}

}

@media (max-width: 580px){

	.cont-solucion .accordion .accordion-inner{
		padding: 24px 0 30px;
	}

	.cont-solucion .accordion .accordion-inner li{
		margin-left: 0;
	}

	.cont-solucion-full .heading p{
		font-size: 12px;
		line-height: 14px;
		max-width: 846px;
		margin: auto;
	}

}

#contactoDefault{
	line-height: 24px;
	text-align: center;
	background:url('https://bci-cdn.azureedge.net/uploads/6da1a1c2-9ce2-4238-a328-a7fb05248dca/original/pattern01.gif');
	overflow: hidden;
    padding: 0;
}

#contactoDefault h2, #contactoDefault h3{
	color: #162228;
	margin-bottom: 0;
}

#contactoDefault h2{
	font-size: 30px;
	margin-top: 54px;
	font-weight: 400;
}

#contactoDefault h3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 32px;
}

#contactoDefault button{
	background: #727d9d;
	color: #fff;
	margin: 22px auto 54px;
	font-size: 18px;
	font-weight: 400;
	width: 252px;
	height: 45px;
	line-height: 45px;
	border: none;
	border-radius: 23px;
	outline: none;
	font-family: 'Overpass', sans-serif;;
}

#contactoDefault button i{
	margin-right: 18px;
}

#contactoDefault hr{
	width: 67px;
	height: 9px;
	margin: auto;
	background: #727d9d;
}

/*-- Fin Soluciones --*/

/*-- Post Estandar --*/
.post-estandar{
    max-width: 1086px; /*1030*/
    width: 100%;
	margin: auto;
	color: #162228;
	padding: 0 28px;
}

.post-estandar h1{
	font-size: 32px;
	line-height: 38px;
	padding: 65px 0 22px;
	margin: 0 0 44px 0;
	border-bottom: 1px solid #727d9d;
}

.post-estandar p{
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}

.post-estandar .cont-img{
	max-width: 350px;
	width: 100%;
	float: left;
	padding-bottom: 18px;
}

.post-estandar .cont-img img{
	margin-bottom: 24px;
}

.post-estandar .cont-img p{
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	text-align: left;
}

.post-estandar .cont-txt{
	display: table;
	padding-left: 28px;
}

.post-estandar .ver-mas{
	width: 160px;
	background: #ffc600;
	float: right;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 70px 0 64px;
}
@media (max-width: 1200px){
    /*Home*/
    #nav-menu > .pull-right > ul > li > a {
        color: #000;
        padding: 26px 10px 5px;
        font-weight: 300;
        font-size: 13px;
    }
}
@media (max-width: 1086px){

	.post-estandar .cont-img{
		padding-right: 28px;
	}


	.post-estandar .cont-txt{
		display: block;
		padding-left: 0;
	}

}

@media (max-width: 700px){

	.post-estandar h1{
		font-size: 28px;
	    padding: 22px;
	    text-align: center;
	}

	.post-estandar .cont-img{
		margin: auto;
		float: none;
		padding-right: 0;
	}

	.post-estandar .cont-txt{
		float: left;
	}
}
/*-- Fin Post Estandar --*/


body #wrap-signUp {
    top: -500%;
}
body #wrap-signUp.active {
    top:50px;
}
body #wrap-signUp .inner {
    width: auto;
}
.users-form-response-form {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* #wrap-signUp .control-group {
    width: 28%;
    float: left;
    margin-right: 5%;
    margin-bottom: 15px !important;
}
#wrap-signUp .users-form-response-form .control-group:last-child {
    width: 94%;
} */
.users-form-response-form .control-group label {}
#wrap-signUp ul,
#wrap-signUp ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* #wrap-signUp input {
    height: 35px;
} */
#wrap-signUp textarea {
    width: 100%;
    height: 60px;
}
#form-hazte-cliente {
}
#form-hazte-cliente #page-content {margin:0;padding:0;}
#form-hazte-cliente h2 {display:none;}

#wrap-signUp .form-actions,
#wrap-signUp .form-actions .inner {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}
.modal#myModal {
    width: 800px;
    margin-left: -400px;
}
#lead-form .select2-container {
    text-align: left;
    margin-bottom: 10px;
}
#lead-form textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 80px;
}
#myModal #lead-form .btn {
    float: right;
    width: 48%;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-personal-info {
    display: inline-block;
    width: 70%;
    vertical-align: bottom;
    float: left;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-personal-info .control-group {
    float: left;
    margin-right: 2%;
    width: 31.3%;
    vertical-align: bottom;
    margin-bottom: 0;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-personal-info .control-group label {
    
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-personal-info .control-group input {
    width: 100%;
    margin: 0;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-actions {
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    width: auto;
    display: inline-block;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d .form-actions .btn {
    height: 41px;
    line-height: 15px;
}
.modal ul.subform-list {
    list-style: none;
    margin-left: 0;
}
#suscribete {    
    background: url(https://bci-cdn.azureedge.net/uploads/64ec0445-69cf-494a-8409-737722507cc9/original/bg-suscribete.png) center;
    background-size: cover;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d #page-content {
    padding: 20px;    
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d #page-content button.close {
    background: #fff;
    border-radius: 100%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    opacity: .8;
    font-size: 15px;
    margin-top: -15px;
    margin-right: -15px;
    position: relative;
}
#modyo-2ae57bb9-3b25-4eea-8220-9d39cae2612d #page-content button.close span {
    top: 50%;
    margin-top: -16px;
    margin-left: -4px;
    position: absolute;
}
#noticias_links {
    background:#484b5e;
    padding: 20px 0 10px 0;
    color:#fff;
}
#noticias_links .item {
    height: 300px;
    background-size: cover;
    float: left;
    width: 100%;
}
#noticias_links .item a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #000;
}
#noticias_links .item a:hover figcaption {
    background: rgba(255,255,255,.5);
}
#noticias_links .item figcaption {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    padding: 40px;
    background: rgba(255,255,255,.3);
    border-right: 5px solid rgba(255,255,255,.8);
    transition:.3s;
}
#noticias_links .item figcaption h3 {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: bold;
    line-height: 1.3em;
}
#noticias_links .carousel-control {
    color: #fff;
    background: black;
    border: none;
    border-radius: 0;
    top: 50%;
    right: -30px;
}
#noticias_links .carousel-control.left {
    left: -30px;
}
#links_noticias a {
    background-image: url(https://bci-cdn.azureedge.net/uploads/b7ad1105-0f66-4709-aae8-12e7ec38cea1/original/btn_02.jpg);
    display: block;
    overflow: hidden;
    padding: 20px;
    color: #fff;
    height: 136px;
    text-align: right;
    background-size: cover;
}
#links_noticias a:first-child {
    margin-bottom: 30px;
    background-image: url(https://bci-cdn.azureedge.net/uploads/bacab43a-14bb-43b7-9ab3-4344b72911c5/original/btn_01.jpg);
}
#links_noticias a h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
#links_noticias a h3 b {
    display: block;
}
#links_noticias a .btn {
    background: #007cc6;
    color:#fff;
}
#links_noticias a:hover .btn {
    background: #0b68a0;
}
.context-posts-show .box-marks .mark-wrap {

}
.context-posts-show .description #indicadores {
    margin-bottom:20px;
    padding: 15px 0;
    background: #fefefe;
}
.context-posts-show .description #indicadores img {
    margin: 0;
}
.context-posts-show #indicadores .container {
    max-width: 1130px;
}
.context-posts-show #indicadores .container .btn {
    background: #d9534f;
    margin-left: 20px;
    color: #fff;
}
.context-posts-show #indicadores .container .btn:hover {
    background: #c5302c;
}
#page-title_informes {
    background-image: url(https://bci-cdn.azureedge.net/uploads/fbcea305-d11a-49ce-822e-d97cd3fdbc61/original/bg_informes.jpg);
    background-size: cover;
    padding: 40px 0 200px 0;
}
#page-title_informes h2 {
    color:#fff;
    margin:0;
    font-weight: bold;
}
.container.container-top {
    background: #fff;
    margin-top: -180px;
}
.files_estudio {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.files_estudio a {
    width: 31.3%;
    margin: 1%;
    padding: 20px 10px;
    border-bottom:1px solid #f1f1f1;
    display: flex;
    flex-wrap: wrap;
}
.files_estudio a i {
    width: 15%;
    font-size: 30px;
    color: #ccc;
}
.files_estudio a i:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.files_estudio a h4 {
    width: 85%;
    margin:0;
    font-size: 18px;
    line-height: 1.4em;
}
.pagination {
    
}
.pagination ul {
    width: 100%;
    text-align: center;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination ul li {
    display: block;
    text-align: center;
}
.pagination ul li a {
    width: 100%;
    text-align: center;
}
#filtros_estudio {
    background: #fafafa;
    padding: 20px 30px;
}
#filtros_estudio h4 {
    margin: 0;
    display: inline-block;
    width: auto;
    margin-right: 20px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
}
#filtros_estudio form {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
#filtros_estudio form select {
    margin: 0;
    margin-right: 20px;
    height: 35px;
}
#filtros_estudio form a.btn {
    padding: 7px 10px;
    height: 35px;
}
.nocontent {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 30px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.nocontent small {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
.visor-pdf .btn.btn_verinformes {
    margin-top: 25px;
    padding: 15px;
    font-size: 14px;
}