@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 */

























@font-face {
    font-family: 'icomoon';
    src:url('https://bci-cdn.azureedge.net/uploads/0ed141ee-768e-42fc-ac1e-5758f24ed4be/original/icomoon.eot?-d6aet3');
    src:url('https://bci-cdn.azureedge.net/uploads/0ed141ee-768e-42fc-ac1e-5758f24ed4be/original/icomoon.eot?#iefix-d6aet3') format('embedded-opentype'),
		url('https://bci-cdn.azureedge.net/uploads/99735ef6-56cf-4c88-9aa1-db9f2cf089e9/original/icomoon.woff?-d6aet3') format('woff'),
		url('https://bci-cdn.azureedge.net/uploads/60c39c34-863d-43b0-836e-75f36a451e0b/original/icomoon.ttf?-d6aet3') format('truetype'),
		url('https://bci-cdn.azureedge.net/uploads/ba96b1cb-867a-40a3-bbb9-15090cc090fa/original/icomoon.svg?-d6aet3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icobci-"], [class*=" icobci-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icobci-svg:before {
	content: "\e600";
}
.icobci-svg2:before {
	content: "\e601";
}
.icobci-svg3:before {
	content: "\e602";
}
.icobci-svg4:before {
	content: "\e603";
}
.icobci-svg5:before {
	content: "\e604";
}
.icobci-svg6:before {
	content: "\e605";
}
.icobci-svg7:before {
	content: "\e606";
}
.icobci-svg8:before {
	content: "\e607";
}
.icobci-svg9:before {
	content: "\e608";
}
.icobci-svg10:before {
	content: "\e609";
}
.icobci-svg11:before {
	content: "\e60a";
}
.icobci-svg12:before {
	content: "\e60b";
}
.icobci-svg13:before {
	content: "\e60c";
}
.icobci-svg14:before {
	content: "\e60d";
}
.icobci-svg15:before {
	content: "\e60e";
}
.icobci-svg16:before {
	content: "\e60f";
}
.icobci-svg17:before {
	content: "\e610";
}
.icobci-svg18:before {
	content: "\e611";
}
.icobci-svg19:before {
	content: "\e612";
}
.icobci-svg20:before {
	content: "\e613";
}
.icobci-svg21:before {
	content: "\e614";
}
.icobci-svg22:before {
	content: "\e615";
}
.icobci-svg23:before {
	content: "\e616";
}
.icobci-svg24:before {
	content: "\e617";
}
.icobci-svg25:before {
	content: "\e618";
}
.icobci-svg26:before {
	content: "\e619";
}
.icobci-svg27:before {
	content: "\e61a";
}
.icobci-svg28:before {
	content: "\e61b";
}
.icobci-svg29:before {
	content: "\e61c";
}
.icobci-svg30:before {
	content: "\e61d";
}
.icobci-svg31:before {
	content: "\e61e";
}
.icobci-svg32:before {
	content: "\e61f";
}
.icobci-svg33:before {
	content: "\e620";
}
.icobci-svg34:before {
	content: "\e621";
}
.icobci-svg35:before {
	content: "\e622";
}
.icobci-svg36:before {
	content: "\e623";
}
.icobci-svg37:before {
	content: "\e624";
}
.icobci-svg38:before {
	content: "\e625";
}
.icobci-svg39:before {
	content: "\e626";
}
.icobci-svg40:before {
	content: "\e627";
}
.icobci-svg41:before {
	content: "\e628";
}
.icobci-svg42:before {
	content: "\e629";
}
.icobci-svg43:before {
	content: "\e62a";
}
.icobci-svg44:before {
	content: "\e62b";
}
.icobci-svg45:before {
	content: "\e62c";
}
.icobci-svg46:before {
	content: "\e62d";
}
.icobci-svg47:before {
	content: "\e62e";
}
.icobci-svg48:before {
	content: "\e62f";
}
.icobci-svg49:before {
	content: "\e630";
}
.icobci-svg50:before {
	content: "\e631";
}
.icobci-svg51:before {
	content: "\e632";
}
.icobci-svg52:before {
	content: "\e633";
}
.icobci-svg53:before {
	content: "\e634";
}
.icobci-svg54:before {
	content: "\e635";
}
.icobci-svg55:before {
	content: "\e636";
}
.icobci-svg56:before {
	content: "\e637";
}
.icobci-svg57:before {
	content: "\e638";
}
.icobci-svg58:before {
	content: "\e639";
}
.icobci-svg59:before {
	content: "\e63a";
}
.icobci-svg60:before {
	content: "\e63b";
}
.icobci-svg61:before {
	content: "\e63c";
}
.icobci-svg62:before {
	content: "\e63d";
}
.icobci-svg63:before {
	content: "\e63e";
}
.icobci-svg64:before {
	content: "\e63f";
}
.icobci-svg65:before {
	content: "\e640";
}
.icobci-svg66:before {
	content: "\e641";
}
.icobci-svg67:before {
	content: "\e642";
}
.icobci-svg68:before {
	content: "\e643";
}
.icobci-svg69:before {
	content: "\e644";
}
.icobci-svg70:before {
	content: "\e645";
}
.icobci-svg71:before {
	content: "\e646";
}
.icobci-svg72:before {
	content: "\e647";
}
.icobci-svg73:before {
	content: "\e648";
}
.icobci-svg74:before {
	content: "\e649";
}
.icobci-svg75:before {
	content: "\e64a";
}
.icobci-svg76:before {
	content: "\e64b";
}
.icobci-svg77:before {
	content: "\e64c";
}
.icobci-svg78:before {
	content: "\e64d";
}
.icobci-svg79:before {
	content: "\e64e";
}
.icobci-svg80:before {
	content: "\e64f";
}
.icobci-svg81:before {
	content: "\e650";
}
.icobci-svg82:before {
	content: "\e651";
}
.icobci-svg83:before {
	content: "\e652";
}
.icobci-svg84:before {
	content: "\e653";
}
.icobci-svg85:before {
	content: "\e654";
}
.icobci-svg86:before {
	content: "\e655";
}
.icobci-svg87:before {
	content: "\e656";
}
.icobci-svg88:before {
	content: "\e657";
}
.icobci-svg89:before {
	content: "\e658";
}
.icobci-svg90:before {
	content: "\e659";
}
.icobci-svg91:before {
	content: "\e65a";
}
.icobci-svg92:before {
	content: "\e65b";
}
.icobci-svg93:before {
	content: "\e65c";
}
.icobci-svg94:before {
	content: "\e65d";
}
.icobci-svg95:before {
	content: "\e65e";
}
.icobci-svg96:before {
	content: "\e65f";
}
.icobci-svg97:before {
	content: "\e660";
}
.icobci-svg98:before {
	content: "\e661";
}
.icobci-svg99:before {
	content: "\e662";
}
.icobci-svg100:before {
	content: "\e663";
}
.icobci-svg101:before {
	content: "\e664";
}
.icobci-svg102:before {
	content: "\e665";
}
.icobci-svg103:before {
	content: "\e666";
}


/* BASE LUISTRAP */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
/* 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:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
.sidr .dropdown-menu li>a:hover {
    background: #444;
}
.sidr .nav>li>a:hover,
.sidr .nav>li>a:focus { background: #444; }
.sidr ul.dropdown-menu {position: static; border-radius: 0; box-shadow: none; border: 0; float: none; background: none; }
.sidr ul li span { display: inline; padding: 0; }
.sidr .dropdown-menu>li>a { line-height: 35px; }
.sidr .dropdown-menu>li>a span { padding-left: 0; }
.sidr .dropdown-toggle .caret { margin-top: 23px; margin-left: 10px; }

/* =============================================
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: #007cc6; 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: #007cc6; 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 #007cc6;;
    border-top: 1px solid #007cc6;;
    border-right: 1px solid #007cc6;;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #007cc6;
    color: #FFF;
}
html #modyo-session.logged .modyo-tabs {
    border-radius: 0;
    background: #007cc6;
}
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: #007cc6; 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: #007cc6
}
.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: #007cc6;
}

.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: #007cc6; 
    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: #007cc6; 
}

.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:first-child {display:block !important; float:left;}
.btn-group>.btn:first-child { border-radius: 0; }
.btn-group>.btn+.dropdown-toggle { border-radius: 0; box-shadow: none; }
.client-access a {
    margin-top: 13px;
    margin-left: 5px;
}

.btn {
    border: 0;
    text-shadow: none;
    background: #F1F1F1;
    border-radius: 3px;
    filter: none;
    min-width: 100px!important;
    box-shadow: 0 -3px 0 rgba(0,0,0,.1) inset;
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Open Sans Pro', sans-serif;
}


/* =============================================
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: #007cc6;
    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: #007cc6; 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; }
}

.search-section .search-list h4 {
    color: #007cc6;
    font-size: 18px;
    font-weight: 700;

}




/* Default Boxes */
.box-default-6 .item-box {
    margin: 0 0px 40px 0px;
    display: block;
	position: relative;
	background: #ffffff;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility:hidden;
	z-index: 1;
}
.box-default-6 a {
    color: #44bdbd;
}

.box-default-6 .item-box > .item-pic .blog-overlay {
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
    opacity: 0;
}

.box-default-6 .item-box > .item-pic:hover i {
    opacity: 1;
    margin-top: -33px;
}

.box-default-6 .item-box > a:first-child:hover .blog-overlay {
    opacity: .84;
}

.box-default-6 .item-box .item-pic {
	border-radius: 2px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility:hidden;
	z-index: 1;
}

.box-default-6 .item-box .item-pic img {
	max-width: 100%;
    height: auto;
    display: block;
    -webkit-transition:all 0.6s ease;
       -moz-transition:all 0.6s ease;
         -o-transition:all 0.6s ease;
            transition:all 0.6s ease;
}

.box-default-6 .item-box .item-pic:hover img {
	-webkit-transform:scale(1.2); /* Safari and Chrome */
       -moz-transform:scale(1.2); /* Firefox */
        -ms-transform:scale(1.2); /* IE 9 */
         -o-transform:scale(1.2); /* Opera */
            transform:scale(1.2);
}

.box-default-6 .item-box .blog-overlay {
	width: 100%;
    height: 100%;
    background: #44bdbd;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.box-default-6 .item-box .item-pic i {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 23px 0 0 -33px;
    border-radius:50%;
    background: #ffffff;
    text-align: center;
    line-height: 68px;
    opacity: 0;
    font-size: 14px;
    color: #44bdbd;
    font-weight: 400;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;
}


.box-default-6 .item-box .item-description {
	padding: 30px;
}

.box-default-6 .item-box h3 {
	font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0;
}

.box-default-6 .item-box h3 a:hover {
	color: #44bdbd;
}

.box-default-6 .item-box .item-description div {
    display: block;
}

.box-default-6 .item-box .item-description span {
    color: #999999;
    display: block;
    margin: 20px 0 0 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}
.box-default-6 .item-box .read-more-link {
    display: none;
}

@media (max-width: 768px){ 
    
    .box-default-6 { width: 100%; margin: 0; }
    .box-default-6 > li { float: none; width: 100%; margin: 0; }
    .box-default-6 .item-box { overflow: hidden; padding: 20px; position: relative; margin-bottom: 5px; width: 100%;}
    .box-default-6 .item-box h3 { margin-bottom: 10px; }
    .box-default-6 .item-box .item-pic { float: left; width: 80px; }
    .box-default-6 .item-box .item-description { padding: 0; color: #666; padding-left: 100px; }
    .box-default-6 .item-box .item-description span { position: absolute; right: 0; font-weight: 300; background: #999; }
    
}


/* SLICK SLIDER FEATURE FOR MULTILPLE BOX */

.slick-slider.multiple-box { overflow: visible; }
.slick-slider.multiple-box .slick-next { right: -60px; }
.slick-slider.multiple-box .slick-prev { left: -60px; }
.slick-slider.multiple-box .item-box { margin: 0 10px; }
.slick-slider.multiple-box .slick-prev, 
.slick-slider.multiple-box .slick-next { background: none; color: rgba(0,0,0,.5); } 
.slick-slider.multiple-box .slick-dots { position: static; margin: 20px auto; }

@media (max-width: 768px){
    .slick-slider.multiple-box .slick-prev, 
    .slick-slider.multiple-box .slick-next { display: none !important; }
    
    .slick-slider.multiple-box.box-default-6 .item-box.slick-slide { height: 400px; }
    .slick-slider.multiple-box.box-default-6 { width: 100%; margin: 0; }
    .slick-slider.multiple-box.box-default-6 > li { float: none; width: 100%; margin: 0; }
    .slick-slider.multiple-box.box-default-6 .item-box { overflow: visible; padding: 0; }
    .slick-slider.multiple-box.box-default-6 .item-box h3 { margin-bottom: 20px; }
    .slick-slider.multiple-box.box-default-6 .item-box .item-pic { float: none; width: auto; height: 200px; }
    .slick-slider.multiple-box.box-default-6 .item-box .item-pic img { width: 100%; }
    .slick-slider.multiple-box.box-default-6 .item-box .item-description { padding: 0; color: #666; padding: 20px; }
    .slick-slider.multiple-box.box-default-6 .item-box .item-description span { position: static; font-weight: 300; background: none; }
}


input, button, select, textarea {
    font-family: 'Overpass', sans-serif;;
}

/* =============================================
TEMPLATE
Work here!
=============================================== */
#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; }

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

header { 
    background: transparent;    
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    left: auto !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: transparent;
    border:none;
}
#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;
}
.list-tickets-2 {margin: 0;padding: 0;list-style: none;font-size: 14px; }
.list-tickets-2 li {
    font-weight: 300;
    padding: 3px 0;
    padding-left: 30px;
    background: url("https://bci-cdn.azureedge.net/uploads/5bcf7110-7125-4bb5-8fd8-bede794d4c1e/original/ticket-azul.png") no-repeat 0 10px;
    background-size: 15px;
}
.list-tickets-2 li ul {list-style: none;margin: 0;margin-top: 5px;margin-bottom: 5px;}

/* Buttons */

.btn {
    border: 0;
    text-shadow: none;
    background: #F1F1F1;
    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: #007cc6;
    color: #FFF; 
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
    background: #007cc6;
}

.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);
}


/* 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: 1001 !important;}


#navigation { 
    position: relative; 
    z-index: 1001 !important; 
    background: rgba(83,86,90,1) !important;
    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(83,86,90,.7) !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(83,86,90,1) !important;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;}
header:hover #navigation {
    background: rgba(83,86,90,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:124px;
    height: auto;
    display: block;
    margin:4px 0 12px;
}

header h1 { padding:0; }
header h1.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: #999;
    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: #fff;
    padding: 28px 10px 13px 10px;
    display: block;
    font-weight: 300;
    border-bottom: 4px solid transparent;
}

#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: 4px solid #007cc6;
    text-decoration: none;
}

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

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

#footer-logos {
    border-top: 1px solid #eee;
}



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


/* WG FEATURED */

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

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

.indicadoreBg {
    background: none #222!important;
    padding: 20px 0px 15px 0px !important;
}

/* =============================================
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%;
#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;
    margin-top: 0;
}
.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;
}
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%;
}

/* =============================================
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,
#widget-53f743 {background: #c9c9c9;}
#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: background .25s ease; -moz-transition: background .25s ease; -o-transition: background .25s ease; -ms-transition: background .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: 100%;max-width: 100%;;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: 31.333%;}
.box-default-4 li:nth-child(2) {width: 31.333%;}
.box-default-4 li:nth-child(3) {width: 31.333%;}
.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: 28px;
    line-height: 28px;
    font-weight: 300;
    /*padding-right: 50px;*/
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
}
.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;}
/* =============================================
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: #fff;
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;
}
/* =============================================
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/cacb29eb-f767-4f45-ac06-4c2764331f7d/original/bg-gris.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: 16px; 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/ab874457-c302-48d3-a1fc-426a947d3110/original/tweed.png);padding-top: 0 !important;color: #fff;}
.productos-home .tab-content p {line-height: 16px;}
.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;
}
.tabs-productos h2 {margin-bottom: 40px;}
.tabs-productos ul li img {width: 30%;}
.tabs-productos ul li a {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    position:relative;
    padding-bottom: 10px;
    transition:.3s;
}
.tabs-productos ul li a span {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.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{
    bottom: -83px;
    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: 50%;
}
.box-productos figcaption {
    float: right;
    width: 50%;
    padding: 5%;
    padding-top: 2%;
    padding-bottom: 0;
    color:#333;
    min-height:128px;
}
.box-productos a h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}
.box-productos a p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
}
.box-productos.columns-3 img,
.box-productos.columns-5 img {
    float: left;
    width: 96%;
    margin: 4% 2% 0% 2%;
    transition: .3s;
}
#Tarjetas .box-productos.columns-3 img,
#Tarjetas .box-productos.columns-5 img {
    padding:10px;
}
.box-productos.columns-5 figcaption {
    float: right;
    width: 96%;
    padding: 4% 2% 5% 2%;
}
.box-productos.columns-3 figcaption,
.box-productos.columns-5 figcaption{
    float: right;
    width: 96%;
    padding: 4% 2% 5% 2%;
}
.box-productos.columns-5 a {min-height: 290px;}

.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;
}
.clave-internet#top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/ef509a66-1036-4068-900c-ad70c5b6ac39/original/top-aa.jpg");
}
.clave-internet#top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/a6ac6538-3501-4898-a545-e74fcce77001/original/top-clave.jpg");
    color:#fff;
}
.context-layouts-show-opensky #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/ef509a66-1036-4068-900c-ad70c5b6ac39/original/top-aa.jpg");
}
.context-layouts-show-promociones #top-header,
.context-layouts-show-promo #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/590a4d5c-62b0-48f2-9531-9a33eea50673/original/top_promociones.jpg");
}
.context-albums #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/531df99c-2fa8-41ca-b8c9-d467da9592fb/original/top_albums.jpg");
    padding: 40px 0;
}
.context-layouts-show-puntos #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/c0a73f92-02f6-427b-946d-83013fdd4ba4/original/top_puntos.jpg");
}
.context-layouts-show-oficinas-preferenciales #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/994da1b7-4507-4392-af8c-a8307e236ece/original/bg-oficinaspreferenciales.jpg");
}
.context-layouts-show-yo-neutralizo #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/b788cf43-2ff7-406c-8f0b-ad48315ccae0/original/yo-neutralizo_2_.jpg");
}
.context-layouts-show-modelo-atencional #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/e526d432-2f4f-4ef9-9e80-b6c5144cabde/original/top-modelo.jpg");
}
.context-layouts-show-canales-exclusivos #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/c0b7aa24-f0ea-4283-bd9e-83c145d4a4be/original/top-canales.jpg");
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}
.context-layouts-show-leasing #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/e95a98e9-4a75-43df-b2c5-0aba1aa71b47/original/top_leasing.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-asistencia-en-viaje #top-header,
.context-layouts-show-hogar #top-header,
.context-layouts-show-multiproteccion #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/a325d879-438c-408d-af14-c181dea3ff07/original/bg-segurosalud.jpg");
}
.context-layouts-show-creditos-de-consumo #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/390a3d39-434d-41be-a93e-f2d54136528c/original/bg-consumo.jpg");
}

.context-layouts-show-bci-golf-tour #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/d3e484d3-8640-4eda-ba99-7fec12248a49/original/bg-golftourv2.jpg");
}

.context-layouts-show-credito-comercial #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/f2e2733c-5d79-4dc5-b875-afcca74cc7bf/original/bg-comercial.jpg");
}
.context-layouts-show-credito-hipotecario #top-header,
.context-layouts-show-credito-hipotecario-detalle #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/d0e13cc0-798c-4267-a663-d3516afdb217/original/top-hipotecario.jpg");
}
.context-layouts-show-planes-bci-preferencial #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/3c47e80f-c5c3-4948-bf96-7d6919a149e3/original/preferencial-bg.jpg");
}
.context-layouts-show-banca-movil #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/3b4ec25e-989c-4074-8d2c-472a793711b4/original/bg-app.jpg");
}

.context-layouts-show-pagina-web #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/d8fb5965-5d90-4f2e-8576-7d4a8729adda/original/top-web.jpg");
}
.context-layouts-show-nuestro-equipo #top-header {
    background-image:url("https://bci-cdn.azureedge.net/uploads/7da4e469-046f-46a2-a1ed-74c8a75ba6ae/original/title_03.jpg");
}
.context-layouts-show-plan-bci-independiente #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/457ea2aa-7a8a-410b-980c-d48efc4af107/original/independien-bg.jpg")
}
.context-layouts-show-plan-bci-opensky #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/8892cb61-a49f-4d5e-9e4e-43821e87eee0/original/bg-top-tarjetas.jpg")
}
.context-layouts-show-tarjetas #top-header {
    background-image: url("https://bci-cdn.azureedge.net/uploads/3c47e80f-c5c3-4948-bf96-7d6919a149e3/original/preferencial-bg.jpg")
}
#top-header .container {
    position: relative;
    top: 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, #top-header p {
    margin-bottom: 20px;
    line-height: 1.5em;
    font-size: 15px;
}
.context-layouts-show-servicio-al-cliente #top-header small {
	width: 60%;
	margin-bottom: 10px;
	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: #777777 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;}

.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:#53565a;}
.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:#333;color:#fff;border: 1px solid #333;}
.demo-app.demo-web .nav-tabs li.active a {color:#fff;background-color: #333;}
.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>.active>a,
.demo-app .nav-tabs>.active>a:hover,
.demo-app .nav-tabs>.active>a:focus {color:#333;}
@media (max-width: 768px) {
    .tab-grande li {width: 46%;margin: 1% !important;}
    .tab-grande li a {font-size: 15px !important;}
    .tab-grande li a img {width: 40px !important;}
}
@media (max-width: 540px) {
    .tab-grande li a {font-size: 15px !important;}
    .tab-grande li a img {display:none}
}
/* =============================================
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: rgba(255,255,255,.3);
    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 {
    font-weight: 300;
    padding: 3px 0;
    padding-left: 30px;
    background: url("https://bci-cdn.azureedge.net/uploads/0314035f-e28a-4bd7-91c8-0f7e52d84cf0/original/ticket.png") no-repeat 0 10px;
    background-size: 15px;
}
#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;padding-top:20px;}
.privilegios-home {margin-top:40px;}
.privilegios-home img {
    margin-bottom: 10px;
    width:50%;
    float:left;
}
.privilegios-home li a > article{padding-left: 50%;}
.privilegios-home h4 {
    margin-top: 0;
    font-size: 22px;
    padding-left:20px;
}
.privilegios-home p {
    line-height: 20px;
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
    text-align: justify;
    padding-left:20px;
}
#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: #e9e9e9;
    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 a {
    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 !important;top: -10px;left: 93px;}
#cont-pin.r-i {display:block !important;top: 20px;left: 98px;}
#cont-pin.r-ii {display:block !important;top: 95px;left: 100px;}
#cont-pin.r-iii {display:block !important;top: 175px;left: 88px;}
#cont-pin.r-iv {display:block !important;top: 251px;left: 68px;}
#cont-pin.r-v {display:block !important;top: 289px;left: 75px;}
#cont-pin.r-xiii {display:block !important;top: 310px;left: 80px;}
#cont-pin.r-vi {display:block !important;top: 331px;left: 69px;}
#cont-pin.r-vii {display:block !important;top: 353px;left: 63px;}
#cont-pin.r-viii {display:block !important;top: 385px;left: 53px;}
#cont-pin.r-ix {display:block !important;top: 417px;left: 50px;}
#cont-pin.r-xiv {display:block !important;top: 439px;left: 48px;}
#cont-pin.r-x {display:block !important;top: 485px;left: 54px;}
#cont-pin.r-xi {display:block !important;top: 605px;left: 43px;}
#cont-pin.r-xii {display:block !important;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-desc {padding: 3% 3% 3% 1%;}
.cont-oficina h3 {
    font-size: 22px;
    margin-top: 0;
}
.cont-oficina-desc span {
    display: inline-block;
    width: 49%;
    font-size: 13px;
    margin-bottom: 10px;
    color: #333;
    vertical-align: top;
    padding-left: 25px;
}
.cont-oficina-desc span:first-child, .cont-oficina .cont-oficina-desc span:nth-child(3), .cont-oficina .cont-oficina-desc span:nth-child(4)  {display:none;}
.cont-oficina-desc span:nth-child(2):before {
    content: "\F041";
    font-family: FontAwesome;
    color: #ccc;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-left: -20px;
}
.cont-oficina-desc span:nth-child(5):before {
    content: "\F095";
    font-family: FontAwesome;
    color: #ccc;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-left: -20px;
}
.cont-oficina-desc span:nth-child(6):before {
    content: "\F007";
    font-family: FontAwesome;
    color: #ccc;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-left: -20px;
}
.cont-oficina-desc span:nth-child(7):before {
    content: "\F003";
    font-family: FontAwesome;
    color: #ccc;
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-left: -20px;
}
.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: #777777 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>.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:#333;color:#fff;border: 1px solid #333;}
.demo-app.demo-web .nav-tabs li.active a {color:#fff;background-color: #333;}
.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: 66px 20px 70px 20px;
    background-size: 100%;
    height: auto;
}
@media (max-width: 1200px) {
    .demo-app .tab-content {padding: 54px 16px 70px 16px;}
}

.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 */
    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:14px;}
