html, body{
    font-size:95%;
    height:100%;
    position:relative;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, label, .callout{
    font-family:'open-sans', sans-serif;
    color:#999;
}

.full header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:#fff;
}

.fullslide{
    height:100%;
    position:reltive;
    text-align:center;
}

.fullslide .header-title{
    position:absolute;
    text-align:center;
    width:100%;
    padding:32px;
}

.bg-full{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide02{
    background-image:url(../img/bg.jpg);
}

.orbit-full,
.orbit-full .orbit-wrapper,
.orbit-full .orbit-container,
.orbit-full .orbit-slide{height:100%;}

.orbit-full .orbit-slide{padding-top:120px;}

.orbit-full .orbit-controls button{
    font-size:300%;
    font-weight:700;
}

.orbit-full .orbit-controls button:active,
.orbit-full .orbit-controls button:hover{background:#00dde0;}

.orbit-full h2{
    color:#fff;
    text-align:center;
    font-size:200%;
    max-width:600px;
    margin:0 auto;
    margin-top:300px;
}

h1, h2, h3, h4{
    font-family:'Lato', sans-serif;
    color:#009de0;
    font-weight:700;
}

h1{font-size:180%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:100%;}

h1.primary{
    font-size:300%;
    line-height:1;
    font-weight:900;
}

h2.primary{font-size:240%;}

h1.cover{margin-top:160px; text-align:center;}

h1.cover span{display:none;} 

h1.cover img{margin:0 auto;} 

h2{margin-bottom:24px;}

h1.collapse,
h2.collapse,
h3.collapse,
h4.collapse{margin-bottom:0;}

.button{
    background-image: -webkit-gradient(linear, right center, left center, from(#00dde0), to(#009de0));
    background-image: -webkit-linear-gradient(right, #00dde0, #009de0);
    background-image: -moz-linear-gradient(right, #00dde0, #009de0);
    background-image: -o-linear-gradient(right, #00dde0, #009de0);
    background-image: -ms-linear-gradient(right, #00dde0, #009de0);
    background-image: linear-gradient(to left, #00dde0, #009de0);
    border-radius:24px;
    font-weight:600;
    border:0;
}

.button.secondary{
    background:none;
    border:solid 1px #009de0;
    color:#009de0;
}
.button:hover,
.button.secondary:hover{background: #009de0}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select{
    border-radius:8px;
    border:solid 1px #e4f1fd;
    -webkit-box-shadow: inset 1px 3px 6px rgba(0,157,224,0.15);
    -moz-box-shadow: inset 1px 3px 6px rgba(0,157,224,0.15);
    box-shadow: inset 1px 3px 6px rgba(0,157,224,0.15);
    color:#666;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus{
    border:solid 1px #9ccff3;
  } 

  input.alert, select.alert{
    background-color: #fce6e2;
}

.checkstyle input[type="checkbox"],
.checkstyle input[type="radio"]{ display: none; }

.checkstyle input[type="checkbox"]:checked + label span,
.checkstyle input[type="radio"]:checked + label span{
 background: url(../img/check_radio_sheet16.png) -48px top no-repeat;
}

.checkstyle input[type="checkbox"]:checked + label span {background: url(../img/check_radio_sheet16.png) -16px top no-repeat;}

.checkstyle input[type="checkbox"] + label span,
.checkstyle input[type="radio"] + label span{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor:pointer;
    background: url(../img/check_radio_sheet16.png) -32px top no-repeat;
}

.checkstyle input[type="checkbox"] + label span{ background: url(../img/check_radio_sheet16.png) 0px top no-repeat;}

label.indent {
    text-indent: -24px;
    margin-left: 31px;
    line-height: 1.2;
}

.inputfile-outer{
    background:#eee;
    text-align:center;
    padding:10px;
    border-radius:8px;
    margin-bottom:16px;
    font-size:90%;
    border:dashed 1px #ddd;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color:#009de0;
    color:#fff;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.switch-label{
	position:relative;
	padding-left:56px;
	padding-top:4px;
	margin-bottom:8px;
}

.switch-label .switch{
	position:absolute;
	left:0;
	top:0;
}

.switch-paddle.disabled {
    opacity: .3;
}

hr{border-bottom: 1px solid #eee;}

.help{font-size:85%;}

.logo{
    float:left;
    height:46px;
    width:160px;
    margin:8px;
}

input:checked ~ .switch-paddle,
.deg{
    background-image: -webkit-gradient(linear, right center, left center, from(#00dde0), to(#009de0));
    background-image: -webkit-linear-gradient(right, #00dde0, #009de0);
    background-image: -moz-linear-gradient(right, #00dde0, #009de0);
    background-image: -o-linear-gradient(right, #00dde0, #009de0);
    background-image: -ms-linear-gradient(right, #00dde0, #009de0);
    background-image: linear-gradient(to left, #00dde0, #009de0);
}

a.deg{color:#fff;}

.txt-deg{
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1));
}

a{transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out;}
strong{color:#666;}

code{
    background:#edf6fe;
    color:#009de0;
    border:0;
    display:block;
}

blockquote{
    border-left:solid 1px #009de0;
    font-size:110%;
}

.text{
    text-align:justify;
}

.text td{
    text-align:left;
}

.text-short{
    max-width:600px;
    margin:0 auto;
}

table.table-info thead, table.table-info tbody, table.table-info tfoot{border:0;}


table.table-info tbody tr:nth-child(even){
    background:none;
}
.table-info th,
.table-info td{
    border-bottom:solid 1px #eee;
    vertical-align:top;
}

.text-full ul,
.text-full h2,
.text-full p{
    padding-right:30%;
}

blockquote{
    text-align: left;
}


.text-full blockquote{
    float:right;
    margin-left:60%;
}

.break{ word-break: break-all;}

.table-info tr{transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out;}

.table-info tr:hover{background:#f0f0f0 !important;}

.label{
    text-transform:uppercase;
    font-weight:600;
    font-size:70%;
    border-radius:4px;
}

.label.secondary{
    background:#eee;
    color:#666;
}



nav{padding-top:16px; float:left;}

nav ul.menu li a{
    font-size:90%;
    color:#999;
    padding:8px 16px;
    border-radius:24px;
    border:solid 1px #fff; 
    margin-right:4px;
}

nav ul.menu{position:relative;}

nav ul.menu li a [class^="icon-"]{
    font-size:120%;
    color:#009bdb;
}

nav ul.menu li a:hover{border:solid 1px #009de0; }

nav ul li a.current{
    background-image: -webkit-gradient(linear, right center, left center, from(#00dde0), to(#009de0));
    background-image: -webkit-linear-gradient(right, #00dde0, #009de0);
    background-image: -moz-linear-gradient(right, #00dde0, #009de0);
    background-image: -o-linear-gradient(right, #00dde0, #009de0);
    background-image: -ms-linear-gradient(right, #00dde0, #009de0);
    background-image: linear-gradient(to left, #00dde0, #009de0);
    color:#fff;
}

nav ul.menu li a.current [class^="icon-"]{
    color:#fff;
}

.login{
    float:right;
    margin-top:16px;
}

.login ul li{
    display:inline;
    float:left;
}

.login ul li a{
    font-size:90%;
    color:#999;
    padding:8px 16px;
    border-radius:24px;
    border:solid 1px #fff; 
    margin-right:4px;
    display:block;
}

nav ul.menu li ul{
    position:absolute;
    left:0;
    top:36px;
    background:#fff;
    border-radius:32px;
    padding:4px;
    margin:0;
    -webkit-box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
    -moz-box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
    box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
    z-index:99;
}

nav ul.menu li ul li{
    list-style:none;
    display:inline;
}

nav ul.menu li ul li a{
    float:left;
    padding:4px 8px;
}

.off-canvas-wrapper{height:100%;}

.off-canvas-content, .off-canvas-content{
    background:none;
    height:100%;
    position:relative;
}

.responsive-menu{
    float:right;
    margin:12px 20px 0 0;
}

.login ul li a.deg{color:#fff;}

ul li{margin-bottom:12px;}

ul.list-inline{margin-left:0;}

ul.list-inline li{
    list-style:none;
    display:inline-block;
    padding:0 8px;
}

ul.list{margin-left:64px;}

ul.list li{
    list-style:none;
    position:relative;
    margin-bottom:4px;
}

ul.list li:after{
    position:absolute;
    left:-18px;
    top:-2px;
    color:#009de0;
    content:'>';
    font-size:90%;
    font-weight:700;
}

ul.list-icon li{
    list-style:none;
    position:relative;
    padding-left:32px;
}

ul.list-icon li [class^="icon-"]{
    position:absolute;
    left:-8px;
    top:-4px;
    font-size:140%;
}

.big-icon{
    padding-left:100px;
    position:relative;
}

.big-icon [class^="icon-"]{
    position:absolute;
    left:0;
    top:-16px;
    font-size:500%;
}

.icon{
    position:relative;
    padding-left:48px;
}

.icon-top{
    position:relative;
    padding-top:36px;
}


.icon [class^="icon-"]{
    position:absolute;
    left:0;
    top:-8px;
    font-size:160%;
}

.icon-top [class^="icon-"]{
    position:absolute;
    left:-8px;
    top:0;
    font-size:160%;
}

.rrss{font-size:140%;}

.share-list{
    margin-left:0;
    margin-bottom:24px;
}


.share-list li{
    list-style:none;
    display:inline;
}

.share-list li a{
    width:32px;
    height:32px;
    padding:4px 0;
    background:#eee;
    float:left;
    margin:0 8px 8px 0;
    border-radius:16px;
    color:#999;
    text-align:center;
}

.share-list li a:hover{color:#fff;}

a.s-facebook:hover{background:#485c97;}
a.s-google:hover{background:#d34836;}
a.s-meetup:hover{background:#ed1c40;}
a.s-twitter:hover{background:#79a7db;}
a.s-linkedin:hover{background:#477eaf;}
a.s-copy:hover{background:#666;}

.color-espublico{color:#003366;}
.color-corp{color:#ff9900;}
.color-hl{color:#00bb88;}
.color-rrhh{color:#ee0055;}
.color-gestiona{color:#ff6600;}
.color-esfirma{color:#aa9944;}
.color-safe{color:#e42613;}


.acenter{text-align:center;}

.color00{color:#fff;}
.color01{color:#009de0;}

.bg-color02{background:#edf6fe !important;}

.bg-deco{
    background:url(../img/bg.png) no-repeat bottom right !important;
    height:100%;
}

.bg-installations,
.bg-projects{
    background:url(../img/proyectos.png) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    min-height:100%;

}

.bg-installations{
    background-image:url(../img/office/office-prev.jpg);
    position:relative;
}

.go-tour-box{
    background:url(../img/white90.png);
    position:absolute;
    bottom:32px;
    left:32px;
    max-width:360px;
    padding:24px;
    text-align:center;
}

.go-tour-box h1{
    font-size:160%;
    font-weight:700;
    line-height:1.2;
}

.icon-tour img{max-width:200px;}

.icon.volume{
    text-align:left;
    font-size:90%;
    padding-left:32px;
}

.back{
    position:fixed;
    top:0;
    left:0;
    background:url(../img/white90.png);
    padding:4px;
    z-index:9999;
    text-decoration:none;
    color:#009de0;
    font-family:'open-sans', sans-serif;
}

.bg-us{
	background-image: url(../img/bg-us.png) !important;
	background-position: 0 bottom;
	background-repeat: repeat-x !important;
	background-color: #d6f6ff !important;
    height:100%;
    min-height:100%;
    border-radius:0;
    padding:0;
    padding-top:132px !important;
    margin:0;
    animation: slide 60s linear infinite;
    -webkit-animation: slide 60s linear infinite;
    -moz-animation: slide 60s linear infinite;
}

@keyframes slide {
    from { background-position: 0 bottom; }
    to { background-position: -2800px bottom; }
}

@-webkit-keyframes slide {
    from { background-position: 0 bottom; }
    to { background-position: -2800px bottom; }
}

@-moz-keyframes slide {
    from { background-position: 0 bottom; }
    to { background-position: -2800px bottom; }
}

.bg-campus{
    padding-top:96px !important;
    padding-bottom:96px !important;
    background:#9ccff3 !important;
}

.header{
    height:360px;
    position:relative;
    margin-bottom:24px;
}

.header-campus{background:url(../img/bg-campus.png) center center no-repeat #e4f1fd;}

.header-office{background:url(../img/oficina.jpg) fixed center no-repeat #e4f1fd;}

.header-office img{min-width:100%;}

.bg-instalations{
    background:url(../img/office/office02.jpg) no-repeat center center fixed;
    height:800px;
}

.bg-office01{background:url(../img/office/office-01.jpg) no-repeat fixed center;}
.bg-office02{background:url(../img/office/office-02.jpg) no-repeat fixed center;}
.bg-office03{background:url(../img/office/office-03.jpg) no-repeat fixed center;}
.bg-office04{background:url(../img/office/office-04.jpg) no-repeat fixed center;}
.bg-office05{background:url(../img/office/office-05.jpg) no-repeat fixed center;}

[class^="bg-office"], [class*=" bg-office"]{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.info-office{
    background:url(../img/white90.png);;
    max-width:320px;
    text-align:left;
    position:absolute;
}

.top-left{
    top:132px;
    left:32px;
}

.top-right{
    top:132px;
    right:32px;
}

.bottom-left{
    bottom:32px;
    left:32px;
}

.bottom-right{
    bottom:32px;
    right:32px;
}

.info-office-inner{
    padding:24px;
    position:relative;
}

.bg-fix{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.gallery{
    margin:0;
    text-align:center;
}

.gallery li{
    display:inline-block;
    width:200px;
    height:200px;
    overflow:hidden;
    text-align:center;
    padding:24px;
    margin:0;
}

.gallery li img{
    min-width:initial;
    max-width:initial;
    width:initial;
    height:100%;
    text-align:center;
    margin:0 auto;
}

/* video */
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
  }
  
  .fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      height: 300%;
      top: -100%;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      width: 300%;
      left: -100%;
    }
  }
  
  @media (max-width: 767px) {
    .fullscreen-bg {
      background: url('../img/video.jpg') center center / cover no-repeat;
    }
  
    .fullscreen-bg__video {
      display: none;
    }
  }
/* END video */

.pixel-full{
    width:100%;
    height:100%;
    background:url(../img/pixel.png);
    position:absolute;
}

.header-title{margin-top:48px;}

.header-img{
    height:360px;
    overflow:hidden;
}

.header-img.small{height:160px;}

.header-img img{
    min-width:100%;
}

.header-img.light img{
    opacity:0.3;
}

.header.flexible{height:auto;}

.title{
    margin-bottom:48px;
}

.circle-feat-up{
    position:absolute;
    right:20px;
    top:64px;
    width:80px;
    height:80px;
    border-radius:60px;
    text-align:center;
    color:#fff;
    font-size:70%;
    font-weight:700;
    text-transform:uppercase;
    padding:8px;
    padding-top:32px;
}

.content-up .circle-feat-up{
    top:-24px;
    right:-24px;
}

.circle-feat-up span{
    display:block;
    font-size:200%;
}

.header-up{
    position:absolute;
    height:360px;
    top:0;
    left:0;
    width:100%;
}

.content-up{
    margin-top:-160px;
    background:#fff;
    z-index:999;
    position:relative;
    padding:32px;
}

.content{margin-bottom:24px;}

.content-date{
    position:relative;
    padding-left:72px;
}

.v-date{
    position:absolute;
    left:0;
    top:16px;
    width:48px;
    text-align:center;
}

.v-month{
    text-transform:uppercase;
    font-size:70%;
    font-weight:600;
    color:#009de0;
    line-height:0;
}

.v-day{
    font-weight:300;
    font-size:200%;
}

.label.upper.left{
    left:16px;
}

.label.upper{
    position:absolute;
    top:-10px;
    left:48px;
}

.label.upper.extra{left:86px;}

.breadcrumbs-outer{
    margin:8px;
    padding:2px 8px;
    background:#fff;
    border-radius:12px;
    display:inline-block;
}

.breadcrumbs-outer ul{margin-bottom:0;}

.breadcrumbs-outer li{margin-bottom:0;}

.breadcrumbs li{color:#999;}

.callout{
    background:none;
    border:none;
    border-radius:8px;
}

.callout.collapse{padding:0;}

.nomargin{margin-bottom:0;}

.content-date:last-child{margin-bottom:0;}

.callout-line{
    position:relative;
    padding:16px 0;
    border-top-right-radius:0;
    border-top-left-radius:0;
}

.callout-opacity{
    background:url(../img/white30.png);
    overflow:hidden;
}

.callout-solid{
    background:#fff;
    overflow:hidden;
}

.subscribe{padding:32px;}

.top-square{
    border-top-right-radius:0;
    border-top-left-radius:0;
}

.callout-up{
    background:#fff;
    margin-top:-80px;
}


.card{
    background:url(../img/white90.png);
    border-radius:8px;
    overflow:hidden;
    text-align:center;
    margin-bottom:16px;
}

.card-text{padding-top:16px;}

.logo-inner{
    padding:24px 32px;
}

.logo-inner img{max-width:160px;}

.bottom-button-box{
    position:relative;
    padding-bottom:60px !important;
}

.bottom-button{
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    margin-bottom: 0;
}

.reveal-project{padding:0;}

.info-reveal{
    float:left;
    position:fixed;
    z-index:9999;
    bottom:16px;
    left:16px;
    background:#fff;
}

.info-reveal .callout{padding-right:48px; margin-bottom:0;}

.info-reveal .callout p{
	min-width: 550px;
}

.tabs{
    border:0;
}

.tabs h2{
    margin:0;
    font-size:110%;
    padding:8px 16px;
    border-bottom:solid 2px #fff;
    margin-bottom:24px;
    margin-right:4px;
    transition:border 0.25s ease-out;
}

.tabs h2:hover{
    border-bottom:solid 2px #ddd;
}

.tabs li.is-active h2{
    border-bottom:solid 2px #009bdb;
}

.tabs-content{
    border:0;
}

.tabs-panel{padding:0;}


.project{
    width:18%;
    margin:1%;
    float:left;
    padding:24px 0;
    text-align:center;
    font-size:400%;
    background:#fff;
}

#rotate{
    -webkit-transform: rotateY(150deg); /* Safari */
    transform: rotateY(150deg); /* Standard syntax */
}

.projects{
    position:relative;
    width:100%;
    height:100%;
}

.projects .columns{
    height:100%;
    display:table;
}

.projects .c-project{
    height:100%;
    display:table-cell;
    vertical-align:middle;
}

.c-project{
    width:100%;
    text-align:center;
}



.c-project-inner{
    width:180px;
    height:180px;
    position:relative;
    margin: 0 auto;
    
}

.c-project.big .c-project-inner{
    width:210px;
    height:210px;
}

.medium .c-project-inner{
    width:120px;
    height:120px;
}

.c-project .a,
.c-project a{
    width:180px;
    height:180px;
    border-radius:90px;
    text-align:center;
    background:#f0f0f0;
    float:left;
    display:table;
    vertical-align:middle;
    
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    box-shadow: 0 0 30px rrgba(0,0,0,0.2);  
    transition:box-shadow 0.25s ease-out, font 0.25s ease-out, background-color 0.25s ease-out;
}

.c-project a:hover{
    -webkit-box-shadow: 0 0 160px rgba(0,198,255,1);
    -moz-box-shadow: 0 0 160px rgba(0,198,255,1);
    box-shadow: 0 0 160px rgba(0,198,255,1);      
    background:#fff;
    font-size:120%;
}

.c-project.big a{
    width:210px;
    height:210px;
    border-radius:105px;
}
.c-project.medium a{
    width:120px;
    height:120px;
}

.c-project .a.small,
.c-project a.small{
    width:48px;
    height:48px;
    position:absolute;    
}

.c-project .a.tiny,
.c-project a.tiny{
    width:48px;
    height:48px;
    position:absolute;    
}

.ges01{
    top:-24px;
    left:81px;
    color:#009bdb;
}
.ges02{
    top:0px;
    right:0;
}
.ges03{
    top:81px;
    right:-24px;
}
.ges04{
    bottom:0;
    right:0;
}
.ges05{
    bottom:-24px;
    left:81px;
    color:#666;
}
.ges06{
    bottom:0;
    left:0;
}
.ges07{
    top:81px;
    left:-24px;
    color:#009bdb;
}
.ges08{
    top:0;
    left:0;
}
.esp01{
    top:0;
    left:0;
}
.esp02{
    top:81px;
    right:-24px;
}
.esp03{
    bottom:0;
    left:0;
}

.safe01{
    bottom:-12px;
    right:-12px;
}

.safe02{
    bottom:-12px;
    left:-12px;
}



.c-project [class^="icon-"]{
    display:table-cell;
    vertical-align:middle;
    font-size:600%;
}

.c-project.medium [class^="icon-"]{
    font-size:400%;
}

.c-project .small [class^="icon-"]{
    font-size:200%;
}

.c-project .tiny [class^="icon-"]{
    font-size:240%;
}
/*
.c-project a{
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.c-project a:hover{
    -moz-transform: rotate3d(0,1,0,180deg);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}
*/
.inline-items{margin:0;}

.inline-items li{
    float:left;
    width:33.33333%;
    padding:16px;
    list-style:none;
    text-align:center;
    border-left:solid 1px #eee;
    font-size:90%;
}

.inline-items.items4 li{width:25%;}

.inline-items li:first-child{border-left:solid 0px #eee;}

.inline-items [class^="icon-"]{display:block; font-size:140%;}

.shadow,
.callout.shadow{
    -webkit-box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
    -moz-box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
    box-shadow: 3px 5px 10px rgba(0,157,224,0.15);
}

.callout-feat{
    background:#edf6fe;
}

.feat-info{
    width:100%;
    height:320px;
    position:relative;
    padding:32px;
    text-align:center;
    color:#fff;
    border-top-right-radius:8px;
    border-top-left-radius:8px;
}

.feat-info h3,
.feat-info p{color:#fff;}

.callout-feat-info{
    background:#fff;
    border-top-right-radius:0;
    border-top-left-radius:0;
    text-align:center;
    padding-top:16px;
    height:220px;
}

.callout-feat-info h4{font-size:110%;}

.callout-feat-info {font-size:90%;}

.callout-feat-info .label.upper{
    width:120px;
    left:50%;
    margin-left:-60px;
}

.box-options{
    background:#cef3ff;
    border-radius:4px;
    padding:32px;
    margin-bottom:24px;
}

.box-options > :last-child{margin-bottom:0;}

.emoji{
    display:inline-block;
}

.orbit-feat-events .orbit-slide{
   height:180px;
}

.orbit-bullets button{
    width:8px;
    height:8px;
}

.orbit-bullets{
    position:absolute;
    bottom:8px;
    width:100%;
    margin:0;
}

.bg-campus .orbit-bullets{
    position:absolute;
    bottom:-20px;
    width:100%;
    margin:0;
}


.bottom-info{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:24px;
    font-size:90%;
}

.bg-events{background:url(../img/bg-events.png) center center no-repeat #2a495e;}
.bg-challenge{background:url(../img/bg-challenge.png) center center no-repeat #80bad2;}
.bg-training{background:url(../img/bg-training.png) center center no-repeat #ea7967;}
.bg-sponsor{background:url(../img/bg-sponsor.png) center center no-repeat #9bcc7b;}

.map-outer{
    position:relative;
    height:320px;
    width:100%;
}

.map{
    position:absolute;
    left:0;
    top:0;
    height:320px;
    width:100%;
}

.map-up{
    position:relative;
    left:0;
    top:32px;
    background:#fff;
    width:320px;
    padding:32px;
}

.head-image-title{
    position:relative;
    padding-left:96px;
    padding-top:8px;
    margin-bottom:20px;
    min-height:72px;
}

.head-image{
    position:absolute;
    top:0;
    left:0;
    width:72px;
    height:72px;
    border-radius:36px;
    overflow:hidden;
}

.head-title h3{margin-bottom:0;}

.line{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
}

.line-medium{height:4px;}

.countdown{margin:0; max-width:380px; margin-bottom:16px;}

.countdown li{
    list-style:none;
    float:left;
    width:25%;
    text-align:center;
    text-transform:uppercase;
    font-size:70%;
    position:relative;
    margin-bottom:0;
}
.c-hours:after,
.c-min:after{
    content:':';
    position:absolute;
    right:-4px;
    top:0;
    font-size:340%;
    color:#009de0;
    font-weight:700;
    line-height:1;
}

.countdown strong{
    display:block;
    font-size:340%;
    line-height:1;
    color:#009de0;
    font-weight:700;
}

.container{
    position:relative;
    min-height:100%;
}

.content-page{
    padding-bottom:360px;
    height:100%;
}

.full .content-page{
    padding-top:62px;
    min-height:100%;
}

.container footer{
    position:absolute;
    bottom:0;
    height:360px;
}

footer{
    width:100%;
    padding:24px 0;
}

footer .callout.large{padding:0;}

footer p,
footer a{
    color:#fff;
}

footer a{text-decoration:underline;}

.img-limit{max-width:200px;}

.gotop, .gotop:hover {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #009bdb;
    color: #fff !important;
    padding: 4px;
    font-size: 120%;
}

/*Caja de subida de arhivos*/
.box
{
	position: relative;
	text-align: center;
}
.box.has-advanced-upload
{
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover
{
	outline-offset: -20px;
	outline-color: #c8dadf;
	background-color: #fff !important;
}
	.box__dragndrop,
	.box__icon
	{
		display: none;
	}
	.box.has-advanced-upload .box__dragndrop
	{
		display: inline;
	}
	.box.has-advanced-upload .box__icon
	{
		width: 100%;
		height: 80px;
		fill: #92b0b3;
		display: block;
		margin-bottom: 40px;
	}
	.box.alert{
		background: #fce6e2;
	}
	.box.is-error{
		background: #fce6e2;
	}
	.box.is-ok{
		background: #e1faea;
	}
		.box.is-error .box__error, .box.is-ok .box__input label{
			color: #000 !important;
		}
		.box.is-ok .box__input p{
			visibility: hidden;
		}
	
	
	
	.box.is-uploading .box__input,
	.box.is-success .box__input,
	.box.is-error .box__input
	{
		visibility: hidden;
	}

	.box__uploading,
	.box__success,
	.box__error
	{
		display: none;
	}
	.box.is-uploading .box__uploading,
	.box.is-success .box__success,
	.box.is-error .box__error
	{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;

		-webkit-transform: translateY( -50% );
		transform: translateY( -50% );
	}
	.box__uploading
	{
		font-style: italic;
	}
	.box__success
	{
		-webkit-animation: appear-from-inside .25s ease-in-out;
		animation: appear-from-inside .25s ease-in-out;
	}
		@-webkit-keyframes appear-from-inside
		{
			from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
			75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
			to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
		}
		@keyframes appear-from-inside
		{
			from	{ transform: translateY( -50% ) scale( 0 ); }
			75%		{ transform: translateY( -50% ) scale( 1.1 ); }
			to		{ transform: translateY( -50% ) scale( 1 ); }
		}

	.box__restart
	{
		font-weight: 700;
	}
	.box__restart:focus,
	.box__restart:hover
	{
		color: #39bfd3;
	}

	.js .box__file
	{
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.js .box__file + label
	{
		max-width: 80%;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
	}
	.js .box__file + label:hover strong,
	.box__file:focus + label strong,
	.box__file.has-focus + label strong
	{
		color: #39bfd3;
	}
	.js .box__file:focus + label,
	.js .box__file.has-focus + label
	{
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px;
	}

	.no-js .box__file + label
	{
		display: none;
	}

@media screen and (max-width: 64em){
    .callout-up{margin-top:0;}

    h1.cover{margin-top:60px;}
    .orbit-full h2{
        margin-top:120px;
        font-size:140%;
        padding:0 32px;
    }

    nav{
        display:block;
        width:100%;
        padding:16px;
    }

    nav ul.menu{
        width:100%;
        display:block;
    }

    nav ul.menu li{
        width:100%;
        display:block;
    }

    nav ul.menu li a{
        width:100%;
    }

    nav ul.menu li ul{
        position:relative; 
        left:initial; 
        top:initial;
        overflow:hidden;
        -webkit-box-shadow: 0 0 0 rgba(0,157,224,0.15);
        -moz-box-shadow: 0 0 0 rgba(0,157,224,0.15);
         box-shadow: 0 0 0 rgba(0,157,224,0.15);
    }

    .text-full ul,
    .text-full h2,
    .text-full p{
    padding-right:0;
}

.callout{padding:8px !important;}


.header-officce, .bg-instalations {
    background-attachment: scroll !important;
}

.header{margin-bottom:0;}
.content-up{padding:8px;}

.projects{
    padding:48px;
    text-align:center;
    margin-top:60px;
}

.c-project{
    margin:0 auto;
    margin-bottom:48px;
}

.bg-projects,
[class^="bg-office"], [class*=" bg-office"]{
    background-attachment: scroll !important;
}



.info-office{
    top:initial;
    right:initial;
    left:initial;
    bottom:initial;
    width:100%;
    bottom:0;
    max-width:100%;
    padding-bottom:24px;
}

.full .title{
    padding-top:80px;
}

.gallery li {
    width: 100%;
    height: auto;
}

.gallery li img {
    height: auto;
}

.primary.cover{max-width:360px; margin:0 auto; margin-top:60px;}

body.page-projects,
.projects,
.bg-projects{
    height:initial;
    min-height:100%;
    position: static;
    display:block;
    overflow:hidden;
}

.projects .c-project,
.projects .columns{height:auto;}

.projects .columns{margin-bottom:48px;}

.bg-projects .pixel-full{display:none;}

.inline-items li{width:100%;}

.logado {  margin-top: 64px !important; }
.bg-us { background-color: #d6f6ff !important; }

.emoji  { display: block; }
    
}