@font-face {

    font-family: 'proxima_nova_rgbold';

    src: url('../font/proximanova-bold-webfont.eot');

    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/proximanova-bold-webfont.woff') format('woff'),

         url('../font/proximanova-bold-webfont.ttf') format('truetype'),

         url('../font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'proxima_novablack';

    src: url('../font/proximanova-black-webfont.eot');

    src: url('../font/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/proximanova-black-webfont.woff') format('woff'),

         url('../font/proximanova-black-webfont.ttf') format('truetype'),

         url('../font/proximanova-black-webfont.svg#proxima_novablack') format('svg');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'proxima_nova_rgregular';

    src: url('../font/proximanova-regular-webfont.eot');

    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/proximanova-regular-webfont.woff') format('woff'),

         url('../font/proximanova-regular-webfont.ttf') format('truetype'),

         url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'proxima_novalight';

    src: url('../font/proximanova-light-webfont.eot');

    src: url('../font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/proximanova-light-webfont.woff') format('woff'),

         url('../font/proximanova-light-webfont.ttf') format('truetype'),

         url('../font/proximanova-light-webfont.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;



}



* 				{

    			margin: 0;

    			}



html, body 		{

				height: 100%;

				}

								

body			{ width:100%; height:100%; min-height:100%; padding:0; margin:0; font-family: 'proxima_novalight', Arial,sans-serif; font-size:15px; line-height:17px; color:#555; font-weight:400; background:#000;  }



#logo			{
				width:100%;
				position:absolute;
				top:0;
				left:0;
				background:url(../img/bg_bl.png) repeat;
				z-index:100;
				}
				
.logo_img		{
				width: 26%;
				height: auto;
				position: relative;
				padding: 25px 0;
				margin: 0 auto 0 -13%;
				left: 50%;  
				}				

a.next			{
				bottom:50px !important;
				right:30px !important;
				position:absolute;
				z-index:1000;
				width:33px;
				height:50px;
				background-image:url(../img/next.png);
				background-position:center top;
				background-repeat:no-repeat;
				background-size:33px;
				-ms-behavior: url('../js/backgroundsize.htc');  
				}
				
a.next:hover	{ background-position:bottom center;}				


a.prev			{
				bottom:50px !important;
				left:30px !important;
				position:absolute;
				z-index:100;
				width:33px;
				height:50px;
				background-image:url(../img/prev.png);
				background-position:center top;
				background-repeat:no-repeat;
				background-size:33px;
				-ms-behavior: url('../js/backgroundsize.htc');  
				}
				
a.prev:hover	{ background-position:bottom center;}


.slides-navigation		{	
						width:100%;
						height:auto;
						position:absolute;
						bottom:0;
						left:0;
						z-index:100;
						}
						
#cont_social		{
					width: 30%;
					position: absolute;
					margin: 0 0 0 -17%;
					background: url(../img/bg_bl.png) repeat;
					height: auto;
					z-index: 100;
					bottom: 0;
					left: 50%;
					padding: 1% 2%;
					font-size:15px;
					text-align:center;
					}
					

.cont_ico			{
					text-align:center;
					}
					
	a.ico_a			{
					width:13%;
					height:auto;
					margin:0.5% 0.6%;
					padding-bottom:13%;
					background-position:center top;
					background-size:100% auto;
					background-repeat:no-repeat;
					-ms-behavior: url('../js/backgroundsize.htc');  
					*display:inline;
					display:inline-block;
					*zoom:1;
					}	
					
	a.ico_a:hover	{
					background-position:center bottom;
					}													
											
	.fb				{ background-image:url(../img/fb.png);}	
	.tw				{ background-image:url(../img/twitter.png);}
	.yt				{ background-image:url(../img/youtube.png);}
	.sc				{ background-image:url(../img/soundcloud.png);}
	.bp				{ background-image:url(../img/beatport.png);}
	.bpdj				{ background-image:url(../img/beatport_dj.png);}
	.ts				{ background-image:url(../img/traxsource.png);}										



.cont_mail			{
					width:96%;
					height:auto;
					padding:0 2%;
					}
					
.left				{
					float:left;
					width:40%;
					height:auto;
					text-align:right;
					height:10%;
					padding:6% 0 4% 0;
					}
					
.right				{
					float:left;
					width:40%;
					height:auto;
					text-align:left;
					height:10%;
					padding:6% 0 4% 0;
					}				
					
.center				{
					width:20%;
					height:auto;
					float:left;
					margin:;
					padding:0 0 20% 0;
					background-image:url(../img/cani.png);
					background-position:center top;
					background-size:100% auto;
					background-repeat:no-repeat;
					-ms-behavior: url('../js/backgroundsize.htc'); 
					}											


.right a				{ color:#FFF; display:block;text-decoration:none;}
.right a:hover			{ color:#CCC;text-decoration:none;}

.left a					{ color:#FFF;display:block; text-decoration:none;}
.left a:hover			{ color:#CCC; text-decoration:none;}


.right a span, .left a span	{ display:block;}

@media (min-width: 320px) { 
.right a span, .left a span	{ display:none;}
a.ico_a				{
					width:20%;
					margin:1%;
					padding-bottom:20%;
					}	

.cont_mail			{ font-size:9px; width:98%; padding:0 1%; text-align:center;}

}



@media (min-width: 740px) { 
.cont_mail						{ font-size:12px; width:98%; padding:0 1%; text-align:center;}
.right a span, .left a span		{ display:none;}
a.ico_a			{
					width:11%;
					
					margin:0.5% 0.6%;
					padding-bottom:11%;
					
					}	
					
}


@media (min-width: 980px) { 

.cont_mail						{ font-size:12px; width:98%; padding:0 1%; text-align:center;}
.right a span, .left a span		{ display:block; }
a.ico_a			{
					width:12%;
					margin:0.5% 0.6%;
					padding-bottom:12%;
					
					}	
					

}


@media (min-width: 1200px) { 
a.ico_a			{
					width:13%;
					
					
					margin:0.5% 0.3%;
					padding-bottom:13%;
					  
					}	
.cont_mail						{ font-size:15px;}					
}