.cont-tarjetas .tabs-left .span8 a {font-size: inherit;}
.cont-tarjetas .tabs-left .span8 a:hover { color: #333; }
.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;
    margin-bottom:20px;
}
.cont-post .tabs-left li a:focus,
.cont-tarjetas .tabs-left li a:focus {background: none;border: none;outline: none;}
.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 .btn {
    color: #fff;
    background: #007cc6;
    padding: 15px 30px;
    float:right;
    
}
.cont-post #green-box {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.cont-post #green-box p, .cont-post .pol {
    line-height: 1.4em;
    font-size: 13px;
}
.cont-post .pol {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
}
#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;
}

#list-for .btn:first-child {
    display: block;
    float: none;
    margin-right: 2px;
    width: 150px;
    margin: 0 auto !important;
}

.columns figure {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    background: #333;
    text-align: center;
    cursor: pointer;
}
.columns figure img {
    position: relative;
    display: block;
    opacity: 0.8;
}
figure.effect-milo img {
    transform: translate3d(-9px,0,0) scale(1.12);
}
.docu figure.effect-milo img {
    transform: translate3d(-9px,0,0) scale(1.12);
}
.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-size: 30px;
    font-weight: 300;
    background: rgba(0,0,0,.5);
    font-size: 23px;
    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;
    background: #1F516F;
}
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: 30px;
    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;
}
.columns-4 figure.effect-milo p {padding:0px;}
figure.effect-milo img {
    transition:0.3s;
}
figure.effect-milo:hover img {
    opacity: 0.1;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
    transition:0.3s;
}
figure.effect-milo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition:0.3s;
}

