/* line 10, main.scss */
* { margin: auto; padding: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; font-family: 'AkkuratPro-Regular'; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; }

/* line 26, main.scss */
#menu-bar { width: 1px; height: 1px; position: absolute; background: transparent; left: 0; top: 25px; }

/* line 36, main.scss */
b, h1, h2, h3, h4 { font-family: 'AkkuratPro-Bold'; font-weight: normal; }

/* line 41, main.scss */
body { background: #0C0C0C; color: #ccc; overflow: hidden; }

/* line 47, main.scss */
header, main { width: 95%; position: relative; z-index: 5; }

/* line 52, main.scss */
header { margin-top: 40px; z-index: 2; }

.control{
	position: absolute;
	top:5px;
	right:5px;
	z-index: 20; 
	cursor:pointer;
	width: 25px;
	height: 25px;
	background:url(/media/ui/home-pause.png) center center no-repeat; 
}

.control.pause{
	background:url(/media/ui/home-play.png) center center no-repeat; 
}

/* line 53, main.scss */
header h1 { float: left; position: relative; z-index: 1; }

/* line 59, main.scss */
main { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }

/* line 68, main.scss */
section { overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; 

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}

/* line 78, main.scss */
#smartphone-menu-icon { position: absolute; right: 10px; top: 10px; display: none; z-index: 999999999999; }
/* line 84, main.scss */
#smartphone-menu-icon .bar { width: 25px; margin-bottom: 5px; height: 3px; background: white; }

/* line 92, main.scss */
.active-menu-backgroud { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1  !important; -khtml-opacity: 1  !important; opacity: 1  !important; }

.botton-volver{
	color: #22D3DD;
  background-color: #121111;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  margin-top: 15px;
}

.botton-volver a{
	color:#22D3DD;
	transition:color 1s;
	-webkit-transition:color 1s;
	-moz-transition:color 1s;
	-ms-transition:color 1s;
	-o-transition:color 1s;
}

.botton-volver a:hover{
	color:#fff;	
}
.swiper-wrapper--{padding-left: 30px;margin-left: 0;}
/* line 100, main.scss */
#menu-background { z-index: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, black 0%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, black 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, black 0%, transparent 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, black 0%, transparent 100%); /* IE10+ */ background: linear-gradient(to bottom, black 0%, transparent 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ width: 100%; height: 115px; position: fixed; top: 0; left: 0; }
a{color:white;}
/* line 130, main.scss */
.home-new .proyect-teaser { width: 320px !important; height: 120px; display: inline-block; cursor: pointer; margin-right: 50px; }
.home-new.home .presentation p{ color: #FF7200; }
.home-new.home .presentation { border-color: #FF7200; }
.proyect-teaser { width: 320px ;  display: inline-block; cursor: pointer; margin-right: 50px; }
/* line 138, main.scss */

.proyect-teaser .thumbnail { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background-position: center center; background-size: cover; float: left; filter: grayscale(100%); -webkit-filter: grayscale(100%); border-style: solid; background-image: url(data:image/gif;base64,R0lGODlhPQBEAPeoAJosM//AwO/AwHVYZ/z595kzAP/s7P+goOXMv8+fhw/v739/f+8PD98fH/8mJl+fn/9ZWb8/PzWlwv///6wWGbImAPgTEMImIN9gUFCEm/gDALULDN8PAD6atYdCTX9gUNKlj8wZAKUsAOzZz+UMAOsJAP/Z2ccMDA8PD/95eX5NWvsJCOVNQPtfX/8zM8+QePLl38MGBr8JCP+zs9myn/8GBqwpAP/GxgwJCPny78lzYLgjAJ8vAP9fX/+MjMUcAN8zM/9wcM8ZGcATEL+QePdZWf/29uc/P9cmJu9MTDImIN+/r7+/vz8/P8VNQGNugV8AAF9fX8swMNgTAFlDOICAgPNSUnNWSMQ5MBAQEJE3QPIGAM9AQMqGcG9vb6MhJsEdGM8vLx8fH98AANIWAMuQeL8fABkTEPPQ0OM5OSYdGFl5jo+Pj/+pqcsTE78wMFNGQLYmID4dGPvd3UBAQJmTkP+8vH9QUK+vr8ZWSHpzcJMmILdwcLOGcHRQUHxwcK9PT9DQ0O/v70w5MLypoG8wKOuwsP/g4P/Q0IcwKEswKMl8aJ9fX2xjdOtGRs/Pz+Dg4GImIP8gIH0sKEAwKKmTiKZ8aB/f39Wsl+LFt8dgUE9PT5x5aHBwcP+AgP+WltdgYMyZfyywz78AAAAAAAD///8AAP9mZv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAKgALAAAAAA9AEQAAAj/AFEJHEiwoMGDCBMqXMiwocAbBww4nEhxoYkUpzJGrMixogkfGUNqlNixJEIDB0SqHGmyJSojM1bKZOmyop0gM3Oe2liTISKMOoPy7GnwY9CjIYcSRYm0aVKSLmE6nfq05QycVLPuhDrxBlCtYJUqNAq2bNWEBj6ZXRuyxZyDRtqwnXvkhACDV+euTeJm1Ki7A73qNWtFiF+/gA95Gly2CJLDhwEHMOUAAuOpLYDEgBxZ4GRTlC1fDnpkM+fOqD6DDj1aZpITp0dtGCDhr+fVuCu3zlg49ijaokTZTo27uG7Gjn2P+hI8+PDPERoUB318bWbfAJ5sUNFcuGRTYUqV/3ogfXp1rWlMc6awJjiAAd2fm4ogXjz56aypOoIde4OE5u/F9x199dlXnnGiHZWEYbGpsAEA3QXYnHwEFliKAgswgJ8LPeiUXGwedCAKABACCN+EA1pYIIYaFlcDhytd51sGAJbo3onOpajiihlO92KHGaUXGwWjUBChjSPiWJuOO/LYIm4v1tXfE6J4gCSJEZ7YgRYUNrkji9P55sF/ogxw5ZkSqIDaZBV6aSGYq/lGZplndkckZ98xoICbTcIJGQAZcNmdmUc210hs35nCyJ58fgmIKX5RQGOZowxaZwYA+JaoKQwswGijBV4C6SiTUmpphMspJx9unX4KaimjDv9aaXOEBteBqmuuxgEHoLX6Kqx+yXqqBANsgCtit4FWQAEkrNbpq7HSOmtwag5w57GrmlJBASEU18ADjUYb3ADTinIttsgSB1oJFfA63bduimuqKB1keqwUhoCSK374wbujvOSu4QG6UvxBRydcpKsav++Ca6G8A6Pr1x2kVMyHwsVxUALDq/krnrhPSOzXG1lUTIoffqGR7Goi2MAxbv6O2kEG56I7CSlRsEFKFVyovDJoIRTg7sugNRDGqCJzJgcKE0ywc0ELm6KBCCJo8DIPFeCWNGcyqNFE06ToAfV0HBRgxsvLThHn1oddQMrXj5DyAQgjEHSAJMWZwS3HPxT/QMbabI/iBCliMLEJKX2EEkomBAUCxRi42VDADxyTYDVogV+wSChqmKxEKCDAYFDFj4OmwbY7bDGdBhtrnTQYOigeChUmc1K3QTnAUfEgGFgAWt88hKA6aCRIXhxnQ1yg3BCayK44EWdkUQcBByEQChFXfCB776aQsG0BIlQgQgE8qO26X1h8cEUep8ngRBnOy74E9QgRgEAC8SvOfQkh7FDBDmS43PmGoIiKUUEGkMEC/PJHgxw0xH74yx/3XnaYRJgMB8obxQW6kL9QYEJ0FIFgByfIL7/IQAlvQwEpnAC7DtLNJCKUoO/w45c44GwCXiAFB/OXAATQryUxdN4LfFiwgjCNYg+kYMIEFkCKDs6PKAIJouyGWMS1FSKJOMRB/BoIxYJIUXFUxNwoIkEKPAgCBZSQHQ1A2EWDfDEUVLyADj5AChSIQW6gu10bE/JG2VnCZGfo4R4d0sdQoBAHhPjhIB94v/wRoRKQWGRHgrhGSQJxCS+0pCZbEhAAOw==); background-position: cover; background-repeat: no-repeat; background-origin: border-box; border-width: 50px; border-color: transparent; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}
/* line 175, main.scss */
.proyect-teaser .content { text-align: left; width: 180px; float: right; margin-top: 30px; }
/* line 182, main.scss */
.proyect-teaser h2 { font-size: 14px; font-family: 'AkkuratPro-Regular'; letter-spacing: 4px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
/* line 193, main.scss */
.proyect-teaser p { font-size: 12px; font-family: 'Akkurat-Light'; letter-spacing: 4px; color: #666; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; text-transform: uppercase; color:white;}

/* line 208, main.scss */
#bumetro { margin-bottom: 30px; }

/* line 211, main.scss */
#bumetro #aguja-mascara { position: absolute; top: 5px; left: 0; width: 100%; overflow: hidden; height: 160px; }
/* line 219, main.scss */
#bumetro #aguja-mascara .circle { width: 10px; height: 10px; background-color: white; position: absolute; left: 50%; bottom: 0; margin-left: -5px; border-radius: 50%; }

/* line 232, main.scss */
.proyect-teaser:nth-child(1) h2 { color: #22D3DD }
.proyect-teaser:nth-child(2) h2 { color: #22D3DD }
.proyect-teaser:nth-child(3) h2 { color: #22D3DD }

/* line 233, main.scss */


/* line 235, main.scss */
.proyect-teaser:hover .thumbnail { filter: grayscale(0%); -webkit-filter: grayscale(0%); border-width: 0; border-color: rgba(0, 0, 0, 0.5); }
/* line 241, main.scss */
.proyect-teaser:hover h2 { transform: translate(0, -2px); }
/* line 244, main.scss */
.proyect-teaser:hover p { transform: translate(0, 2px); }

/* line 249, main.scss */
a { text-decoration: none; }

/* line 251, main.scss */
header nav { float: right; position: relative; z-index: 2; }
/* line 255, main.scss */
header nav a { letter-spacing: 5px; margin-left: 10px; }
.obra-detail .control-item { filter: grayscale(100%); }
/* line 259, main.scss */
a.menu-1 { color: #FF7200; }

/* line 260, main.scss */
a.menu-2 { color: #4CD020; }

/* line 261, main.scss */
a.menu-3 { color: #EB159A; }

/* line 262, main.scss */
a.menu-4 { color: #1519EA; }

/* line 263, main.scss */
a.menu-5 { color: #4CD020; }

/* line 264, main.scss */
a.menu-6 { color: #FF7200; }

/* line 267, main.scss */
.clear { float: none; clear: both; }

/* line 271, main.scss */
.wrapper { width: 94%; }

/* line 274, main.scss */
.proyects-list { width: 94%; margin-top: 20px; }

/* line 279, main.scss */
.prensa .wrapper { margin-top: 120px; position: relative; }

/* line 284, main.scss */
#blackout, #background, #background #pattern { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

/* line 293, main.scss */
#background img { position: absolute; top: 50%; left: 50%; opacity: 0; height: 100%; }

/* line 301, main.scss */
#blackout { background: black; opacity: 0.85; z-index: 2; }

/* line 307, main.scss */
#background #pattern { z-index: 3; background: url(../media/ui/pattern.png); }
.swiper-container{
  margin-top: 50px;
}
.izquierda,.derecha{
  position: absolute;
  top: 0;
  left: 50%;
  cursor: pointer;
}
.izquierda{
  
  margin-left: -60px;
  z-index: 20;
}
.derecha{
  margin-right: 60px;
  z-index: 20;
}
/* line 310, main.scss */
.home .title-cat{font-size: 20px; letter-spacing: 10px; text-align: center;margin-bottom:20px; margin-top: 40px;}
.home #spectrum { width: 200px; height: 50px; }
/* line 314, main.scss */
.home #spectrum .circle { width: 20px; height: 20px; background: #666; display: inline-block; margin-right: 10px; border-radius: 50%; transition: 0.1s all; }
/* line 323, main.scss */
.home #spectrum .circle#circle-1 { background: #F2FF00; }
/* line 324, main.scss */
.home #spectrum .circle#circle-2 { background: #22D3DD; }
/* line 325, main.scss */
.home #spectrum .circle#circle-3 { background: #EB159A; }
/* line 326, main.scss */
.home #spectrum .circle#circle-4 { background: #1519EA; }
/* line 327, main.scss */
.home #spectrum .circle#circle-5 { background: #4CD020; }
/* line 329, main.scss */
.home .presentation { position: relative; max-width: 720px; border: 1px solid #F2FF00; padding-top: 40px; padding-bottom: 40px; text-align: center; }
/* line 337, main.scss */
.home .presentation h1 { font-family: '"AkkuratPro-Regular"'; font-size: 20px; letter-spacing: 10px; color: #F2FF00; margin-bottom: 10px; }
/* line 345, main.scss */
.home .presentation p { 
  font-family: 'AkkuratPro-Bold';
  font-size: 34px;
  letter-spacing: 12px;
  color: #F2FF00;
  line-height: 48px;
  text-shadow: 4px 1px 32px #ff004f;
  text-transform: uppercase;
}
/* line 356, main.scss */
.home .teaser-works { text-align: center; position: fixed; bottom: 20px; width: 100%; left: 0; }
/* line 363, main.scss */
.home .teaser-works h1 { font-family: 'AkkuratPro-Regular'; color: #AEAEAF; text-align: center; font-size: 13px; letter-spacing: 5px; margin-bottom: 20px; }
/* line 371, main.scss */
.home .teaser-works h1 span { color: #F2FF00; }

/* line 378, main.scss */
#intro-canvas { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }

/* line 387, main.scss */
.obra .proyect-teaser a h2 { color: #D6D6D6; }

/* line 391, main.scss */
.obra .proyects-list { margin-top: 100px !important; }

/* line 392, main.scss */
.obra .proyect-teaser { width: 25%; height: 120px; display: inline-block; cursor: pointer; margin-top: 40px; margin-right: 0%; }

/* line 402, main.scss */
.obra .proyect-teaser .content { text-align: left; width: 180px; float: left; margin-top: 30px; margin-left: 30px; }

/* line 414, main.scss */
.bio .info {box-sizing: border-box; padding: 40px; width: 50%; margin-top: 100px; position: relative; left: 200px; }
/* line 424, main.scss */
.bio h2 { font-family:'AkkuratPro-Regular'; color: #4CD020; text-transform: uppercase; font-size: 19px; margin-bottom: 20px; margin-top: 50px; }
/* line 430, main.scss */
.bio p  *,
.bio p { font-size: 16px !important; line-height: 30px !important; color: #fff; }

/* line 439, main.scss */
.contacto .info { border: 1px solid #EB159A; box-sizing: border-box; padding: 40px; width: 50%; margin-top: 100px; position: relative; }
/* line 447, main.scss */
.contacto a { color: #EB159A; }
/* line 448, main.scss */
.contacto h2 { color: #EB159A; text-transform: uppercase; font-size: 19px; margin-bottom: 20px; }
/* line 454, main.scss */
.contacto p { font-size: 36px; line-height: 30px; color: #fff; }

/* line 465, main.scss */
.prensa img { width: 100%; }
/* line 469, main.scss */
.prensa .prensa-item { cursor: pointer; }
/* line 473, main.scss */
.prensa .prensa-item.content-video .normal-image { display: none; }
/* line 477, main.scss */
.prensa .prensa-item.content-image .youtube-thumbnail { display: none; }

/* line 484, main.scss */
.obra-detail .left p a{color:#22D3DD;}
.obra-detail .container { float: right; }
/* line 485, main.scss */
.obra-detail #poster-container { position: relative; width: 300px; margin-top: 100px; }
/* line 486, main.scss */
.obra-detail #poster-container.video-container { position: relative; width: 300px; margin-top: 100px; }
/* line 488, main.scss */
.obra-detail #poster-container a { display: block; }
/* line 489, main.scss */
.obra-detail iframe { display: block; margin-top: 10px; width: 300px; }
/* line 490, main.scss */
.obra-detail .background-poster { background: url(../media/ui/pattern.png) rgba(0, 0, 0, 0.2); width: 100%; height: 100%; position: absolute; top:0;

 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}
/* line 491, main.scss */
.obra-detail .right { text-align: right; }
/* line 492, main.scss */
.obra-detail #gallery-poster { position: absolute; width: 100%; height: 100%; }
/* line 493, main.scss */


.preview-audio{
  margin-left: 0;
  width: 110px;
  height: 30px;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  
}
.preview-audio .preview-icon,
.preview-audio .preview-text{
  display: inline-block;
  font-size: 11px;
  
}

.preview-audio .preview-text{
  position: relative;
  top: -1px;
  margin-left: 5px;
  letter-spacing: 2px;
}

.obra-detail .control-item { display: inline-block; width: 18px; height: 18px; background: url(../media/ui/item-play.png); cursor: pointer; }
/* line 494, main.scss */
.obra-detail .clear { clear: both; }
/* line 495, main.scss */
.obra-detail .left { width: 50%; float: left; margin-top:38px;}
/* line 496, main.scss */
.obra-detail .right { float: right; width: 50%; }
/* line 497, main.scss */
.obra-detail h2 { font-family: 'AkkuratPro-Regular'; color: #22D3DD; font-size: 20px; margin-top: 100px; letter-spacing: 3px; margin-bottom: 40px; }
.obra-detail.extras-section h2{color:#20d0b3;}
/* line 498, main.scss */
.obra-detail span { margin-left: 30px; font-size: 18px; color: #fff; letter-spacing: 3px; text-transform: uppercase; }
/* line 499, main.scss */
.obra-detail p { color: #fff; font-size: 16px; line-height: 19px; }
/* line 500, main.scss */
.obra-detail .songs { margin-top: 30px; }
/* line 502, main.scss */
.obra-detail .song.active, .obra-detail .song:hover { background: #383836; }
/* line 507, main.scss */
.obra-detail .song.active .control-item { background-image: url(../media/ui/item-pause.png); }
/* line 510, main.scss */
.extras-section p a{color:#20d0b3;}
.obra-detail .ver-galeria { position: absolute; top: 50%; text-align: center; width: 100%; left: 0; margin: 0 !important; font-size: 11px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; margin-top: -50px !important; }
/* line 526, main.scss */
.obra-detail .song { background: rgba(56, 56, 54, 0.5); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; display: block; margin-bottom: 10px; width: auto; transition: background 1s; -webkit-transition: background 1s; -moz-transition: background 1s; -ms-transition: background 1s; -o-transition: background 1s; cursor:pointer;}
/* line 528, main.scss */
.obra-detail .song .cargando { font-size: 11px; display: none; }
/* line 544, main.scss */
.obra-detail .song .name { font-size: 16px; color: #4ca3a8; display: inline-block; position: relative; top: -3px; left: 16px; }

/* line 554, main.scss */
.close { position: fixed; left: 50%; text-align: center; font-family: akkurat; font-size: 11px; bottom: 20px; cursor: pointer; }

/* line 563, main.scss */
#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
/* line 571, main.scss */
#modal .media-detalle img { opacity: 0; }
/* line 575, main.scss */
#modal .media-detalle iframe { display: none; }
/* line 579, main.scss */
#modal .media-detalle.media-video-vimeo img,
#modal .media-detalle.media-video-youtube img { display: none; }

#modal .media-detalle.media-video-vimeo #iframe-vimeo{display: block;}
#modal .media-detalle.media-video-youtube #iframe-youtube{display: block;}

/* line 586, main.scss */
#modal img#close { position: static; margin-bottom: 10px; }

/* line 587, main.scss */
#modal .wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }

/* line 588, main.scss */
#modal img { position: absolute; top: 50%; }

/* line 593, main.scss */
#smartphone-menu { width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; text-align: center; z-index: 9999999; padding-top: 30px; display: none; }
/* line 604, main.scss */
#smartphone-menu a { display: block; margin-bottom: 10px; font-size: 30px;}

@media (max-width: 980px) { /* line 612, main.scss */
#bumetro > img { width: 100%;}
	.obra .proyect-teaser { width: 100%;}
  nav { display: none; }
  /* line 613, main.scss */
  .home .presentation { border: 0; }
  /* line 614, main.scss */
  #smartphone-menu-icon { display: block !important; }
  /* line 617, main.scss */
  header { margin-top: 7px; }
  /* line 621, main.scss */
  .bio .info { border: 5px solid #656565; box-sizing: border-box; padding: 40px; width: 90%; margin-top: 100px; position: relative; left: 0; }
  /* line 631, main.scss */
  .contacto .info { width: 90%; }
  /* line 634, main.scss */
  .obra-detail .container { float: none; }
  /* line 635, main.scss */
  .obra-detail span { display: block; margin-left: 0; }
  /* line 636, main.scss */
  .obra-detail .left, .obra-detail .right { width: 100%; margin-bottom: 20px; float: none; text-align: left; } 
	.obra .proyect-teaser {height:150px;vertical-align: top;margin-bottom:50px;}
	.obra .proyect-teaser .thumbnail,
	.obra .proyect-teaser .content{
		float:none;
		text-align: center;
		margin:auto;

  }
  
  .contacto p{
    font-size: 20px;
  }

	.obra-detail .right{margin-top:0 !important;}
	.obra .proyect-teaser .thumbnail{margin-bottom:20px;}
	header h1{  margin-top: 8px;}
}
/* #F2FF00,#22D3DD,#EB159A,#1519EA,#4CD020,#FF7200*/

.obra-detail-23 > div{
  float: left;
  margin-top: 0 !important;
  margin: 5px;
}


.obra .proyect-teaser h2{
	color:#22D3DD !important;
}
/*
.obra .proyect-teaser-1 h2{
	color:#22D3DD !important;
}

.obra .proyect-teaser-2 h2{
	color:#22D3DD !important;
}

.obra .proyect-teaser-3 h2{
	color:#1519EA !important;
}


.obra .proyect-teaser-4 h2{
	color:#4CD020 !important;
}

.obra .proyect-teaser-5 h2{
	color:#FF7200 !important;
}*/

.svg-1{display: none;}
@media (max-width:1070px){
	.obra .proyect-teaser{
		width: 50%;
	}
}
section.home{overflow-x:hidden }
@media (max-width:680px){
  
  .dd{ overflow-x: auto !important; padding-left: 30px; padding-right: 30px;}
}
@media (max-width:480px){
  .svg-1{display: block;}
  #logo-wave-mask{display: none;}
  .proyect-teaser{margin-right: 0;width: 100%;}
  .home .presentation p{
    font-size: 15px;
    width: 90%;
    line-height: 22px;
    margin-top: 70px;
  }
	.obra .proyect-teaser{
		width: 100%;
	}
}

h1 svg{
	transform: scale(1.1);
	-webkit-transform: shttp://sticcoluis.blowapp.com.ar/detalle-obra/15-la-leyenda-del-poetacale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
  	margin-left: 15px;
  	position: relative;
 	 top: -8px;
}


@media (max-width: 640px){
  .pelota{
    position: static !important;
    display: inline-block;
  }
  main{
    overflow-y: auto;
  }
}