/*! general normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:'phenomenalight' 'phenomenaregular' 'phenomenathin'}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0
}h1{
	font-size: 2em;
	margin: 0

}h2{
	font-size:1.5em;
	margin:.83em 0

}h3{font-size:1.17em;
	margin:1em 0

}h4{
	font-size: 1.5em;
	margin: 1.33em 0;
	padding-left: 97px;
	
}h5{font-size:.83em;
	margin:1.67em 0

}h6{font-size:1.67em;
	margin:2.33em 0

}abbr[title]{border-bottom:1px dotted

}b,/*! omio + chinese */strong{
	font-size: x-large;
	font-weight: lighter;
	vertical-align: 2px;
	
}h7{
	font-size: 1.35em;
	font-family: 'GillSans-Bold', serif;
	padding-left: 27px;

}h8{
	font-size: 1.25em;
	font-family: 'GillSansNova-Medium', serif;
	padding-left: 27px;

}h9{
	font-size: 1.05em;
	font-family: 'GillSansNova-Book', serif;
	padding-left: 27px;
}

blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{
	margin-top: 1em;
	margin-left: 0;
	margin-bottom: 1em;
	max-width: 1200px;
	padding-right: 29px;
	text-align: justify;
}code,kbd,pre,samp{font-family:'phenomenalight' 'phenomenaregular' 'phenomenathin';_font-family:'phenomenalight' 'phenomenaregular' 'phenomenathin';font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{
	border-collapse: collapse;
	border-spacing: 0;
	position: relative;
	left: 111px;
}



html,
button,
input,
select,
textarea {
    color: #222;
}

.text-gold {
    color: #A78F51;
}

.text-gold.mb-2{
    margin-bottom: 0.2rem;
}

.white-text {
  color: #FFF; /* or color: white; */
  font-weight: 600 !important;
  font-family: 'phenomenaregular', sans-serif !important;
  text-align: left; /* Aligns text to the left */
  margin-left: -75px; /* Moves text slightly to the left */
}

.black-text {
  color: #000; /* or color: white; */
  font-weight: 400 !important;
  font-family: 'phenomenaregular', sans-serif !important;
  text-align: left; /* Aligns text to the left */
  margin-left: -75px; /* Moves text slightly to the left */
}


body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, table {
  margin: 0;
  font-weight: 200;
  font-family: phenomenalight;
}

ul, ol {
  padding: 0;
  list-style: none;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   
   /* BASICS */
   
   html {
     overflow-x: hidden;
   }
   
   body, input, textarea, select {
	font-weight: 200;
	font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
   }
   
   body {
     background: #fff;
   }
   
   .home .container {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
   }
   
   .lt-ie9 body {
     width: 1200px;
   }

   
   
   
   
   
   /* HEADER */
   
   .overlay {
     opacity: 0;
     position: fixed;
     top: 0;
     right: 0;
     width: 0;
     height: 100%;
     background: rgba(0,0,0,0.7);
     z-index: 9;
     -webkit-transition: opacity 250ms ease-in-out 0, width 0 ease-in-out 250ms;
     -moz-transition: opacity 250ms ease-in-out 0, width 0 ease-in-out 250ms;
     transition: opacity 250ms ease-in-out 0, width 0 ease-in-out 250ms;
   }
   
   .show-menu .overlay {
     width: 100%;
     opacity: 1;
     -webkit-transition: opacity 250ms ease-in-out 150ms, width 0 ease-in-out 0;
     -moz-transition: opacity 250ms ease-in-out 150ms, width 0 ease-in-out 0;
     transition: opacity 250ms ease-in-out 150ms, width 0 ease-in-out 0;
   }
    /* HEADER omio architecture studio position and font*/
   h1.main {
    position: fixed;
    left: 29px;
	z-index: 10;
	font-size: 60px;
	top: -11px;
	white-space: nowrap;
	font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
	font-weight: 100;
   }
   

/* HEADER omio architecture studio color*/
   h1.main a {
     color: #2a5786;
     text-decoration: none;
     -webkit-transition: color 250ms;
     -moz-transition: color 250ms;
     transition: color 250ms;
     -webkit-transition-delay: 150ms;
     -moz-transition-delay: 150ms;
     transition-delay: 150ms;
   }
/* panel navigation position cuando hacemos click (not the bubble)*/
   header.main {
     position: fixed;
     top: 0;
     right: 0;
     width: 0;
     height: 100%;
     z-index: 9;
   }

/* panel navigation position, bg color (not the bubble)*/
   header.main .navs {
     position: absolute;
     top: 140px;
     right: 0;
     width: 10000px;
     height: 0;
     margin-top: 0;
     -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
     transition: all 250ms;
     -webkit-transition-delay: 150ms;
     -moz-transition-delay: 150ms;
     transition-delay: 150ms;
     z-index: 3;
     background: #162330;
     overflow: hidden;
   }

/* panel navigation size, adjust depending on how many categories we have*/
   .show-menu header.main .navs {
     height: 290px;
     margin-top: -80px;
     -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.4);
     -moz-box-shadow: 0 0 50px rgba(0,0,0,0.4);
     box-shadow: 0 0 50px rgba(0,0,0,0.4);
   }
/* offset del texto dentro del panel navigation*/
   header.main nav.main {
     padding-top: 20px;
   }
   
   header.main nav.secondary {
     padding-bottom: 20px;
   }

/* panel navigation text color, etc*/
   header.main nav a {
     display: block;
     float: right;
     clear: both;
     position: relative;
     white-space: nowrap;
     color: #999;
     padding: 2px 10px 2px 29px;
     text-decoration: none;
     font-size: 16px;
     -webkit-transition: background 150ms;
     -moz-transition: background 150ms;
     transition: background 150ms;
   }

/* no se lo que es, lo concelo por ahora*/
/* 

   header.main nav .current-menu-item a,
   body.people nav .btn-people a,
   body.places nav .btn-places a,
   body.pretty-faces nav .btn-pretty-faces a {
     color: #000;
   }
*/

/* panel navigation cuando hacemos hover, text color, etc*/
   header.main nav a:hover {
     padding: 6px 10px 6px 29px;
     background: #ddd;
     color: #2a5786;
     margin-top: -4px;
     margin-bottom: -4px;
     z-index: 100;
   }
/* panel navigation cuando hacemos hover, posicion*/
   .show-menu header.main {
     right: 0px;
     opacity: 1;
   }
   
   .show-menu h1.main {
     opacity: 1 !important;
   }
  
   .no-touch h1.main:hover a {
     -webkit-transition-delay: 0;
     -moz-transition-delay: 0;
     transition-delay: 0;
   }
   
/* HEADER omio architecture cuando hacemos hover, text color*/   
   .show-menu h1.main a,
   .no-touch h1.main a:hover {
     color: #f0f0f0;
   }
   
/* bubble de navegacion, position, png*/      
   .btn-toggle-menu {
     position: fixed;
     display: block;
     margin-top: -22px;
     top: 50%;
     left: 29px;
     z-index: 2;
     width: 44px;
     height: 44px;
     background: #162330 url(http://omiostudio.com/images/btn/btn_menu.png) no-repeat center;
     background-size: 26px;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     -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 rgba(0,0,0,0.2);
     -webkit-transition: 100ms;
     -moz-transition: 100ms;
     transition: 100ms;
     -webkit-transition-property: width, height, margin, line-height;
     -moz-transition-property: width, height, margin, line-height;
     transition-property: width, height, margin, line-height;
   }
    
   .lt-ie9 .btn-toggle-menu {
     background: #2985d2 url(http://omiostudio.com/images/btn/btn_menu_ie.png) no-repeat center;
   }
   

/* Increased effect by reducing box-shadow alpha and changing the color*/
@keyframes pulsate1 {
    from {
        box-shadow: 0 0 30px rgba(41, 133, 210, 0.1); /* Using #2985d2 with alpha 0.1 */
        -webkit-box-shadow: 0 0 30px rgba(41, 133, 210, 0.1); /* For WebKit browsers */
        -moz-box-shadow: 0 0 30px rgba(41, 133, 210, 0.1); /* For Firefox */
    }
    to {
        box-shadow: 0 0 0 15px rgba(41, 133, 210, 0.9); /* Increased spread and opacity */
        -webkit-box-shadow: 0 0 0 15px rgba(41, 133, 210, 0.9); /* For WebKit browsers */
        -moz-box-shadow: 0 0 0 15px rgba(41, 133, 210, 0.9); /* For Firefox */
    }
}

/* webkit and moz also have to have the new code*/
@-webkit-keyframes pulsate1 {
    from {
        -webkit-box-shadow: 0 0 30px rgba(41, 133, 210, 0.1);
    }
    to {
        -webkit-box-shadow: 0 0 0 15px rgba(41, 133, 210, 0.9);
    }
}

@-moz-keyframes pulsate1 {
    from {
        -moz-box-shadow: 0 0 30px rgba(41, 133, 210, 0.1);
    }
    to {
        -moz-box-shadow: 0 0 0 15px rgba(41, 133, 210, 0.9);
    }
}

  /*Add this so Iphones can see the effect. */
   body.home .btn-toggle-menu {
     -webkit-animation: pulsate1 1s linear 0s infinite alternate;
     -moz-animation: pulsate1 1s linear 0s infinite alternate;
     animation: pulsate1 1s linear 0s infinite alternate;
   }   .no-touch body.home .btn-toggle-menu {
     -webkit-animation: pulsate1 1s linear 0s infinite alternate;
     -moz-animation: pulsate1 1s linear 0s infinite alternate;
     animation: pulsate1 1s linear 0s infinite alternate;
   }

   .no-touch .btn-toggle-menu:hover {
     width: 54px;
     height: 54px;
     margin-left: -5px;
     line-height: 54px;
     margin-top: -27px;
   }
   
   .touch .btn-toggle-menu {
     top: 18px !important;
     right: 18px !important;
     left: auto;
     margin-top: 0 !important;
   }

   
   
   
   
   
   
   /* HOME */
   
   .fullsize {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1481;
   }
   
   .fullsize img {
	display: block;
	z-index: -1535;
   }

   .slideshow,
   .slideshow li {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
   }
   
   .slideshow {
     z-index: 1;
   }
   
   .slideshow li {
     -webkit-transition: opacity 1500ms;
     -moz-transition: opacity 1500ms;
     transition: opacity 1500ms;
     opacity: 0;
   }
   
   .slideshow li.current {
     opacity: 1;
   }
   
   
   
   
   
   
/* SERIES OVERVIEW */
/* bg de cuando estamos en el listado de proyectos*/

   body.series-list {
     background: #162330;
   }
   
   ul.series {
     position: relative;
     width: 100%;
     z-index: 1;
   }

/* padding-top: 16.7%; cambia el tamano de cada seccion*/
   ul.series a {
     position: relative;
     display: block;
     width: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     -webkit-transition: all 200ms ease-in-out 100ms;
     -moz-transition: all 200ms ease-in-out 100ms;
     transition: all 200ms ease-in-out 100ms;
     height: 0;
     padding-top: 13%;
     overflow: hidden;
     text-decoration: none;
   }
  
   ul.series span {
     display: block;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.7);
     -webkit-transition: opacity 200ms;
     -moz-transition: opacity 200ms;
     transition: opacity 200ms;
   }
   
   .no-touch ul.series:hover span {
     opacity: 1;
   }
   
   .no-touch ul.series a:hover {
     z-index: 100;
     padding-top: 20%;
     margin-top: -2%;
     -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.4);
     -moz-box-shadow: 0 0 50px rgba(0,0,0,0.4);
     box-shadow: 0 0 50px rgba(0,0,0,0.4);
   }
   
   .no-touch ul.series li:first-child a:hover {
     margin-top: 0;
   }
   
   .no-touch ul.series a:hover span {
     opacity: 0 !important;
   }