.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 {
    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: #fff;
    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%;}



.img-circular {
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 40px;
    padding: 30px;
    background: #f9f9f9;
}
.img-circular img {
    border-radius: 50%;
    border: 3px solid #f1f1f1;
    width: 50%;
    margin-bottom: 20px;
}
.img-circular h3 {
    font-size: 27px;
    line-height: 1.5em;
    margin-top:5px;
}
.img-circular p {
    font-size: 13px;
    line-height: 1.7em;
    margin-bottom: 20px;
}

.productos-home #Seguros img{
    border-radius: 10px;
    padding: 5px;  
    max-height: 135px;
}
/* ==============================================
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;
    }

/* =============================================
SERVICIO AL CLIENTE
=============================================== */
#top-header.top-header_big {height: 330px;}
.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 103px 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;
}
/* =============================================
Servicio al cliente
=============================================== */
.context-layouts-show-servicio-al-cliente .media-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.context-layouts-show-servicio-al-cliente .media-body li { 
    padding-left: 25px;
    position: relative;
    line-height: 1.7;
    margin-bottom: 5px;
}
.context-layouts-show-servicio-al-cliente .media-body li:before {    
    font-family: 'FontAwesome';
    content: "\f061";
    position: absolute;
    left: 0;
    color: #00a94a;
}
.box-emergencia{
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
}
.box-emergencia h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.box-emergencia li{
    font-size: 12px;
}
.box-emergencia p{
text-transform: uppercase;
font-size: 10px;
line-height: 12px;
margin-top: 11px;
font-style: oblique;
}
#wrap-items-faq .media > .pull-left { margin-right: 25px; }
#second-level {
    padding: 20px;
    /*background: #007cc6;
    color: #FFF;*/
}
#second-level .items-general h4 {
    font-size: 24px;
    line-height: 1;
    padding-right: 10px;
    border-right: 1px solid rgba(255,255,255,.2);
    width: 45px;
    text-align: right;
    margin: 0px;
}
#second-level h3 { margin-bottom: 20px; margin-top:20px;color:#333;}
#second-level .media {background-color: #007cc6;padding: 10px;color: #fff;border-radius: 10px;}
.context-layouts-show-servicio-al-cliente .media  .media-body a {color:#fff;}
.cloud-tags { margin-bottom: 40px; }
.cloud-tags a {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 7px 12px;
    border-radius: 5px;
    color: #FFF;
    background: #007cc6;
}
.tabs-full-emergencias {
  background-image: url(https://bci-cdn.azureedge.net/uploads/6eb7104e-c2c6-4d5e-bccf-4e79270620ed/original/bg-dots_az.jpg); 
  background-repeat:repeat!important;
}

#forms-feedback .tabs-wrap {
  background-image: url(https://bci-cdn.azureedge.net/uploads/6eb7104e-c2c6-4d5e-bccf-4e79270620ed/original/bg-dots_az.jpg); 
  background-repeat:repeat!important;
}
#forms-feedback {
    padding: 60px 0 40px 0;
    background-image: url(https://bci-cdn.azureedge.net/uploads/b4c18b13-7754-4319-a66e-ccec1e8d6d63/original/bg-forms.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#forms-feedback .span3 {width: 18%;}
#forms-feedback .tab2-content {width: 79%;padding: 3% !important;}
/*.tabs-wrap .nav-tabs > .active > a:after {
    border-color: transparent transparent #f0f0f0;
    border-style: solid;
    border-width: 0 11px 16px!important;
    bottom: 0;
    content: "";
    height: 0;
    left: 45%!important;
    position: absolute;
    width: 0;
}*/
.tabs-wrap .nav-tabs > li > a {color:#FFF!important;}

#forms-feedback form input[type="text"],
#forms-feedback form input[type="password"],
#forms-feedback form textarea,
#forms-feedback form select {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
#forms-feedback form select { height: 44px; } 
#forms-feedback form textarea { height: 186px;margin-bottom: 20px; }
.tabs-2 li {
    padding: 0px;
    width: 100%;
    position:relative;
}
.tabs-2 li a {border: 0;color: #333;/* font-weight: bold; */display:block;padding: 10px 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 0 0 10px !important;margin-bottom: 10px;}
.tabs-2 li a img {
    width: 50px;
    margin-right: 10px;
    display: inline-block;
    opacity: 0.2;
    transition:0.3s;
}
.tabs-2 li a span {
    display: inline-block;
    vertical-align:middle;
    width: 55%;
}
.nav-tabs.tabs-2>.active>a, .nav-tabs.tabs-2>.active>a:hover, .nav-tabs.tabs-2>.active>a:focus {
    background: #fff !important;
    border-right: 1px solid #fff !important;
    color:#333;
}
.tabs-2 li a:hover img {
    opacity: 1;
    transition:0.3s;
}
.tab2-content {
    border: 1px solid #ccc;
    background-color: #fff;
    margin-left: 0 !important;
    padding: 3%;
    margin-bottom: 30px !important;
    border-radius: 0px 10px 10px 10px;
    min-height: 300px;
}
.tab2-content section{ margin:0;padding:0;}
/*.nav-tabs.tabs-2 .active:after {
    content: '';
    width: 0;
    position: absolute;
    right: -10px;
    top: 35%;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
}*/
.nav-tabs.tabs-2>.active>a>img, .nav-tabs.tabs-2>.active>a:hover img, .nav-tabs.tabs-2>.active>a:focus img {
    opacity: 1;
    transition:0.3s;
}
.tableft{
    display: inline;
    float: left;
    margin-right:50px;
}
.tableft li{
    float:initial;
    border-bottom:1px dotted #ccc;
    padding: 4px 0px 7px 0px;
}
.tableft li a{
    color:#007cc6;
}
.tableft li a:hover{
    color:#2DAFFC;
}

.contentright{
    display:table;
}
#tabs-left{
    overflow:hidden;
    display:block;
    margin-top:50px;
    margin-bottom:50px;
}
#canales {
    padding: 35px 0;
    /*background: #f1f1f1 url(https://bci-cdn.azureedge.net/uploads/a8a0d899-584f-4cac-bb67-a22c7ae9e264/original/bg-canales.jpg);*/
    background-size:cover;
    color: #000;
}
#canales .span3 { padding-top: 40px; }
#canales .span9 li {
    padding: 10px;
}
#canales li img{
    width:90%;
}
#canales .columns li{
    position:relative;
}
/*anima canales */
#canales .columns-6 li{
    overflow:hidden;
}
#canales .columns-6 li img{
    max-width: none;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    background-color: #fff;
    border-radius: 100%;    
}
#canales .columns-6 li:hover img{
    -webkit-transform: translate3d(0,0,0) scale(0.5);
    transform: translate3d(0,0,0) scale(0.5);
    opacity: 0;
}
#canales .columns-6 li .info-canal {
    top: auto;
    bottom: 0;
    font-size: 12px;
    position:absolute;
    color:#000;
    line-height: 16px;
    text-align: center;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,200px,0);
    transform: translate3d(0,200px,0);
}
#canales .columns-6 li .info-canal strong {font-size: 14px;}
#canales .columns-6 li:hover .info-canal{
    top:50%;
    -webkit-transform: translate3d(0,-50px, 0);
    transform: translate3d(0,-50px,0);
    opacity: 1;
}

/*  */
#gerencia-general {
    padding: 60px 0;
    color: #FFF;
    background: #333;
}
#gerencia-general img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
#gerencia-general h3 {
    margin: 0;
    font-size: 30px !important;
}

#gerencia-general p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight:100;
}

.inline.places-filters{
    background-color: #DDD;
    padding: 14px 14px 5px 13px;
    margin-bottom: 20px;
}
.inline.places-filters select {
    padding: 8px 10px;
}
.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);
}

.btn-transparent-black {
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid rgba(0,0,0,.3);
    box-shadow: none;
    font-size: 12px;
    text-transform: none;
    color:#555;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;;
}

.btn-transparent-black:hover {
    background: none !important;
    border-color: rgba(0,0,0,.6);
    color:#555;
}
.btn-small {
    padding: 4px 10px;
    font-size: 12px;
}

#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-bottom: 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;
}

nav .dropdown-toggle .caret {
    border-bottom-color: #666;
    border-top-color: #666;
}
.gutter-masonry {
    width: 25%;
}
.masonry-wrap::after {
    clear: both;
    content: "";
    display: table;
    overflow: hidden;
}
.masonry-item {
    float: left;
    width: 25%;
}
.masonry-item-large {
    width: 50%;
}
.columns {
    list-style: outside none none;
    margin: 0 0 0 -2%;
    padding: 0;
}
.columns::after {
    clear: both;
    content: "";
    display: table;
    overflow: hidden;
}
.columns > li {
    float: left;
    margin-bottom: 2%;
    margin-left: 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%;
}
.collapsed {
    margin-left: 0;
}
.collapsed > li {
    margin-bottom: 0;
    margin-left: 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%;
}
.columns-format-1 {
    margin: 0;
}
.columns-format-1 > li:first-child {
    width: 50%;
}
.columns-format-1 > li {
    margin-bottom: 0;
    margin-left: 0;
    width: 25%;
}
.columns-format-2 {
    margin: 0;
}
.columns-format-2 > li:first-child {
    float: right;
    width: 50%;
}
.columns-format-2 > li {
    margin-bottom: 0;
    margin-left: 0;
    width: 25%;
}



/* =============================================
MODELO ATENCIONAL
=============================================== */
.modelo-atencional .row-fluid {text-align: center;}
.modelo-atencional div.span4,
.modelo-atencional div.span6 {display: inline-block;float: none;vertical-align: bottom;text-align: center;}
.modelo-atencional div.span4 p,
.modelo-atencional div.span6 p{font-size: 12px;color: #333;border: 1px solid #f1f1f1;padding: 15px;border-radius: 10px;margin-bottom: 60px;background: #f1f1f1;position:relative}
.modelo-atencional div.span4 p b,
.modelo-atencional div.span6 p b {color: #000;font-size: 15px;display: block;margin-bottom: 10px;}
.modelo-atencional div.span2 {display: inline-block;float: none;vertical-align: bottom;margin-bottom: 25px;}
.modelo-atencional div.span2 img {width: 70px;margin-bottom: -10px;}
.modelo-atencional div.span6 img {width: 30px;margin: 0 10px;}
.modelo-atencional div.flecha-r p:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f1f1f1;
    left: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.modelo-atencional div.flecha-l p:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f1f1;
    right: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.modelo-atencional div.flecha-t p:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f1f1f1;
    bottom: 100%;
    position: absolute;
    left: 50%;
    margin-left: -20px;
}
@media (max-width: 768px) {
    .modelo-atencional div.span2 {display:none;}
    .modelo-atencional div p:after{ display:none;}
    .modelo-atencional div p {margin: 15px !important;padding: 15px !important;}
    .modelo-atencional .title {margin-bottom:0;}
    .modelo-atencional .title br {display:none;}
}
.esfera-sky{
        border-radius: 50%;
        width: 110px;
        height: 110px;
        margin: auto;
        padding-top: 12%;
    }
    .esfera-sky img {width: 40%;}
    .color1{
        background-color: #007cc6;
    }
    .color2{
        background-color: #007cc6;
    }
    .color3{
        background-color: #007cc6;
    }
    .color4{
        background-color: #007cc6;
    }
    .area-esfera{
        background: #e1e1e1;
        text-align:center;
    }
    .esferas-color{
        padding: 30px 0px;
    }
    .esferas-color p{
        font-size: 12px;
        line-height: 18px;
        margin-top: 30px;
    }
    .esferas-color h3 {font-size: 18px;font-weight: 400;}
/* =============================================
SEARCH
=============================================== */


.context-search .options-search {
    display: none;
}
.context-search #page-title {
    padding-bottom: 10px;
}

.context-search #page-title-search {
    padding: 30px 0px 0px 0px;
}
.context-search #page-title-search h2 {
    color: #fff;
    overflow: inherit;
    line-height: 40px;
    font-weight: normal;
}
    
.context-search #page-title h2 {
    color: #fff;
    overflow: inherit;
}

.context-search #search-header {
background: url("https://bci-cdn.azureedge.net/uploads/d09b3fa0-71f2-4a44-a224-0b4a607b9677/original/blue-bg.jpg") no-repeat center center / cover;
}
.search-list h4 {
    font-size: 16px;
    margin: 0 0 0.3em;
    font-weight: 200 !important;
}
.context-search #search-header #top {
background: transparent;
padding: 0;
}
.context-search #search-header #top .top-inner {
padding: 0px 0px 30px;
}
.context-search .form-search .input-append {
margin-top: 0;
}  

.context-search .form-search .input-append .search-query {
    padding: 6px 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;
}

.form-search .input-append {width: 73%;margin-top: 10px;}
.form-search .input-append .search-query {width: 100%}

.context-search-show .search-section {
    border: 0;
    background-color: #fff;
    border-radius: 10px;
}

.search-section {
    padding-bottom: 0;
    margin-bottom: 0;    
}

.search-list li .description {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
}

.search-list li {
    padding: 1em 0;
    border-bottom: 1px solid #eee!important;
}

.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;
}    
@media (max-width: 979px) {
.context-layouts-show-servicio-al-cliente .row-fluid {padding:0 20px;}
#forms-feedback .span3 {width: 100%;}
#forms-feedback .span8 {width: 100%;}
.tabs-2 li {width: 31.33%;}
.nav-tabs.tabs-2 li a, .nav-tabs.tabs-2 li.active a {
    border-radius: 10px !important;
    border-right: 1px solid #ddd !important;
    width: 96%;
    margin-bottom:0;
}

#top-header.top-header_big {height: auto !important;}
#top-header.top-header_big .container {top: auto;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
}
@media (max-width: 768px) {
.context-layouts-show-servicio-al-cliente .nav li a img {display:none !important;}
.context-layouts-show-servicio-al-cliente .nav li {width: 100%;margin-bottom: 10px !important;}
.nav-tabs.tabs-2 li a, .nav-tabs.tabs-2 li.active a,.nav-tabs-3>.active>a,.nav-tabs-3>.active>a:hover,.nav-tabs-3>.>a:hover,.nav-tabs-3>li>a {margin:0;border-radius: 10px !important;border-right: 1px solid #ddd !important;border-bottom: 1px solid #ddd !important;width: 100%;}
.context-layouts-show-servicio-al-cliente .nav li {border-radius: 0px !important;border: 0 !important;}
.context-layouts-show-servicio-al-cliente .nav li {border-radius: 0;border-right: 0;border-bottom: 0;}
/* =================================================
    SERVICIO AL CLIENTE
    ============================================= */
    
#canales .columns-6 li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #eee;
} 
#canales .columns-6 li:last-child {
    border-bottom: 0;
}
#canales .columns-6 li .info-canal {
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: static;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
    text-rendering: optimizeLegibility;
    width: 78%;  
}
#canales .columns-6 li img {
    width: 18%;
    margin-right: 2%;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}
#canales .columns-6 li:hover .info-canal {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
    opacity: 1;
}
#canales .columns-6 li:hover img {opacity: 1;transform: translate3d(0,0,0) scale(1);}
#gerencia-general { padding: 20px 0; }
#gerencia-general .span6 { margin-bottom: 20px; }
#gerencia-general h2 { margin-bottom: 30px; line-height: 1; }
#gerencia-general .pull-left { float: left; margin-right: 15px; }
#gerencia-general img { width: 60px; height: 60px; }

#gerencia-general p {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.1;
}

#gerencia-general h4 { font-weight: 600; font-size: 16px; }


}
,

#Inversiones .productos-inversiones img{width: 25px; display:block;margin:10px;}
#Inversiones a, #Inversiones-collapse a {margin-bottom: 20px;display: inline-block;color: #fff;font-weight: bold;}
#Inversiones a img, #Inversiones-collapse a img {width: 25px; display:block;margin:10px;}
#Inversiones a { color:#fff;margin-top: 20px;}
#Inversiones-collapse, #Miami-collapse {text-align:left;}

/*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;
}

#login-backdrop .footer p {
    padding: 15px 0px!important;
}
/* =============================================
MODALS LEADS
=============================================*/
#lead-form select.select-tarjeta {
    background-color: #007cc6;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 102%;
    margin-left: -1%;
}




/* =============================================
SERVICIO AL CLIENTE
=============================================== */

#servicio-cliente .tab-content { padding: 25px 0; }
#servicio-cliente .tab-content #tab-03 .row-fluid { padding: 0; }
#servicio-cliente .tab-pane h4 {
    margin: 0 0 20px;
    font-size: 19px;
}
#servicio-cliente .tab-pane ul {
	margin-bottom: 20px;
}
#servicio-cliente .box-emergencia {
    margin-top: 20px;
}

/* =============================================
SEGUROS
=============================================== */
#que-seguro {
    background: #f1f1f1;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
}
#que-seguro p {
    max-width: 691px;
    line-height: 1.3em;
}
.beneficios_seguro_destacado img {
    width: 70px;
}
#beneficios_seguro {
   margin-bottom: 30px;
}
@media (max-width:768px){
    #beneficios_seguro .span9 {
       margin-bottom: 30px;
    }
}

#beneficios_seguro .bnr_asistencias figcaption {
    padding: 15px;
}
#beneficios_seguro .bnr_asistencias {
    margin-top: 0;
}
#beneficios_seguro ul.beneficios_seguro {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
    justify-content: center;
}
#beneficios_seguro ul.beneficios_seguro li {
    min-height: 72px;
    width: 48%;
    margin: 1%;
    padding: 2% 2% 2% 76px;
    list-style: none;
    position: relative;
    text-align: left;
    color: #333;
    z-index: 2;
    background: #fafafa;
    border: 1px solid #ccc;
}
#beneficios_seguro .bnr_asistencias figcaption h3 strong {
    font-size: 20px;
}

#beneficios_seguro ul.beneficios_seguro p {
    float: left;
    width: 100%;
    display: block;
    font-size: 13px;
    text-align: left;
    margin: 1%;
    position: relative;
    padding-left: 20px;
}
#beneficios_seguro ul.beneficios_seguro p span {
    float: left;
    color: #00a94a;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    left: 0px;
    top: -12px;
}


#beneficios_seguro ul.beneficios_seguro li:before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://bci-cdn.azureedge.net/uploads/aeb4a0e3-3a87-4aa3-8098-8dc93f695b8e/original/tick_c.png) no-repeat center;
    background-size: contain;
    margin-bottom: 10px;
    top: 10px;
    left: 16px;
}
#beneficios_seguro ul.beneficios_seguro li span {
    display: block;
    position: absolute;
    background-size: contain;
    margin-bottom: 10px;
    top: 50%;
    margin-top: -25px;
    left: 16px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    border-radius: 100px;
    border: 1px solid;
    line-height: 28px;
    width: 50px;
    text-align: center;
}
#beneficios_seguro ul.beneficios_seguro_destacado {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