/* listado de proyectos, font*/
   ul.series strong {
	display: block;
	position: absolute;
	top: 50%;
	left: 100px;
	color: #fff;
	font-size: 32px;
	margin-top: -0.65em;
	white-space: nowrap;
	text-shadow: 0 1px 3px #000;
	opacity: 0;
	font-weight: 200;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	transition: opacity 200ms;
	letter-spacing: -1px;
	font-family: 'phenomenalight';
   }
   
   .no-touch ul.series a:hover strong {
     opacity: 1;
   }
   
   
   .touch body.series-list {
     background: #fff;
   }

   .touch ul.series {
     padding-top: 80px;
   }
   
   .touch ul.series a {
     padding-top: 22% !important;
     margin: 0 !important;
   }

   .touch ul.series strong {
     opacity: 1;
     left: 23px;
     z-index: 2;
   }

   .touch ul.series span {
     opacity: 0.5;
     z-index: 1;
   }


   
   
   
   
   
   
   
   
/* SINGLE SERIES una vez entramos en el proyecto (o la tipologia de arq)*/

   
   body.single-series {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
   }

/* text una vez entramos en el proyecto (o la tipologia de arq: singular housing, etc)*/   
   body.single-series .single-series h1,
   section.info h1 {
     position: fixed;
     top: 50px;
     left: 103px;
     font-size: 24px;
     z-index: 8;
   }

   body.single-series,
   body.single-series .body,
   section.single-series,
   body.single-series .container {
     height: auto;
   }
   
   section.single-series ul {
     height: 100%;
   }
   
   .grab ul.gallery {
     cursor: hand;
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
   }
   
   .grab-cursor {
     cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
   }
   
   .grabbing, .grabbing * {
     cursor: grabbing;
     cursor: -moz-grabbing;
     cursor: -webkit-grabbing;
   }

   .grabbing .grab-cursor {
     cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
   }
   
   
   section.single-series li {
     display: block;
     float: left;
     height: 100%;
     position: relative;
     margin-right: 5px;
     overflow: hidden;
   }
   
   section.single-series li:last-child {
     margin-right: 0;
   }
   
   section.single-series img {
     display: block;
     float: left;
   }
 /* ojo investigar */

   nav.prev-next-series {
     position: fixed;
     top: 50%;
     left: 29px;
     height: 160px;
     margin-top: -80px;
     width: 44px;
     z-index: 1;
   }
   
   nav.prev-next-series a {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     z-index: 1;
     width: 44px;
     height: 44px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: auto 100%;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     -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 rgba(0,0,0,0.2);
     text-align: center;
     font-weight: 200;
     color: #fff;
     text-decoration: none;
     font-size: 40px;
     line-height: 44px;
     text-shadow: 0 1px 1px #000;
     -webkit-transition: all 100ms;
     -moz-transition: all 100ms;
     transition: all 100ms;
   }
   
   nav.prev-next-series a.btn-next {
     top: auto;
     bottom: 0;
   }
   
   nav.prev-next-series a span.arrow {
     display: block;
     width: 100%;
     height: 100%;
   }
   
   nav.prev-next-series a.btn-prev span.arrow {
     background: url(http://omiostudio.com/images/btn/bg_arrow-up.png) no-repeat center center;
   }
   
   nav.prev-next-series a.btn-next span.arrow {
     background: url(http://omiostudio.com/images/btn/bg_arrow-down.png) no-repeat center center;
   }

   .no-touch nav.prev-next-series a:hover {
     width: 54px;
     height: 54px;
     margin-left: -5px;
     line-height: 54px;
   }
   
   .no-touch nav.prev-next-series a.btn-prev:hover {
     margin-top: -5px;
   }
   
   .no-touch nav.prev-next-series a.btn-next:hover {
     margin-bottom: -5px;
   }
   
   section.single-series .btn-info {
     position: absolute;
     top: 50%;
     left: 10px;
     margin-top: -13px;
     display: block;
     width: 26px;
     height: 26px;
     background: #fff;
     z-index: 2;
     color: #000;
     font-size: 13px;
     text-transform: lowercase;
     text-align: center;
     line-height: 26px;
     text-decoration: none;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     border-radius: 13px;
     font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
     font-style: italic;
     text-indent: -2px;
     opacity: 0.5;
     -webkit-transition: opacity 150ms;
     -moz-transition: opacity 150ms;
     transition: opacity 150ms;
   }
   
   section.single-series .first .btn-info {
     left: 90px;
   }
   
   section.single-series .video .btn-info {
     bottom: 60px;
   }
   
   section.single-series .btn-info:hover,
   section.single-series .info-shown .btn-info {
     opacity: 1;
   }
   
   section.single-series .info {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
     background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
     -webkit-transition: opacity 200ms ease-out 0, margin 0 ease-out 200ms;
     -moz-transition: opacity 200ms ease-out 0, margin 0 ease-out 200ms;
     transition: opacity 200ms ease-out 0, margin 0 ease-out 200ms;
     font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
     color: #fff;
     font-size: 14px;
     text-shadow: 0 1px 0 rgba(0,0,0,0.5);
   }

   .lt-ie9 section.single-series .info {
     display: none;
   }
   
   section.single-series .video .info {
     margin-top: -60px;
   }
   
   section.single-series .info-shown.video .info {
     -webkit-transition: opacity 200ms ease-out 0, margin 0 ease-out 0 !important;
     -moz-transition: opacity 200ms ease-out 0, margin 0 ease-out 0 !important;
     transition: opacity 200ms ease-out 0, margin 0 ease-out 0 !important;
   }
   
   section.single-series .info a {
     color: #fff;
     text-decoration: none;
     font-style: italic;
   }
   
   section.single-series .info-shown .info {
     opacity: 1;
     margin-top: 0;
   }
   
   .lt-ie9 section.single-series .info-shown .info {
     display: block;
   }
   
   section.single-series .inner-info {
     position: absolute;
     top: 110%;
     left: 50px;
     padding-right: 29px;
     line-height: 1.3;
     -webkit-font-smoothing: antialiased;
     -webkit-transition: top 200ms, opacity 200ms;
     -moz-transition: top 200ms, opacity 200ms;
     transition: top 200ms, opacity 200ms;
     opacity: 0;
     margin-bottom: -10px;
   }
   
   section.single-series .first .inner-info {
     left: 130px;
   }
   
   section.single-series .info-shown .inner-info {
     top: 50%;
     opacity: 1;
   }
   
   
   
   
   
   
   
   
   
   /* INFO */

   .fading {
     display: none;
   }
   
   .page-id-145 .fading,
   .page-id-1161 .fading {
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 80px;
     z-index: 7;
     background: #fff;
     opacity: 0.98;
   }
   
   .page-id-145 h1.main a:hover,
   .page-id-1161 h1.main a:hover {
     color: #000;
   }
   
   section.info a {
     color: #666;
     font-style: italic;
   }
   
   section.info a:hover {
     text-decoration: none;
     color: #000;
   }
   
   section.info .col-set strong {
     font-weight: 700;
   }
   
   section.info h2 {
     font-size: 16px;
     margin-bottom: 2em;
     padding-top: 0.7em;
     border-top: 1px solid #ddd;
     padding-bottom: 0.7em;
     border-bottom: 1px solid #ddd;
   }
   
   section.info {
     padding: 150px 50px 50px 150px;
     max-width: 800px;
   }
   
   section.info > ul > li {
     margin-bottom: 160px;
   }
   
   .info-content {
     font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
     font-size: 12px;
     color: #333;
   }
   
   .info-content p,
   .info-content ul,
   .info-content ol {
     margin-bottom: 0.8em;
   }
   
   .info-content .image {
     margin-bottom: 2em;
   }
   
   .info-content .image img {
     max-width: 100%;
   }
   
   .info-content li {
     margin-bottom: 0.8em;
     position: relative;
   }
   
   .info-about .info-content li {
     padding-left: 38px;
   }
   
   .info-about .info-content li strong {
     font-weight: normal;
     float: left;
     position: absolute;
     left: 0;
   }
   
   .col-set .col-1 {
     width: 48%;
     float: left;
     margin-right: 4%;
   }
   
   .col-set .col-2 {
     width: 48%;
     float: left;
   }

   .press-images li {
     float: left;
     width: 22.75%;
     margin-right: 3%;
     margin-bottom: 2em;
   }
   
   .press-images .item-4 {
     margin-right: 0;
   }
   
   .press-images img {
     max-width: 100%;
   }
   
   .btn {
     position: relative;
     display: block;
     float: left;
     color: #FFF !important;
     background: rgba(0, 0, 0, 0.4);
     padding: 3px 5px;
     text-decoration: none !important;
     font-weight: bold;
     text-shadow: none;
     -webkit-transition: all 150ms;
     -moz-transition: all 150ms;
     -o-transition: all 150ms;
     transition: all 150ms;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     margin-left: -3px;
     font-style: normal !important;
     font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
     line-height: 1.2;
     text-transform: lowercase;
     font-size: 11px;
   }
   
   .btn span {
     font-weight: normal;
   }
   
   .btn:hover {
     background: rgba(0, 0, 0, 0.8);
   }
   
   .fb {
     background: rgba(59, 89, 152, 0.5);
   }
   
   .fb:hover {
     background: rgba(59, 89, 152, 1);
   }
   
   .info-art-galleries .col-set {
     margin-bottom: 2em;
   }
   
   .lumio-video .info-content {
     padding-top: 56.25%;
     position: relative;
     height: 0;
     overflow: hidden;
   } 
   
   .lumio-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   
   section.info > ul > li.lumio-summary,
   section.info > ul > li.lumio-video {
     margin-bottom: 60px;
   }
   
   ul.quotes blockquote {
     margin: 0;
     padding: 10px;
     background: #525252;
     color: #fff;
     font-size: 11px;
     font-family: 'phenomenalight' 'phenomenaregular' 'phenomenathin';
     -webkit-font-smoothing: antialiased;
     font-weight: bold;
     position: relative;
     margin-bottom: 18px;
   }
   
   ul.quotes {
     padding-top: 2.5em;
   }
   
   ul.quotes li {
     margin-top: -2.5em;
   }
   
   ul.quotes blockquote .nipple {
     display: block;
     width: 9px;
     height: 10px;
     overflow: hidden;
     position: absolute;
     bottom: -10px;
   }
   
   ul.quotes blockquote *:last-child {
     margin-bottom: 0;
   }
   
   ul.quotes .item-inner {
     float: right;
     width: 350px;
   }
   
   ul.quotes .item-even .item-inner {
     float: left;
   }
   
   ul.quotes .item-odd blockquote {
     margin-right: 30px;
     -webkit-border-radius: 10px;
     -webkit-border-bottom-right-radius: 0;
     -moz-border-radius: 10px;
     -moz-border-radius-bottomright: 0;
     border-radius: 10px;
     border-bottom-right-radius: 0;
   }
   
   ul.quotes .item-odd blockquote .nipple {
     right: 0;
     background: url(http://omiostudio.com/images/btn/nipple-odd.png) no-repeat 0 0;
   }
   
   ul.quotes .item-even blockquote {
     margin-left: 30px;
     -webkit-border-radius: 10px;
     -webkit-border-bottom-left-radius: 0;
     -moz-border-radius: 10px;
     -moz-border-radius-bottomleft: 0;
     border-radius: 10px;
     border-bottom-left-radius: 0;
   }
   
   ul.quotes .item-even blockquote .nipple {
     left: 0;
     background: url(http://omiostudio.com/images/btn/nipple-even.png) no-repeat 0 0;
   }
   
   ul.quotes .item-odd .quote-source {
     text-align: right;
   }
   
   




 /* ==========================================================================
    Media Queries
    ========================================================================== 
    
@media screen and (max-width: 840px) {
  
  .col-set .col-1,
  .col-set .col-2 {
    width: 100%;
    margin-right: 0;
  }
  
  .col-set .col-1 {
    margin-bottom: 1em;
  }

}


@media screen and (max-width: 915px) {
  
  ul.quotes {
    padding-top: 0;
  }
  
  ul.quotes li {
    margin-top: 0;
  }
  
}


@media screen and (max-width: 600px) {
  
  ul.quotes .item-inner {
    width: auto;
    float: none;
  }
  
  ul.quotes blockquote {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
}
*/

/* prueba

@media screen and (max-width: 1024px) and (min-width: 481px) {
/* prueba  
  html.touch {
    overflow: auto !important;
    height: auto !important;
  }
  
  .touch body.single-series, .touch body.single-series .body, .touch section.single-series, .touch body.single-series .container {
    height: auto;
  }
  
  .touch section.single-series {
    padding-top: 93px;
  }
  
  .touch section.single-series .gallery {
    width: 100% !important;
    cursor: auto !important;
  }
  
  .touch section.single-series li {
    float: left;
    height: auto;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    clear: both;
  }
  
  .touch section.single-series img {
    width: 100% !important;
    height: auto !important;
  }
 
  .touch section.single-series iframe {
    width: 100% !important;
    height: 432px !important;
  }
  

  .touch nav.prev-next-series {
    display: none;
  }
  
  .touch .show-menu nav.prev-next-series {
    display: block;
    left: auto;
    right: 15px;
    width: 44px;
    z-index: 12;
    margin-top: -75px;
    height: 150px;
  }
  
  .touch nav.prev-next-series a {
    margin: 0 !important;
  }
  
  .touch nav.prev-next-series a .arrow {
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    background-color: rgba(0,0,0,0.3) !important;
    background-size: 11px auto !important;
  }
  
  .touch section.single-series .video .info {
    margin-top: -100%;
  }
  
  .touch section.single-series .info-shown .info {
    margin-top: 0;
  }
  
  .touch section.single-series .first .btn-info {
    left: 10px;
  }
  
  .touch section.single-series .first .inner-info {
    left: 50px;
  }
  
  .touch section.info {
    padding: 95px 22px 50px 22px;
  }
}
*/  

/* estas dos secciones hacen que se ajuste la imagen al ancho de pantalla desde 1024, implica cambio de tamano de letra en omio*/
/* prueba
@media screen and (max-width: 10240px) and (min-width: 1025px) and (orientation: landscape) {

  .touch body {
    width: 1000px;
  }

}
*/
/* para movel el btn bubble, hay que tener en cuanta el tamano de pantalla, tb cambia la tipografiaaaaaa ------- control de los textos modo grande----------------- */
@media screen and (max-width: 4950px) and (min-width: 481px) {

  .container .btn-toggle-menu {
    top: 14px !important;
    right: 12px !important;
    left: auto !important;
    margin: 0 !important;
  }
  
  html {
    overflow: auto !important;
    height: auto !important;
  }
  
  h1.main {
    font-size: 40px;
    top: 0px;
    left: 22px;
  }
  
 /* este lo anado yo para controlar el subtitulo de omio */
  h1.thin {
    font-size: 30px;
	margin-top: 0px;
	margin-left: 0px;
  }
  
  h1.light {
    font-size: 40px;
    top: 0px;
    left: 22px;
  }
/* este lo anado yo para controlar our team madrid y our team shanghai */
  h2.light {
    font-size: 40px;
    top: 0px;
    left: 22px;
 	padding-left: 130px;
  }
   
  .container .btn-toggle-menu {
    width: 33px !important;
    height: 33px !important;
    background-size: 22px auto !important;
    background-position: 5px center !important;
  }
  
  body.series-list {
    background: #fff;
  }
  
  ul.series {
    padding-top: 63px !important;
  }
  
  ul.series a {
    padding-top: 25% !important;
    margin: 0 !important;
  }
  
  ul.series strong {
    opacity: 1;
    font-size: 18px;
    left: 23px !important;
    margin-top: -0.8em;
    text-shadow: 0 1px 1px #000 !important;
    letter-spacing: 0;
    z-index: 2;
  }
  
  ul.series span {
    opacity: 0.5;
    z-index: 1;
  }
  
  section.single-series {
    padding-top: 3px !important;
  }
  
  section.single-series .gallery {
    width: 100% !important;
    cursor: auto !important;
  }
  
  section.single-series li {
    float: left;
    height: auto;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    clear: both;
  }
  
  section.single-series img {
    width: 100% !important;
    height: auto !important;
  }
  
  .container section.single-series iframe {
    width: 100% !important;
    height: 180px !important;
  }
  
  body.single-series .single-series h1, section.info h1 {
    top: 37px;
    left: 23px;
  }
  
  nav.prev-next-series {
    display: none;
  }
  
  .show-menu .container nav.prev-next-series {
	display: block;
	left: auto;
	right: 12px;
	width: 33px;
	z-index: 12;
	margin-top: -370px;
	height: 100px;
  }
  
  .container nav.prev-next-series a {
    width: 33px !important;
    height: 33px !important;
    margin: 0 !important;
  }
  
  .container nav.prev-next-series a .arrow {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: rgba(0,0,0,0.3) !important;
    background-size: 11px auto !important;
  }
  
  body.single-series, body.single-series .body, section.single-series, body.single-series .container {
    height: auto;
  }
  
  .container section.info {
    padding: 95px 22px 50px 22px;
  }
  
  .fading {
    display: none !important;
  }
  
  .page-id-145 .fading,
  .page-id-1161 .fading {
    display: block !important;
    height: 70px;
  }
  
  section.info h2 {
    font-size: 14px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
  }
  
  section.info > ul > li {
    margin-bottom: 90px;
  }
  
  section.single-series .info {
    font-size: 12px;
  }
  
  section.single-series .video .info {
    margin-top: -100%;
  }
  
  section.single-series .info-shown .info {
    margin-top: 0;
  }
  
  section.single-series .first .btn-info {
    left: 10px;
  }
  
  section.single-series .first .inner-info {
    left: 50px;
  }
  
}
/* hacer omio, el subtexto y el bubble mas pequeno en iphone ------- control de los textos modo iphone----------------- */
@media screen and (max-width: 480px) {
  
  .container .btn-toggle-menu {
    top: 14px !important;
    right: 12px !important;
    left: auto !important;
    margin: 0 !important;
  }
  
  html {
    overflow: auto !important;
    height: auto !important;
  }
  
  h1.main {
    font-size: 30px;
	top: 5px;
    left: 22px;
  }
 /* este lo anado yo para controlar el chino en modo iphone */
  h1.main strong{
	font-size: large;
	font-weight: lighter;
	vertical-align: 2px;
	}
	
 /* este lo anado yo para controlar el subtitulo de omio */
  h1.thin {
    font-size: 16px;
	margin-top: -13px;
	margin-left: -80px;
  } 
  
 /* este lo anado yo para controlar los encabezados del texto general */
  h1.light {
    font-size: 25px;
	top: 12px;
    left: 2px;
 	padding-left: 15px;
  }
     
 /* este lo anado yo para controlar our team madrid y our team shanghai */
  h2.light {
    font-size: 25px;
 	padding-left: 80px;
  }
 /* este lo anado yo para controlar el texto general */
  p.light {
    font-size: 15px;
	top: 12px;
    left: 2px;
 	padding-left: 15px;
  }

  .container .btn-toggle-menu {
    width: 33px !important;
    height: 33px !important;
    background-size: 22px auto !important;
    background-position: 5px center !important;
  }
  
  body.series-list {
    background: #fff;
  }
  
  ul.series {
    padding-top: 63px !important;
  }
  
  ul.series a {
    padding-top: 25% !important;
    margin: 0 !important;
  }
  
  ul.series strong {
    opacity: 1;
    font-size: 13px;
    left: 23px !important;
    margin-top: -0.8em;
    text-shadow: 0 1px 1px #000 !important;
    letter-spacing: 0;
    z-index: 2;
  }
  
  ul.series span {
    opacity: 0.5;
    z-index: 1;
  }
  
  section.single-series {
    padding-top: 0px !important;
  }
  
  section.single-series .gallery {
    width: 100% !important;
    cursor: auto !important;
  }
  
  section.single-series li {
    float: left;
    height: auto;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    clear: both;
  }
  
  section.single-series img {
    width: 100% !important;
    height: auto !important;
  }
  
  .container section.single-series iframe {
    width: 100% !important;
    height: 180px !important;
  }
  

  
  nav.prev-next-series {
    display: none;
  }
  
  .show-menu .container nav.prev-next-series {
	display: block;
	left: auto;
	right: 12px;
	width: 33px;
	z-index: 12;
	margin-top: -370px;
	height: 100px;
  }
  
  .container nav.prev-next-series a {
    width: 33px !important;
    height: 33px !important;
    margin: 0 !important;
  }
  
  .container nav.prev-next-series a .arrow {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: rgba(0,0,0,0.3) !important;
    background-size: 11px auto !important;
  }
  
  body.single-series, body.single-series .body, section.single-series, body.single-series .container {
    height: auto;
  }
  
  .container section.info {
    padding: 95px 22px 50px 22px;
  }
  
  .fading {
    display: none !important;
  }
  
  .page-id-145 .fading,
  .page-id-1161 .fading {
    display: block !important;
    height: 70px;
  }
  
  section.info h2 {
    font-size: 14px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
  }
  
  section.info > ul > li {
    margin-bottom: 90px;
  }
  
  section.single-series .info {
    font-size: 12px;
  }
  
  section.single-series .video .info {
    margin-top: -100%;
  }
  
  section.single-series .info-shown .info {
    margin-top: 0;
  }
  
  section.single-series .first .btn-info {
    left: 10px;
  }
  
  section.single-series .first .inner-info {
    left: 50px;
  }
  
}

/* 
@media screen and (max-device-width: 480px) and (orientation: landscape) {
  
  .touch body {
    width: 640px;
    height: 350px;
    position: relative;
  }
  
  .container section.single-series iframe {
    height: 361px !important;
  }
  
}  


 /* ==========================================================================
    Helper classes
    ========================================================================== */

 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     *text-indent: -9999px;
 }

 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 150%;
 }

 .hidden {
     display: none !important;
     visibility: hidden;
 }

 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
 }

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
 }

 .invisible {
     visibility: hidden;
 }

 .clearfix:before,
 .clearfix:after {
     content: " ";
     display: table;
 }

 .clearfix:after {
     clear: both;
 }
 /* old IE
 .clearfix {
     *zoom: 1;
 }
*/
 /* ==========================================================================
    Print styles
    ========================================================================== */

 @media print {
     * {
         background: transparent !important;
         color: #000 !important; /* Black prints faster: h5bp.com/s */
         box-shadow: none !important;
         text-shadow: none !important;
     }

     /*
      * Don't show links for images, or javascript/internal links
      */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
         content: "";
     }

     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
     }

     thead {
         display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
         page-break-inside: avoid;
     }

     img {
         max-width: 100% !important;
     }

     @page {
         margin: 0.5cm;
     }

     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }

     h2,
     h3 {
         page-break-after: avoid;
     }

 }