#beneficios_seguro ul.beneficios_seguro_destacado li {
    margin: 10px;
    position: relative;
    width: 165px;
    height: 165px;
    display: inline-block;
}
#beneficios_seguro ul.beneficios_seguro_destacado.beneficios_seguro_destacado-100 li {
    margin: 10px;
    position: relative;
    width: 260px;
    height: 260px;
    display: inline-block;
}
            /* START: Accommodating for IE */
#beneficios_seguro ul.beneficios_seguro_destacado li:hover p, #beneficios_seguro ul.beneficios_seguro_destacado li p {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#beneficios_seguro ul.beneficios_seguro_destacado li:hover figure, #beneficios_seguro ul.beneficios_seguro_destacado li figure {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
    	
		#beneficios_seguro ul.beneficios_seguro_destacado li {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		#beneficios_seguro ul.beneficios_seguro_destacado li p,
        #beneficios_seguro ul.beneficios_seguro_destacado li figure {
                width: 165px;
                height: 165px;
                display: inline-block;
                border: 1px solid #ccc;
                border-radius: 10px;
                background: #fafafa;
                overflow: hidden;
                
                
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}
        #beneficios_seguro ul.beneficios_seguro_destacado li p span {
            position: absolute;
            line-height: 1.5em;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
            width: 90%;
            font-size: 12px;
            font-weight: 300;
        }
        #beneficios_seguro ul.beneficios_seguro_destacado li p, 
        #beneficios_seguro ul.beneficios_seguro_destacado li figure {
            width: 165px;
            height: 165px;
        }
        #beneficios_seguro ul.beneficios_seguro_destacado.beneficios_seguro_destacado-100 li p, 
        #beneficios_seguro ul.beneficios_seguro_destacado.beneficios_seguro_destacado-100 li figure {
            width: 260px;
            height: 260px;
        }

		#beneficios_seguro ul.beneficios_seguro_destacado li figure {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			z-index: 2;
            margin:0;
            padding: 25px 10px;
		}

		#beneficios_seguro ul.beneficios_seguro_destacado li p {
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
            padding: 10px 25px;
            font-size: 12px;
		}
        #beneficios_seguro ul.beneficios_seguro_destacado.beneficios_seguro_destacado-100 li p {
            padding: 60px 50px;
            font-size: 15px;
            font-weight: 100;
            line-height: 1.7em;
        }

#beneficios_seguro ul.beneficios_seguro_destacado li figure h3 {
    font-size: 15px;
    font-weight: bold;
    color: #444;
    margin: 0.4em 0;
}
#beneficios_seguro ul.beneficios_seguro_destacado.beneficios_seguro_destacado-100 li figure h3 {
    font-size: 16px;
    line-height: 1.3em;
}
.full-width {
    width: 100% !important;
}
#exclusiones_seguro ul {
    width: 98%;
    margin: 0 1%;
    display: flex;
    flex-wrap: wrap;
    background: #fafafa;
    border: 1px solid #ccc;
}
#exclusiones_seguro ul li {
    width: 48%;
    margin: 1%;
    padding: 1% 2% 1% 5%;
    list-style: none;
    position: relative;
    text-align: left;
    color: #333;
    z-index: 2;
    font-size: 13px;
    line-height: 1.4em;
}
#exclusiones_seguro ul li:before {
    margin-left: -20px;
    margin-right: 10px;
    content: "\F00D";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 14px;
    color: #e7273b;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
#condiciones-basicas {
    margin-bottom: 20px;
}
#condiciones-basicas ul {
    width: 98%;
    margin: 0 1%;
    display: flex;
    flex-wrap: wrap;
    background: #fafafa;
    border: 1px solid #ccc;
}
#condiciones-basicas ul li {
    width: 48%;
    margin: 1%;
    padding: 1% 2% 1% 5%;
    list-style: none;
    position: relative;
    text-align: left;
    color: #333;
    z-index: 2;
}
#condiciones-basicas ul li:before {
    margin-left: -20px;
    margin-right: 10px;
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 14px;
    color: #009640;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.seguro-content b{
    font-weight: 500;
}
.seguro-content .beneficios_seguro li {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 300;
}
#condiciones-basicas li {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 300;
}
#exclusiones_seguro ul li {
    width: 48%;
    margin: 1%;
    padding: 1% 2% 1% 5%;
    list-style: none;
    position: relative;
    text-align: left;
    color: #333;
    z-index: 2;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 300;
}

#exclusiones_seguro ul {
    width: 98%;
    margin: 0 1%;
    display: flex;
    flex-wrap: wrap;
    background: #fafafa;
    border: 1px solid #ccc;
}
#exclusiones_seguro ul.inside {
    margin-left: 21px;
    font-size: 13px;
    border: none;
}
#exclusiones_seguro ul.inside li {
    border: none;
    list-style: initial;
    padding: 0;
    padding-right: 11px;
}
#exclusiones_seguro ul.inside li:before{
    display: none;    
}
#condiciones-basicas ul.inside li {
    border: none;
    list-style: initial;
    padding: 0;
    padding-right: 11px;
}

#condiciones-basicas ul.inside li:before{
    display: none;    
}

#condiciones-basicas ul.inside {
    margin-left: 21px;
    font-size: 13px;
    border:none;
}
.seguro-content .call-action {
    text-align: center;
    background: #f1f1f1;
    padding: 25px 31px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    margin-bottom:30px;
}
.seguro-content .call-action h4 {
    font-size: 20px;
    font-weight: bold;
    color: #444;
}
.seguro-content .call-action .btn {
    float: none!important;
}
.notas-legales {
    height: 0px;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
}
.notas-legales.open {
    height: auto;
    max-height: 3000px;
}.
.ver-notas-legales, .cerrar-notas-legales {
    margin-bottom: 10px;
    display: inline-block;
    color: #333;
    background: #f1f1f1;
    border-radius: 50px;
    padding: 5px 15px;
    text-decoration: none;
    transition: .3s;
    font-weight: 300;
}
.ver-notas-legales, .cerrar-notas-legales {
    margin-bottom: 10px;
    display: inline-block;
    color: #333;
    background: #f1f1f1;
    border-radius: 50px;
    padding: 5px 15px;
    text-decoration: none;
    transition: .3s;
}
.notas-legales p.pol {
    font-size: 11px;
    line-height: 1.7em;
    background: #f1f1f1;
    padding: 20px;
    border: 1px solid #ccc;
}
.scrsl .circular-cv{
    float:left;
}
.scrsl{
    padding-right:30px!important;
}
@media (max-width:1200px){
    .scrsl{
        padding-right:10px!important;
    }
}

.scrsl span{
    margin-top:10px;
    overflow: hidden;
    display: table;
}
.scrsl span:first-child{
    margin-top:0;
}
.scrsl span p{
    padding-left:10px;
    vertical-align: middle;
    display: table-cell;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
}
.scrsl span p.phone{
    font-size: 22px;
    color: #007cc6;
    font-weight: 700;
    margin-top: 19px;
    line-height: 25px;
}
.context-layouts-show-seguros #list-for .columns-4 figure {
    max-height: 177px;
}
.slick-prev:before, .slick-next:before {
    display:none;
}
.slick-slider {margin-bottom:0;}
.slick-prev:after, .slick-next:after {
    color: #000;
}

.center{margin:0 auto!important;float:none!important;}
/* =============================================
MEDIA QUERYS
=============================================== */
@media (max-width: 1366px) {
    #widget-d2b504 {
    background-size: 90% auto;
}
#widget-48269f {
    backgroud-position: 0 -100px;
    background-size: 40% auto;
}
#widget-334135 {
   background-size: 42% auto;
}
#beneficiarios-home {
    background-position: -50px 0;
    background-size: 55% auto;
}
#beneficiarios-home h2 {
    font-size: 32px;
}
#beneficiarios-home li {
    font-size: 18px;
}
.new-tabs {
    background-position: right -30px;
    background-size: 48% auto;
}

.context-layouts-show-seguridad #top-header {
    height: auto;
}

.context-layouts-show-seguridad #top-header .container {
    top: 0;
    transform: none;
}

.tabs-productos .nav > li.active > a:after {    bottom:-83px;}

#list-for .btn:first-child {
    display: block;
    float: none;
    margin-right: 2px;
    width: 150px;
    margin: 0 auto !important;
}
  
}
@media (max-width: 1200px) {
    .tabs-productos .nav > li.active > a:after {    bottom:-80px;}  
}
@media (max-width: 1199px) {
    
/* =============================================
SERVICIO AL CLIENTE
=============================================== */
    #forms-feedback .nav-tabs a { text-align: center; }
    #forms-feedback .nav-tabs a img { margin-right: 0; }
    #forms-feedback .nav-tabs a span { 
        width: 100%; 
        font-size: 13px;
    }
    
}
@media (max-width: 1024px) {
    .tabs-productos .nav > li.active > a:after {
    bottom: -80px;
}



}

@media (max-width: 979px) {
    /* =============================================
HEADER
=============================================== */



#nav-menu > .pull-right > ul > li > a {
    padding: 20px 10px 16px;
    font-size: 15px;
}


#destacados iframe {
    height: 254px;
}
#destacados .columns a {
    height: auto;
}
#destacados .caption {
    padding-top: 20px;
}
#destacados .btn-transparent {
    padding: 7px;
}
#widget-48269f {
    background-position: 0 0;
}
#widget-d2b504 {
    background-image: none;
}
#widget-d2b504 .wg-title,
#widget-d2b504 .columns {
    width: 100%;
    float: none;
}
#widget-334135 {
    background-image: none;
}
#beneficiarios-home .span3 {
    width: 33.3333%;
}
#beneficiarios-home .span9 {
    width: 66.6666%;
    margin-left: 0;
}
#beneficiarios-home {
    background-position: -135px 0;
    background-size: 75% auto;
}
.new-tabs h2.pull-right {
    margin: 10px 0 30px!important;
    float: none;
    text-align: center;
}
#highlight-travel .span4 {
    width: 40%;
}
#highlight-travel .span5 {
    width: 58%;
    margin-left: 2%;
}
#highlight-travel .span3 {
    width: 100%;
    margin: 20px 0;
}
.tab-principal h2 {
    font-size: 18px;
}
#highlight-travel .media > .pull-right {
    margin-left: 10px;
}
.box-default-6.main-product .item-box h3 {
    font-size: 18px;
}
.box-default-4 li {height: 180px;}
.box-default-4 a h4 {display:none;}
.box-default-4 a h3 {font-size: 25px;}

.box-productos img {width: 100%;}
.box-productos figcaption {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.tabs-productos .nav > li.active > a:after {    bottom:-76px;}

.demo-app .tab-content {background:none;padding: 0;margin-bottom:20px;}
.mapa {display:none;}
.cont-socios a {width: 25%;}

/* =============================================
SERVICIO AL CLIENTE
=============================================== */

#servicio-cliente .nav li a {
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
}
#servicio-cliente .nav li a img {
    display: block!important;
    float: none!important;
    margin: 0 auto 5px!important;
    width: 32px!important;
}
#forms-feedback .tab2-content {
    border-radius: 0 0 10px 10px;
}
#forms-feedback .span3 {
    margin-left: 0;
}
#forms-feedback .span3 ul { text-align: center; }
#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
}
#forms-feedback .span3 li:last-child { margin-right: 0; }
#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 10px 0 0!important;
}

#forms-feedback .span3 li {
    width: 100%;
    margin-right: 1%;
    float: lefth;
    display: inline-block;
}

#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
}

/* =============================================
SEGUROS @ALL
=============================================== */

.acordion-dinamic li p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#wrap-signUp.active .wrapper {
    top: 23%;
    opacity: 1;
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
}

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

/*BOTÓN NAV MENU*/
.client-access a {
    padding: 9px !important;
    font-size: 12px;
}

.tabs-productos ul li a {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    position:relative;
    padding-bottom: 10px;
    transition:.3s;
}

/*PRODUCTOS Y SERVICIOS EXCLUSIVOS*/
 
.box-productos a h3 {font-size:14px;}

#Inversiones a { color:#fff;margin-top: 20px;}

.accordion-body {
    padding: 0px 20px;
    margin-bottom: 20px;
}


#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
    margin-top: 5px;
}

.context-layouts-show-servicio-al-cliente .nav li {
    width: 31% !important;
    margin-bottom: 0px !important;
}

#forms-feedback .span3 li {
    width: 100% !important;
    margin-right: 1%;
    float: lefth;
    display: inline-block;
}

#list-for .btn:first-child {
    display: block;
    float: none;
    margin-right: 2px;
    width: 150px;
    margin: 0 auto !important;
}

#Seguros-collapse .columns-5 > li {width: 23%;}

#complementary-third-level .columns-5 li {width: 23%;}



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


#wrap-signUp .inner {
    width: 100% !important;
}
#wrap-signUp .wrap-carousel {
    display: none;
}
#solicitar-tarjeta-credito{
top: 20px;
}
}

@media (max-width: 768px) {
    /* =============================================
UI
=============================================== */
.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }


/* HIGHLIGHT TEXT */

 
/* BUTTONS */

.btn {
    padding: 7px 10px
}
.btn-large {
    font-size: 18px;
    padding: 12px 40px;
}

/* MISSELANIUS */

section.wg-text > div { padding: 20px 0; }

.wg-title { margin-bottom: 30px; }
.wg-title p { font-size: 15px; }

.call-action { margin-top: 20px; }
.row-fluid [class*="span"] { margin-top: 0px; }
.cont-tarjetas .row-fluid [class*="span"]:first-child { display:block !important;}


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

header .client-access a {
    padding: 7px 10px;
    margin-top: 6px;
}
#navigation .container { padding: 0 5px; }

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

#menu-panel { position: relative; }
#menu-panel > #close-right-menu {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    right: 10px;
}

#nav-menu > .pull-right > ul > li > a {
    padding: 20px 8px 16px;
    font-size: 14px;
}

.off-screen-nav-button {
  display: none;
  position: relative;
  z-index: 2;
}

#nav-menu > .pull-right { display: block; }
.client-access a { margin-top: 5px; margin-left: 0; }

header h1 { margin: 0; }
.logohome img {
    width:90px;
    margin:6px 0 7px;
}
header h1 { padding: 0; }
#dropdowns { display: none; }



/* SIDR */
.sidr form {
  margin: 0;
  padding: 10px;
  position: relative;
}
.sidr form input[type="search"] {
  background: #fff;
  width: 165px;
  margin: 0;
  padding: 5px 15px;
  color: #333;
}

.sidr ul li {
  line-height: 2.5;
  padding-left: 10px;
  font-size: 14px;
}
.nav-responsive a:after {
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: -20px;
  content: "\f105";
  color: #444;
  font-size: 30px;
}
.nav-responsive a {
  position: relative;
}
.sidr ul li:hover, 
.sidr ul li.active, 
.sidr ul li.sidr-class-active {
  line-height: 2.5;
}
.sidr h4 {
    background: #000;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}
.sidr h4 a {
    color: #DACC00;
    padding: 10px;
    display: block;
    font-size: 24px;
    text-align: right;
}
.sidr form #close-right-menu {
	margin: 0;
	padding: 0;
	right: 10px;
    top: 15px;
}
.sidr form #close-right-menu img {
	display: block;
}
.sidr form #close-right-menu:after {
    content: "";
}

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

/* FEATURED WIDGET */

.valign-text { padding: 20px 0; }



section.wg-text > div {
    padding: 25px 0;
}
.wg-title h2 {
    margin-bottom: 10px;
}
.indicadoreBg .v-mas {
    display: none;
}
.media-wrap-holder .columns {
    margin: 0;
}
#destacados .collapsed.columns-2 > li {
    width: 100%;
    margin: 0!important;
}
#destacados .columns li ul li {
    width: auto;
    float: none;
    margin: 0;
}
#destacados .iconoplay {
    display: none;
}
#media-wrap-holder li a img {
    width: 150px;
    margin-right: 20px;
    float: left;
    display: block;
}
#destacados .columns a {
    background-color: #55565B;
    margin-bottom: 10px;
    cursor: pointer;
}
#destacados .columns a:hover {
    background-color: #4E4F54;   
}
#destacados .caption {
    background: transparent;
    position: static;
    opacity: 1;
}
#destacados .columns a:hover .caption {
    transition: none;
}
#destacados .btn-transparent {
    display: none;
}
#destacados iframe {
    height: 370px;
}
#media-wrap-holder .columns {
    margin-left: 0;
}
#media-wrap-holder .caption {
    height: 100px;
    padding: 0;
    text-align: left;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#media-wrap-holder .caption h4 {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
#widget-d2b504 .columns {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
#widget-d2b504 .columns li {
    margin-bottom: 5%;
}
#widget-d2b504 a {
    width: 160px;
    height: 160px;
}
#prop-valor .description h3 {
    font-size: 23px;
}
#beneficiarios-home h2 {
    font-size: 30px;
}
#beneficiarios-home li {
    font-size: 16px;
}
#beneficiarios-home {
    background-position: -170px 0;
    background-size: 90% auto;
}

/* TRAVEL */

#highlight-travel > .container {
    padding-left: 0;
    padding-right: 0;
}
.new-tabs .tab-content {
    padding: 25px!important;
}
.box-default-6 > li {
    margin-bottom: 10px;
}
.box-default-6 .item-box {
    background-color: #fff;
    padding: 10px;
}
.box-default-6.main-product .item-box {
    background-color: transparent;
    padding: 0;
}
.box-default-6 .item-box .item-pic {
    height: 84px;
    margin-right: 10px;
    border-radius: 0;
}
.box-default-6.main-product .item-box .item-pic {
    width: 100%;
    float: none;    
}
.box-default-6 .item-box .item-description .info-viaje span {
    position: static;
}
.box-default-6 .item-box .item-description .info-viaje .ico-plane {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/a7729347-3a07-4e66-90e3-e1872f33ca07/original/icon-normal-plane.png") no-repeat;
}
.box-default-6 .item-box .item-description .info-viaje .ico-hotel {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/6e11f5de-3d4f-462b-b4a7-d202960d3cce/original/icon-normal-hotel.png") no-repeat;
}
.box-default-6 .item-box .item-description .info-viaje .ico-car {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/645a789d-ddde-4b38-b1f9-79d661feb441/original/icon-normal-car.png") no-repeat;
}
.box-default-4 li {height: 120px;}

.columns-3.privilegios-home li {width: 98%;}
.columns-3.privilegios-home li img {float: left;width: 45%;}
.columns-3.privilegios-home li article {width: 50%;float: right;}

.demo-app .nav-tabs li {width: 30%;}
.accordion-body {padding: 0px 20px;}
.accordion-body .accordion-inner {padding: 0;border-top: none}

.accordion-heading .accordion-toggle p {margin:0;}
.consumo-universal ul li figure {width: 80%;margin: 0px 20% 10px 20%;}
.accordion-inner, a, a:hover {
    color: #333;
    text-decoration: none;
}

.hidden-tablet {display:none;}
#top-header a.btn {display:none;}
.cont-tarjetas a.btn,
.cont-post a.btn {float:none;}
.call-action{
margin-top: 20px;
background-color: #f2f2f2;
padding: 2%;
}
.media-body {margin-bottom:10px;}
/* =============================================================================
    SEGURIDAD
================================================================================ */

#security-information .columns { margin: 0; }
#security-information .columns > li {
    float: none;
    margin: 0;
    text-align: left;
    width: auto;
}
.context-layouts-show-seguridad .second-box { width: 100%; } 
.context-layouts-show-seguridad #top-header .white { display: none; }
.iconoplay { display: none; }
#security-information .columns > li img { float: left; margin-right: 15px; width: 25%; }

.box-default-notices { height: auto; }
.box-default-notices .caption { margin: 0; overflow: hidden; }
.box-default-notices .caption .btn { display: none;  }
.box-default-notices a { 
    overflow: hidden; 
    display: block; 
    padding: 10px 0;
    padding-right: 40px;
    border-bottom: 1px solid #EEE;
    position: relative;
}
.box-default-notices a:after {
    font-family: FontAwesome; position: absolute; right: 10px; top: 35%; content: "\f105"; color: #444; font-size: 30px;;
    color: #CCC;
}

.context-layouts-show-seguridad #security-information h4 {
  font-size: 16px;
  margin-top: 20px;
}
#security-information { padding: 20px 0; }
#telefonos-emergencias .columns > li {
    width: 100%;
    height: auto!important;
    margin: 0 0 15px 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
#telefonos-emergencias .columns > li:first-child {
    padding-bottom: 0;
    border: 0;
}
.tabs-wrap .columns-3 { margin-left: -2%; }
.tabs-wrap .columns-3 > li {
    width: 31.33%;
    float: left;
    margin-left: 2%;
}
.tabs-wrap img { height: auto; width: 50px; }
.tabs-wrap .nav-tabs>li>a { 
    padding: 10px;
    font-size: 12px;
    line-height: 1;
    height: 120px;
}
.tabs-wrap .nav-tabs>li>a h4 { font-size: 12px; line-height: 1; font-weight: 400; }
.tabs-wrap { height: auto !important; }
/* =============================================================================
    Sucursales
================================================================================ */
.context-place-list #tabs-sucursales {
    display: none;
}
.context-place-list { background: #FFF; }
.context-place-list #main { padding: 0; }
.context-place-list #page-content > .container { padding: 0; }


.context-place-list #tabs-sucursales .columns > li .active {
    background: #DDD;
}
.context-place-list #tabs-sucursales .columns > li .cv {
    padding: 10px;
}

.inline.places-filters { margin: 0; }
.inline.places-filters > li { display: block; }
.inline.places-filters select,
.inline.places-filters input[type="text"] { width: 100%; }

.context-place-list #main { margin: 0; }
.context-place-list table { font-size: 13px; }
.context-place-list table th:nth-child(1), 
.context-place-list table td:nth-child(1), 
.context-place-list table th:nth-child(3), 
.context-place-list table td:nth-child(3) {
    display: none;
}

.context-place-list #tabs-sucursales .columns > li .cv p { display: none; }

.context-place-list #tabs-sucursales .circular-cv { display: inline-block; margin-bottom: 10px; }
.context-place-list #tabs-sucursales .columns > li .cv { text-align: center;}
.context-place-list #tabs-sucursales li .span4,
.context-place-list #tabs-sucursales li .span8 { width: 100%; }



.context-place-list table td { line-height: 1; }
#places-results td:last-child { width: 100px ; }

.pagination ul>li>a, .pagination ul>li>span { padding: 5px 10px; }

#places-modal { width: 90%; margin: auto; left: 0; right: 0; top: 80px; bottom: 0; height: 90%; }
#places-modal .modal-header h3 { font-size: 21px; }


.context-place-list .select2-container .select2-choice { width: 230px; }
.cont-socios a {width: 35%;}

/* =============================================================================
    INTERNAL SEGUROS
================================================================================ */

#list-for figure.effect-milo figcaption p,
#products-tab figure.effect-milo figcaption p, 
#services-tab figure.effect-milo figcaption p { 
  display: block;
  width: auto;
  text-align: left;
  border: 0;
  padding: 0;
  opacity: 1;
  line-height: 1.2;
  font-size: 12px;
  color: #666;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none;
}
#list-for { padding: 20px 0; }
#list-for .columns { margin: 0 -15px; }
#list-for .columns > li {
    float: none;
    text-align: left;
    width: auto !important;
    margin: 0;
    padding: 10px 15px;
    padding-right: 40px;
    border-bottom: 1px solid #EEE;
    position: relative;
}
 #list-for .columns > li:after {
    font-family: FontAwesome; position: absolute; right: 10px; top: 35%; content: "\f105"; color: #444; font-size: 30px;;
    color: #CCC
}
.container, .container-widget-full .widget > .inner {
    padding: 0 15px !important;
}
li.thumb-img img {width: 100% !important;float: left;}
.thumb-img {
    width: 23%;
    float: left;
    margin: 1%;
}

/* =============================================================================
    CRÉDITOS HIPOTECARIOS
================================================================================ */

.context-layouts-show-credito-hipotecario-detalle .cont-post .tab-content { display: block; }
.context-layouts-show-credito-hipotecario-detalle #top-header .pull-left,
.context-layouts-show-credito-hipotecario #top-header .pull-left { width: 70%; }
.title small {
    width: 90%;
    font-size: 15px;
}

/* =============================================
SERVICIO AL CLIENTE
=============================================== */

#forms-feedback .span3 li { margin-bottom: 0!important; }
#forms-feedback .span3 li a {
    border-bottom: 0!important;
}
#forms-feedback .span3 li a img { display: inline-block!important; }
#forms-feedback .nav-tabs a span { font-size: 10px; }

#forms-feedback .span3 li a {
    width: 32%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
}



/* =============================================
PUNTOS
=============================================== */

.context-layouts-show-puntos .span4,
.context-layouts-show-puntos .span7 {
    width: 90%;
    margin: 30px auto 20px!important;
    float: none;
}
.context-layouts-show-puntos .span1 { display: none; }
.context-layouts-show-puntos .span4 img { width: 196px; }
.esfera-sky { 
    padding-top: 0; 
    position: relative;
}
.area-esfera .title {
    margin-bottom: 20px;
}
.esfera-sky img {
    width: 46px;
    margin: -23px 0 0 -23px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.area-esfera .columns > li { 
    padding: 20px 15px!important;
    text-align: center!important; 
}
#list-for .columns > li:after { content: ''; }
.esferas-color p {
    margin-top: 0;
}

/* =============================================
BCI / AADVANTAGE
=============================================== */

#bci-aadvantage img {
    width: 90%;
    max-width: 180px!important;
}

/* =============================================
SEGUROS
=============================================== */

#complementary-third-level .columns { margin: 0 -15px; }
#complementary-third-level li { margin: 0; margin-left:2%; margin-bottom:2%; }


.box-productos.columns-5 a {
    min-height: 400px !important;
    background-color: #fff;
}

.btn:first-child {
    display: block;
    float: left;
    margin-right: 2px;
}

#list-for .btn:first-child {
    display: block;
    float: none;
    margin-right: 2px;
    width: 150px;
    margin: 0 auto !important;
}


/* =============================================
BANNER CAPTION
=============================================== */

.slick-slide {
    height: 350px!important;
    top:40%;
}

.wg-featured .caption {
    width: 65% !important;
    background: transparent!important;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left !important;
    padding: 0 !important;
    float: none !important;
}


#wrap-signUp.active .wrapper {
    top: 23%;
    opacity: 1;
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
}

.tabs-productos .nav > li.active > a:after {    bottom:-75px;}


/* =============================================================================
    VISTA INTERIOR PLANES
================================================================================ */

.cont-post .tabs-left li.active a {color: #333;font-size: 14px !important;}

.cont-post #green-box {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
    color: #333 !important;
}

.tabs-left li {
    width: 100%;
    border: none;
    color: #333 !important;
}

.cont-post .pol {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
    color: #007cc6 !important;
}

.cont-post .tabs-left li a {
    color: #333;
    font-size: 14px;
}

.tabbable.tabs-left .nav-tabs {
    background: #007cc6;
    padding: 60px 30px;
    margin-top: -25px;
}

.accordion-body {
    padding: 0px 20px;
    margin-bottom: 20px;
}

/* =============================================================================
    /VISTA INTERIOR PLANES
================================================================================ */


.context-layouts-show-servicio-al-cliente .nav li {
    width: 31% !important;
    margin-bottom: 0px !important;
}

#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
    margin-top: 5px;
}

#canales .columns-6 li {
    width: 23% !important;
    height: 270px;
    text-align: center;
}
header h1 {width:auto !important;}


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

#changeBg-div {
    background: none !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
}
#lead-form select.select-tarjeta {
    background: #fff;
    color: #333;
    margin: 0;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 0;
}
.customer_email .row-fluid > .span3 {
    float: left;
    width: 25%;
}
.customer_email .row-fluid > .span9 {
    float: left;
    padding-left: 5px;
    width: 75%;
}
#lead-form input, #lead-form select {
    margin-bottom: 0;
}
div.container-fluid.formHazteCliente {
    height: auto !important;
    max-height: 2000px !important;
}

    .modal-plan p,.modal-plan p span {display: inline;font-size: 12px;}
}

@media (max-width: 767px) {
    /* HOME */

.productos-home .tab-content.container {
    display: none;
}
.tabs-productos {
    background-color: transparent;
}
.tabs-productos ul li img {
    width: 100%;
}
.tabs-productos .accordion-heading .accordion-toggle {
    padding: 10px 15px;
    color: #fff;
    text-align: left;
    font-size: 18px;
}
.tabs-productos .accordion-heading .accordion-toggle img {
    width: 42px;
    margin-right: 15px;
}
.tabs-productos #Planes-collapse ul li a,
.tabs-productos #Tarjetas-collapse ul li a,
.tabs-productos #Financiamiento-collapse ul li a {
    color: #333;
}
.tabs-productos #Tarjetas-collapse ul li a:hover {
    color: #fff;
}
.tabs-productos .accordion-inner {
    padding: 20px 0;
}

/* =============================================================================
    BANCA MÓVIL
================================================================================ */
.demo-app .tab-content {display:none;}
.box-productos.columns-5 a {min-height: 400px!important;background-color: #fff;}

/* =============================================================================
    BANCA MÓVIL
================================================================================ */
.tabs-productos .nav > li.active > a:after {    bottom:-72px;}
.cont-post .tabs-left li a {color: #333;font-size: 14px;}

#forms-feedback .span3 {
    width: 100% !important;
}
#forms-feedback .tab2-content {
    width: 100% !important;
    padding: 3% !important;
}


#forms-feedback .span3 li {
    width: 100% !important;
    margin-right: 1%;
    float: left;
    display: inline-block;
}

#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 0px 0px 10px!important;
    border-right: 1px solid #fff !important;
    margin-left: 1px;
    margin-top: 5px;
}

.context-layouts-show-servicio-al-cliente .nav li {
    width: 100%!important;
    margin-right: 1%;
    float: left;
    display: inline-block;
}

#forms-feedback .span3 li a {
    width: 100%;
    margin: 0;
    border-radius: 10px 10px 0px 0px!important;
    border-right: 1px solid #ddd !important;
    margin-left: 1px;
    margin-top: 5px;
}

#acordion .span3 li {
    width: 32% !important;
    margin-right: 1%;
    float: left;
    display: inline-block;
}

.off-screen-nav-button {
  display: block;
  position: relative;
  z-index: 2;
}

#nav-menu > .pull-right { display: none; }

.off-screen-nav-button {
    margin-top: 11px;
    margin-right: 0;
    padding: 10px 7px;
    position: relative;
    z-index: 2;
}

#Inversiones-collapse .accordion-inner, a, a:hover {
    color: #FFF;
    text-decoration: none;
}

/*RELACIONADOS OTROS SEGUROS*/

#complementary-third-level figure.effect-milo h5 {color: #000 !important;} 




#complementary-third-level li { margin: 0 -15px; border-bottom: 1px solid #EEE; width: 100%;}
.context-layouts-show-automotriz .tab-content .call-action { text-align: center; padding: 20px 0; }
#green-box { padding: 15px; }
.tabs-left h3 {
  font-size: 22px !important;
}
#complementary-third-level { padding: 20px 0; }
.columns-5 .effect-milo p, 
.columns-4 .effect-milo p { width: auto; }

.columns-4 .effect-milo h5, 
.columns-5 .effect-milo h5 { padding: 0; }


.columns figure figcaption { 
    overflow: hidden; 
    width: auto; 
    height: auto; 
    position: static; 
    padding: 0 !important;
    text-align: left;
}
figure.effect-milo img { float: left; margin-right: 10px; width: 25%; display: block; }
figure.effect-milo p {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none;
  border: 0;
  font-size: 12px !important;
  padding: 0;
  text-align: left;
  width: auto;
  opacity: 1;
  color: #666;
}
figure.effect-milo { background: none; }
figure.effect-milo h5 { 
    position: static; 
    color: #000; 
    font-size: 18px !important; 
    font-weight: 600;
    padding: 0;
    background: none;
}

figure.effect-milo h5:hover {color:#000;}

#complementary-third-level h3 { margin-bottom: 20px; }
#complementary-third-level .columns > li a { display: block; padding: 10px; padding-right: 40px; position: relative; }
#complementary-third-level .columns > li a:after {
    font-family: FontAwesome; position: absolute; right: 10px; top: 35%; content: "\f105"; color: #444; font-size: 30px;;
    color: #CCC;
}

#complementary-third-level li {
    margin: 0 -15px;
    border-bottom: 1px solid #EEE;
    width: 100%;
}

#complementary-third-level .columns-5 li {
    width: 100%;
}


.context-layouts-show-automotriz .visible-phone,
.context-layouts-show-multiproteccion .visible-phone,
.context-layouts-show-vida .visible-phone,
.context-layouts-show-salud .visible-phone,
.context-layouts-show-proteccion-al-credito .visible-phone,
.context-layouts-show-seguros .visible-phone {
    display: block !important;
}
.visible-phone
.context-layouts-show-automotriz .hidden-phone,
.context-layouts-show-multiproteccion .hidden-phone,
.context-layouts-show-vida .hidden-phone,
.context-layouts-show-salud .hidden-phone,
.context-layouts-show-proteccion-al-credito .hidden-phone,
.context-layouts-show-seguros .hidden-phone {
    display: none !important;
}
.cont-post .tab-content, .cont-tarjetas .tab-content { display:none!important;}


/*SEARCH*/

.search-section .search-list h4 a{
    color: #007cc6!important;
    font-size: 18px;
    font-weight: 700;
}

.context-search .form-search .input-append .search-query {
    padding: 3px 15px 8px 15px;
    border-radius: 3px 0 0 3px;
    border: 0;
    font-size: 22px;
    width: 85%;
}


}

@media (max-width: 480px) {
    .client-access a {
  margin-top: 8px;
  font-size: 12px;
  padding: 4px 6px;
  width: auto;
  min-width: 0;
  margin-left: 0;
}
/*.logohome img { width: auto height: 23px; }*/
.off-screen-nav-button {
    margin-top: 10px;
    margin-right: 0;
    padding: 10px 7px;
    position: relative;
    z-index: 2;
}
#nav-menu > .pull-right { margin-right: -10px; }

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

#map .info-map h2 { line-height: 1; }
#map .info-map { right: 20px; bottom: 20px; }
#map .info-map p { font-size: 12px; }

.context-place-list #clear-com { display: none; }
.inline.places-filters select { display: none; }
.context-place-list #tabs-sucursales .columns > li .cv { height: 110px; }
.context-place-list #tabs-sucursales .columns > li .cv h3 { font-size: 14px; font-weight: 400; }

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

/* DESTACADOS */

#widget-48269f {
    background-image: none;
}
#destacados iframe {
    height: 245px;
}

/* PRODUCTOS */

#widget-d2b504 {
    padding: 30px 0;
}
#widget-d2b504 .columns {
    width: 100%;
}
#widget-d2b504 a {
    height: 120px;
    width: 120px;
}
#widget-d2b504 .caption h3 {
    font-size: 14px;
}

/* BENEFICIARIOS */

#beneficiarios-home {
    background-image: none;
    padding: 20px 0;
}
#beneficiarios-home .span3 {
    display: none;
}
#beneficiarios-home .span9 {
    width: 100%;
}
#beneficiarios-home h2 {
    font-size: 28px;
}
#beneficiarios-home li {
    font-size: 14px;
}

/* PROPUESTA DE VALOR */

#prop-valor .columns {
    width: 100%;
    margin: 0 auto;
}
#prop-valor .columns-3 > li {
    background-color: #333;
    width: 100%;
    margin-bottom: 15px;
}
#prop-valor .columns-3 > li .description {
    padding: 5px 15px;
}

#beneficiarios-home .span9 {
    margin: 0 auto;
    width: 90%;
}

/* TRAVEL */

.new-tabs {
    background-image: none;
}
.new-tabs .tab-content {
    padding: 25px 15px !important;
}
.new-tabs .nav li a {
    width: 130px!important;
    font-size: 20px!important;
}
#highlight-travel .span4 {
    width: 100%;
    margin-bottom: 10px;
}
.box-default-6.main-product .item-box .item-pic {
    width: 40%;
    height: 176px;
    margin-right: 15px;
    float: left;
}
#highlight-travel .media > .pull-right {
    margin-left: 0!important;
}
.box-default-6.main-product .info-viaje small {
    text-align: left;
}
#highlight-travel .span5 {
    width: 100%;
    margin-left: 0;
}
.box-default-6 .item-box .item-pic {
    width: 105px;
    height: auto;
}
.box-default-4 li {width: 100% !important;margin-left: 0;}
.columns-2.box-productos li {width: 98%;}
.demo-app .nav-tabs li {width: 100%;}
.demo-app .nav-tabs li a {margin-bottom:20px;}
.demo-app .nav-tabs li a img {width: 12%;float: left;}
.demo-app .nav-tabs li a span {width: 85% !important;float: right;text-align: left;}
.demo-app .nav-tabs li a small {width: 85% !important;float: right;text-align: left;}

#top-header p, #top-header small{display:none;}
#top-header .pull-left {width: 100%;}
#top-header {height: 140px;}
#top-header .pull-left br {display: none;}

.tabla thead {display:none}
.tabla td,.tabla th {
    display: block;
    width: 100%;
    text-align: left !important;
    border: none;
}
.tabla tr {border-bottom: 2px solid #EEE;}
.cont-oficina .cont-oficina-desc span {width: 99%;}
.demo-app.demo-web .tab-content .span4 {margin: 0;width: 100%;}
.demo-app.demo-web .nav-tabs li.active a, .demo-app.demo-web .nav-tabs li.active {color: #777;background: none;border: none;}
.cont-tarjetas .cover-tarjeta .pull-left {width: 60%;margin: 5% 10% 6% 16%;box-shadow: 0px 0px 35px rgba(255,255,255,1);border-radius: 5px;}
.privilegios-home p {display:none}
.productos-home {display:none;}
.productos-home-r {display:block;}
.consumo-universal ul li{width: 47%;margin-bottom: 20px;}
.consumo-universal ul li figure {width: 40%;margin: 0px 30% 10px 30%;}

/* PRODUCTOS */

.productos-home {
    display: block!important;
}
.productos-home-r {
    display: none!important;
}
#Tarjetas-collapse ul {
    margin-left: 0;
}
#Tarjetas-collapse ul li {
    width: 100%;
    margin: 0 0 2% 0;
}
.slick-prev, .slick-next {
    width: 30px !important;
    height: 30px !important;
    margin-top: -15px !important;
}
.slick-prev:after {font-size: 30px !important;right: 10px !important;}
.slick-next:after {font-size: 30px !important;right: 8px !important;}
.cont-socios a {width: 70%;}

/* =============================================
SERVICIO AL CLIENTE
=============================================== */

.second-box .number-box {
    width: 100%;
    border-right: 0;
}
.context-layouts-show-servicio-al-cliente #top-header small { 
    width: 100%; 
    line-height: 1.2;
}
#servicio-cliente .media .pull-left { float: left; }
#forms-feedback .span3 li { 
    width: 31%;
    vertical-align: bottom; 
}
#forms-feedback .span3 li a {
    padding: 8px 5px;
}
#forms-feedback .nav-tabs a span {
    min-height: 25px;
    margin: 0 auto;
    display: block;
    line-height: 1.2;
}
#forms-feedback .span3 li a img { 
    margin: 0 auto 5px;
    width: 40px; 
    display: block;
}


#complementary-third-level .columns-5 > li {
    width: 100%;
}

#Seguros-collapse .columns-5 > li, .columns-6 > li {
    width: 100%;
}

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

.modal.modal-plan p, .modal.modal-plan p span, #wrap-signUp p, #wrap-signUp p span {
    display: none !important;
}
#lead-form input, #lead-form select {
    height: 30px !important;
}

/* DESTACADOS SEGUROS */
#beneficios_seguro ul.beneficios_seguro_destacado li {
    width: 44%;
}
#beneficios_seguro ul.beneficios_seguro li{
    width: 100%;
    padding: 2% 2% 2% 55px;
}
#beneficios_seguro ul.beneficios_seguro li:before{
    width: 30px;
}
#condiciones-basicas ul li{
    width: 100%;
    margin: 3%;
}
#exclusiones_seguro ul li{
    width: 100%;
    margin: 3%;
}
.ver-notas-legales{
display:none;
}

.privilegios-home img{width:100%;}
.privilegios-home li a > article, .privilegios-home h4{padding-left:0;}
#widget-53f743 .container h2:first-child{margin-top:20px;margin-bottom: 0;}
}

@media (max-width: 320px) {
    /* UI */

h2 {
    font-size: 18px;
}

/* HEADER */
.client-access a {
    font-size: 12px;
    man-width: none;
    padding: 6px;
}
/*.logohome img,
header.fixed.active .logohome img { height: 25px; }*/

/*header h1 { padding: 10px 0px; }*/


/* Royal Slider */
.rsOverflow {
    height: 200px !important
}
.royalSlider img {
    margin-top: 0 !important
} 

/* DESTACADOS */

#destacados iframe {
    height: 159px;
}
#destacados .columns a {
    margin-bottom: 7px;
}
#media-wrap-holder li a img {
    width: 110px;
}
#media-wrap-holder .caption {
    height: 73px;
}
#media-wrap-holder .caption h4 {
    padding-right: 10px;
    font-size: 13px;
}

/* PRODUCTOS */

#widget-d2b504 {
    padding: 20px 0 15px;
}
#widget-d2b504 a {
    height: 85px;
    width: 85px;
} 
#widget-d2b504 .caption h3 {
    font-size: 10px;
} 
#widget-d2b504 .caption .description::after {
    font-size: 22px;
}

/* PROPUESTA DE VALOR */

#prop-valor .columns {
    width: 100%;
}
#prop-valor .columns-3 > li {
    margin-left: 0;
}
#prop-valor .description h3 {
    font-size: 20px;
}
#prop-valor .description p {
    font-size: 14px;
}

/* BENEFICIARIOS */

#beneficiarios-home .span9 {
    width: 100%;
}
#beneficiarios-home h2 {
    font-size: 23px;
    text-align: center;
}

/* TRAVEL */

.new-tabs .nav li a {
    font-size: 15px !important;
    width: 95px !important;
}
.tab-principal h2 {
    text-align: center;
}
.cont-socios div {width: 100%;}

.new-tabs .nav li a {
    font-size: 11px !important;
}

#nav-menu .btn:first-child { display:none !important;}
}
.container-simulador {text-align:center; height:1000px;padding:0;}
.container-simulador-2 {text-align:center; height:700px;}
@media (max-width: 991px) {
    div.container-full.container-simulador {height:1350px;}
    div.container-full.container-simulador-2 {height:900px;}
}
@media (max-width: 380px) {
    div.container-full.container-simulador {height:1400px !important;}
    div.container-full.container-simulador-2 {height:1000px !important;}
}

/* PLACE HOLDER BLANCO */
.search-menu input[type="search"]::-webkit-input-placeholder {
    color: #fff;
}
.search-menu input[type="search"]:-moz-placeholder { /* Firefox 18- */
   color:  #fff;  
}

.search-menu input[type="search"]::-moz-placeholder {  /* Firefox 19+ */
   color:  #fff;  
}

.search-menu input[type="search"]:-ms-input-placeholder {  
   color:  #fff;  
}
h3.success {
    color: #00a94a;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.promociones_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.promociones_list li {
    margin: 1%;
    width: 23%;
}
.promociones_list li a {
    display: block;
    width: 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 250px;
    transition:.3s;
}
.promociones_list li a h4 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 50px 20px 0px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    transition:.3s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,022236+100&0+0,0.80+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6022236',GradientType=0 ); /* IE6-9 */

}
.promociones_list li a h4 p {
    font-size: 15px;
    font-weight: bold;
    transition: .3s;
    opacity: 0;
    background: #fff;
    color: #333;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-top: 10px;
}
.promociones_list li a:hover h4 {
    padding: 60px 20px 20px 20px;
transition:.3s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,022236+100&0+0,0.95+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6022236',GradientType=0 ); /* IE6-9 */
}
.promociones_list li a:hover h4 p {
    opacity:1;
}
.promociones_list li a:hover { transform: scale(1.03); }

.promociones_list li a span {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 10px 20px;
    background: #fff;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.2);
}
.promociones_list li a span img {
    height: 25px;
}
#related-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
#related-posts li a {
list-style: none;
    border-left: 2px solid #f1f1f1;
    display: block;
    padding: 10px 0px 10px 20px;
    text-decoration: none;
    color: #666;
    margin-bottom: 20px;
    transition: .3s;
}
#related-posts li a:hover {
    border-left: 2px solid #0068ae;
}
#related-posts li a h4 {
    margin: 0px;
}
#cont_promo img {
    width: 100%;
}
#cont_promo .promo-img-empresarios {
    display:none;
}
.conditions {
    font-size: 11px;
    line-height: 1.4em;
    color: #555;
}
#search-wrap input[type="search"],
#search-wrap input[type="search"]:focus {
    width: 150px !important;
    background: url(https://bci-cdn.azureedge.net/uploads/b8070579-675a-457c-a03d-44fd416a554d/original/lupa_blanca.png) no-repeat scroll right 10px top 2px transparent;
}