/*-----------------------------------------------------------------------------------

	Theme Name: Alberto roveroni
	Theme URI: 
	Description: Alberto roveroni Musician / Producer / Sound Designer
	Author: simone zanon
	Author URI:  http://www.simonezanon.com

	Version: 1.0
	

-----------------------------------------------------------------------------------*/
/*
@import url('bootstrap/css/bootstrap.css'); import bootstrap stylesheet 
@import url('bootstrap/css/bootstrap-responsive.css'); import bootstrap stylesheet */








/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/

div#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
/*-----------------------------------------------------------------------------------*/
/*  *General Site Styles
/*-----------------------------------------------------------------------------------*/

/* #General Wordpress Styles
================================================== */
html {
margin: 0px !important;

}

body {
margin: 0;
padding: 0;
background-color: #E0E0E0 !important;
font-family: 'UbuntuLight', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333;
}

li {

list-style: none;
}

.medium {
height: 

    font-family: 'UbuntuRegular' !important;


}
p img {
  width: 100% !important;
  height: auto;
}

/************************************************
*	font									*
************************************************/




@font-face {
    font-family: 'UbuntuRegular';
    src: url('font/Ubuntu-R-webfont.eot');
    src: url('font/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-R-webfont.woff') format('woff'),
         url('font/Ubuntu-R-webfont.ttf') format('truetype'),
         url('font/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('font/Ubuntu-B-webfont.eot');
    src: url('font/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-B-webfont.woff') format('woff'),
         url('font/Ubuntu-B-webfont.ttf') format('truetype'),
         url('font/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLight';
    src: url('font/Ubuntu-L-webfont.eot');
    src: url('font/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-L-webfont.woff') format('woff'),
         url('font/Ubuntu-L-webfont.ttf') format('truetype'),
         url('font/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('font/Ubuntu-M-webfont.eot');
    src: url('font/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-M-webfont.woff') format('woff'),
         url('font/Ubuntu-M-webfont.ttf') format('truetype'),
         url('font/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('font/Ubuntu-C-webfont.eot');
    src: url('font/Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-C-webfont.woff') format('woff'),
         url('font/Ubuntu-C-webfont.ttf') format('truetype'),
         url('font/Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}









/************************************************
*  3D - 3D                  *
************************************************/




/*
  3D rollovers styles
  Homepage: http://github.com/codepo8/3Drollovers
  Copyright (c) 2011 Christian Heilmann
  Code licensed under the BSD License:
  http://wait-till-i.com/license.txt
*/
.rollover {
  position: relative;
  width: 50px;
  height: 50px;
  display: block;
}
.front {
  z-index: 2;
  position: absolute;
}
.back {
  z-index: 1;
  position: absolute;
}
.rollover:hover .back, 
.rollover:focus .back {
  z-index: 2;
}
.rollover:hover .front, 
.rollover:focus .front {
  z-index: 1;
}
.fade .rollover .front {
  opacity: 1;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.fade .rollover .back {
  opacity: 0;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.fade .rollover:hover .front, 
.fade .rollover:focus .front {
  opacity: 0;
}
.fade .rollover:hover .back, 
.fade .rollover:focus .back {
  opacity: 1;
}

.flip .rollover {
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
      -ms-perspective: 800px;
       -o-perspective: 800px;
          perspective: 800px;
}
.flip .cube {
  height: 50px;
  width: 50px;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
     -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
      -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
       -o-transform: rotateX(0) rotateY(0) rotateZ(0);
          transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.flip .front {
  -webkit-transform: translate3d(0,0,1px);
     -moz-transform: translate3d(0,0,1px);
      -ms-transform: translate3d(0,0,1px);
       -o-transform: translate3d(0,0,1px);
          transform: translate3d(0,0,1px);
}
.flip .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
     -moz-transform: rotateY(180deg) translate3d(0,0,0);
      -ms-transform: rotateY(180deg) translate3d(0,0,0);
       -o-transform: rotateY(180deg) translate3d(0,0,0);
          transform: rotateY(180deg) translate3d(0,0,0);
}
.flip .rollover:hover .cube, 
.flip .rollover:focus .cube {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg); 
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.up .front {
  -webkit-transform: translate3d(0,0,1px);
     -moz-transform: translate3d(0,0,1px);
      -ms-transform: translate3d(0,0,1px);
       -o-transform: translate3d(0,0,1px);
          transform: translate3d(0,0,1px);
}
.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
     -moz-transform: rotateX(180deg) translate3d(0,0,0);
      -ms-transform: rotateX(180deg) translate3d(0,0,0);
       -o-transform: rotateX(180deg) translate3d(0,0,0);
          transform: rotateX(180deg) translate3d(0,0,0);
}
.up .rollover:hover .cube, 
.up .rollover:focus .cube {
  -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
       -o-transform: rotateX(180deg);
          transform: rotateX(180deg);
}


.boxsocial {

float: left;
width: 50px;
height: 50px;
display: block;

}
.boxsocial .front {
  -webkit-transform: translate3d(0,0,25px) scale(0.9,0.9);
     -moz-transform: translate3d(0,0,25px) scale(0.55,0.55);
      -ms-transform: translate3d(0,0,25px) scale(0.85,0.85);
       -o-transform: translate3d(0,0,25px) scale(0.85,0.85);
          transform: translate3d(0,0,25px) scale(0.85,0.85);
}
.boxsocial .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,25px)  scale(0.9,0.9);
     -moz-transform: rotateY(180deg) translate3d(0,0,25px) scale(0.55,0.55);
      -ms-transform: rotateY(180deg) translate3d(0,0,25px)  scale(0.85,0.85);
       -o-transform: rotateY(180deg) translate3d(0,0,25px)  scale(0.85,0.85);
          transform: rotateY(180deg) translate3d(0,0,25px)  scale(0.85,0.85);
}


/*---------*/



.box.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,25px) scale(0.9,0.9);
     -moz-transform: rotateX(180deg) translate3d(0,0,25px) scale(0.85,0.85);
      -ms-transform: rotateX(180deg) translate3d(0,0,25px) scale(0.85,0.85);
       -o-transform: rotateX(180deg) translate3d(0,0,25px) scale(0.85,0.85);
          transform: rotateX(180deg) translate3d(0,0,25px) scale(0.85,0.85);
}

.hideback .front, .hideback .back {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
}
.nananana .rollover {
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
      -ms-perspective: 800px;
       -o-perspective: 800px;
          perspective: 800px;
          
}
.nananana .rollover:hover .front, 
.nananana .rollover:focus .front {
  background: transparent;
  z-index: 10;
  -webkit-animation: batman 1s 2 alternate linear;
     -moz-animation: batman 1s 2 alternate linear;
      -ms-animation: batman 1s 2 alternate linear;
       -o-animation: batman 1s 2 alternate linear;
       animation: batman 1s 2 alternate linear;
}
@-moz-keyframes batman {
  0% { -moz-transform: scale(1,1) rotateZ(0); }
  100% { 
    -moz-transform: scale(0,0) rotateZ(720deg);
    opacity: 0;
  }
}
@-webkit-keyframes batman {
  0% { -webkit-transform: scale(1,1) rotateZ(0); }
  100% { 
    -webkit-transform: scale(0,0) rotateZ(720deg);
    opacity: 0;
  }
}
@-ms-keyframes batman {
  0% { -ms-transform: scale(1,1) rotateZ(0); }
  100% { 
    -ms-transform: scale(0,0) rotateZ(720deg); 
    opacity: 0;
  }
}
@-o-keyframes batman {
  0% { -o-transform: scale(1,1) rotateZ(0); }
  100% { 
    -o-transform: scale(0,0) rotateZ(720deg); 
    opacity: 0;
  }
}
@keyframes batman {
  0% { transform: scale(1,1) rotateZ(0); }
  100% { 
    transform: scale(0,0) rotateZ(720deg); 
    opacity: 0;
  }
}




 /************************************************
*   LOADING IMAGE                                   *
************************************************/






#logoloading{
    float:left;
    width:100%;
    height:100%;
    background: url(images/logoloading.png) 50% 40% no-repeat;
    display:inline;
    margin: 0 auto !important;
    position: relative;
}



.image-holder{

    float:left;
    width:100%;
    height:100%;
    background: url(images/loading.png) 50% 50% no-repeat;
    display:inline;
    margin: 0 auto !important;
    position: relative;
}




#loadingDiv{
    float:left;
    width:100%;
    height:100%;
    background:#E0E1E2;
    display:inline;
    z-index: 99999999999;
    position: absolute;
}




/************************************************
*	HOME									*
************************************************/


.home1 {
position:absolute;
top:35%;
left:50%;

width: 400px;
height: 250px;

margin-left:-200px;
margin-top: -125px;
}


.logo_alberto_roveroni {

/*margin-top: 200px;*/

}

.social {

width: 250px;
min-height: 50px;
margin: 30px auto;
}

.puls {

width: 60px;
height: 60px;
margin: 0 auto;
}

.puls2 {

width: 60px;
height: 60px;
margin: 0px auto;
padding-top: 40px;
}


.puls22 {
padding-top: 5px;
width: 60px;
height: 60px;
float: right;
}



.bobyblog {

background-color: #fafafb !important;

}


/************************************************
*	SOCIAL									*
************************************************/




.cloud {
float: left;
display: block;
margin: 0;
padding: 0;
width: 50px;
height: 50px;
background-image: url(images/cloud1.png);

 position:relative;
 
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

}

.cloud:hover {
 
overflow: hidden;
 position:relative;
 
 
width: 50px;
height: 50px;
background-image: url(images/cloud2.png);



 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

margin-top: -5px;
}





.vimeo {
float: left;display: block;

margin: 0;
padding: 0;
width: 50px;
height: 50px;
background-image: url(images/vimeo1.png);

 position:relative;
 
 
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

}

.vimeo:hover {
 
overflow: hidden;
 position:relative;
 
 
width: 50px;
height: 50px;
background-image: url(images/vimeo2.png);



 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

margin-top: -5px;
}





.tw {
float: left;display: block;

margin: 0;
padding: 0;
width: 50px;
height: 50px;
background-image: url(images/tw1.png);

 position:relative;
 
 
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

}


.tw:hover {
 
overflow: hidden;
 position:relative;
 
 
width: 50px;
height: 50px;
background-image: url(images/tw2.png);



 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

margin-top: -5px;
}




.face {
float: left;display: block;

margin: 0;
padding: 0;
width: 50px;
height: 50px;
background-image: url(images/face1.png);

 position:relative;
 
 
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

}


.face:hover {
 
overflow: hidden;
 position:relative;
 
 
width: 50px;
height: 50px;
background-image: url(images/face2.png);



 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

margin-top: -5px;
}


.b {
float: left;display: block;

margin: 0;
padding: 0;
width: 50px;
height: 50px;
background-image: url(images/b1.png);

 position:relative;
 
 
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

}


.b:hover {
 
overflow: hidden;
 position:relative;
 
 
width: 50px;
height: 50px;
background-image: url(images/b2.png);



 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

margin-top: -5px;
}




/************************************************
*		ascensor								*
************************************************/

pre, pre span{
    font-size: 14px;
    font-family: monospace,serif;
}

#ascensorBuilding{
    overflow:hidden;
}

#ascensorBuilding section:first-child article h1{
    font-size: 30px;
}

section{
    overflow:auto;

}

section article{
  margin: 0;
}

#navigationMap{


  position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
height: 240px;
z-index: 999;
top: 50px;



}

#navigationMap ul li a{
    background: #eee;
    height:10px;
    width: 10px;
    border-radius:2px;
    position: relative;
}

#navigationMap .ascensorLink1{
    margin-top: 15px;

          display: block;

}


#navigationMap .ascensorLink2{
    margin-top: 15px;

          display: block;

}

#navigationMap  .ascensorLink3 {

    margin-top: 15px;
        display: block;


}

#navigationMap .ascensorLink5{
    margin-top: 15px;
        display: block;

}

#navigationMap .ascensorLink4{
    margin-top: 15px;
        display: block;

}



#navigationMap .ascensorLink6{
    margin-top: 15px;
        display: block;

}








#navigationMap .ascenso
    display: block;
rLink5, #navigationMap  .ascensorLink6{
    margin-left: 90px;
}

#navigationMap .ascensorLink6{

    margin-top: 15px;

    display: block;

}



#navigationMap .ascensorLink7{
    margin-top: 30px;
            display: block;

}










#navigationMap .ascensorLinkActive{
    background: #78C143;
}

#navigationMap .ascensorLink:hover{
    background:#464E59;
}


#ascensorFloor1{
    background: #E0E0E0;    
}

#ascensorFloor2{
    background: #E0E0E0;    
}

#ascensorFloor3{
    background: #E0E0E0;    
}

#ascensorFloor4{
    background: #E0E0E0;    
}

#ascensorFloor5{
    background: #E0E0E0;    
}

#ascensorFloor6{
    background: #E0E0E0;    
}









/************************************************
*		navigation								*
************************************************/


.menu {
background-color: #464E59;
width: 100%;
min-height: 40px;


}



/* =============================================================================
   nav page
   ========================================================================== */




.nav1 {

list-style: none;
width: 790px;
margin: 0 auto !important;



}



.nav1 li {
margin-top: 5px;
display:block;
z-index:999999;
margin-left: 40px;
float: left;
padding: 5px;
    }
    
    
.nav1 a {
    color:#C8C8CD;/* grey*/

    font-family: 'UbuntuLight';

    font-size: 14px;
    text-transform:uppercase;
    display:inline-block;
    position:relative;

 

-moz-transition: all 0.3s ease 0s;                             
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;



}
.nav1 a:hover {

-moz-transition: all 0.3s ease 0s;                             
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;

color:#78C143; /* verde*/
    text-decoration:none;
    
    
    }
.nav1 .current a {

-moz-transition: all 0.3s ease 0s;                             
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
background: transparent;
color:#78C143 !important; /* verde*/
}


.current {
color:#78C143; /* verde*/
}



/************************************************
*		PORTFOLIO								*
************************************************/
.inline2 {

width: 400px;
height: 100px;


}




.kjfhg {

margin-right: 50px;

}



.legenda {
width: 300px;
float: left;

}
span.tit_legenda {
font-size: 19px;
color: #444C53; /*  bluscuro  */
font-family: 'UbuntuLight';





}

span.text_altrilavori {
font-size: 13px;
color: #444C53; /*  bluscuro  */


}





.altri_lavori {
float: right;

width: 100px;
text-align: center;
}



.img_prod {
width: 100%;
}


.cat1 {
font-family: 'UbuntuLight';
text-align: left
color: #000;
font-size: 14px;
background-color: #9DC674;
padding: 5px;

}

.cat2 {
font-family: 'UbuntuLight';
text-align: left
color: #000;
font-size: 14px;
background-color: #F7B219;
padding: 5px;

}

.cat3 {
font-family: 'UbuntuLight';
text-align: left
color: #000;
font-size: 14px;
background-color: #CF698E;
padding: 5px;

}

.cat4 {
font-family: 'UbuntuLight';
text-align: left
color: #000;
font-size: 14px;
background-color: #65859E;
padding: 5px;

}






  /* image hover
    ================================================== */


.listen:hover {
    
    position: relative;


}

imagepost:hover {

    position: relative;


}
.circle-hover {
    position:absolute;
    top:50%;
    left:35%;
    margin-top:-16px;
    margin-left:-16px;
    
    
}

.hover-overlay {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
top: 0;
left: 0;
display: none;

background-color: #000;
background-color: rgba(255, 255, 255, 0.7);

}


/************************************************
*		studios								*
************************************************/



.frec-studiosu {
float: right;
margin-top: 3px;
width: 17px !important;
height: 20px !important;

}



.img_thisway {
min-height: 336px;
}

.frec_studio {
width: 20px !important;
height: 17px !important;
margin-right: 20px;

}
.frec_studio_effettonote {
width: 20px !important;
height: 17px !important;
float: right;
margin-top: 8px;

}
.frec_studio_fabbrica {
width: 20px !important;
height: 17px !important;
float: right;
margin-top: 20px;

}



span.tit_studio {
    font-family: 'UbuntuBold';

font-size: 16px;
color: white;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
}

.colorestudio2 {

padding: 5px;
background-color: #8FCB85;
float: left;
margin-bottom: 10px;
}


.text_qstudio {
background-color: #AFD582;
padding: 30px;


}


.text_mem {
background-color: #6B9C8E;
padding: 30px;


}


.text_effettonote {
background-color: #8FCB85;
padding: 30px;
min-height: 140px;
}



.text_fabbrica {
background-color: #65859E;
padding: 30px;


}




.text_thisway {
background-color: #738A89;
padding: 10px;


}







/************************************************
*		CONTACT								*
************************************************/
.perf{

float: left;
margin-left: 10px;
}

#contatti {

text-align: center;
width: 240px;
margin: 50px auto;

}

span.tex_contact a   {
color: #444C53 !important; /*  bluscuro  */
line-height: 25px;
display: block;
font-size: 15px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}


span.tex_contact a:hover   {
color:#78C143 !important; /*  verde  */
display: block;

font-size: 15px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

/*
#footer_rov {
position: absolute;
background-color: #444C53;
bottom: 0;
z-index: 9;
width: 100%;
}
*/


#footer_rov {
background-color: #444C53;
z-index: 9;
width: 100%;
bottom: 0;

position: absolute;

}


#footer_rov2 {

width: 100%;
background-color: #444C53;
bottom: 0;

}


.social_footer {

margin-top: 200px;

}

.tex_contain {
width: 200px;
text-align: center !important;

margin: 0 auto;
}



.test {

height: 100%;

}

.t_footer_rov {
padding: 3px;
color: white;
text-align: left;
}

span.tex_contact2 a   {
color: #fff !important; 
line-height: 8px;

font-size: 13px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}


span.tex_contact2 a:hover   {
color:#78C143 !important; /*  verde  */
line-height: 8px;

font-size: 13px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}







 
/*///////////////////////////////////////////////////////// -->
<!--                          CREDITS                           -->
<!-- ///////////////////////////////////////////////////////// */



span.indirizzo {
font-size: 19px;
color: #000;
    font-family: 'BebasRegular';
line-height: 27px;
text-decoration: none;
}
#fondo {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999990;
    bottom: 0px;
    
    
    border-top-color: #000;
    border-top-style: solid;
    border-top-width: 30px;

}
#fondo #closer {
        
    
    
    margin-left: auto;
    margin-right: 25px;
    text-align: right;
    padding-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-delay: initial;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
}
#fondo #closer:hover {
        -webkit-transition: all 0.5s ease-out;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-delay: initial;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
    
    opacity: 0.4;
    margin-left: auto;
    margin-right: 25px;
    text-align: right;
    padding-bottom: 10px;
}
 #strisciarossa {
 width: 100%;
 height: 10px;
 padding: 0;
 margin: 0;
 background-color: #000;
 
 }
 
 #powered {
 margin-left: 50px;
text-align: center;
color: #000;
    -webkit-transition: all 0.5s ease-out;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-delay: initial;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;

 
 }
 
  #powered a:link:hover {
 
        -webkit-transition: all 0.5s ease-out;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-delay: initial;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
    
    opacity: 0.4;

 
 }

 
 
 
 #powered a:link:hover {
 
        -webkit-transition: all 0.5s ease-out;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-delay: initial;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
    
    opacity: 0.4;

 
 }
 
span.creditstext {
text-align: center;
font-size: 14px;
color: #000;
    font-family: 'BebasRegular';
line-height: 27px;
text-decoration: none;

}


#zanon {
text-align: center;
margin-top: 50px;
}

 
 
 span.credit {
 
 float: right;
 margin-right: 20px;
 margin-top: 0px;
 }
 
 

/*-----------------------------  credits   -------------------------*/



li.active {

-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;




   transform:scale(1.20);
-ms-transform:scale(1.20); /* IE 9 */
-moz-transform:scale(1.20); /* Firefox */
-webkit-transform:scale(1.20); /* Safari and Chrome */
-o-transform:scale(1.20); /* Opera */


}



span.tex_contact3 a   {
color:#444C53 !important; /*  bluscuro  */

line-height: 8px;

font-size: 13px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}


span.tex_contact3 a:hover   {
color: #78C143 !important; /*  verde  */
line-height: 8px;

font-size: 13px;
text-decoration: none !important;
    font-family: 'UbuntuLight' !important;


 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}






iframe {
width: 100%;

}



.centrale {

margin: 0 auto;
width: 1050px;


}









 
/*///////////////////////////////////////////////////////// -->
<!--                          accordion menu                          -->
<!-- ///////////////////////////////////////////////////////// */



#btn_dropdown {

border-left-style: solid;
border-left-width: 1px;
border-left-color: #4C555B;
background: #434C53;
display: block;
float: right;
height: 48px;
width: 49px;
overflow: hidden;
cursor: pointer;
}

#btn_dropdown .inner {
position: relative;
top: 12px;
left: 12px;
display: block;
background: url('images/mobile_shade.png') no-repeat;
background-size: 50%;
height: 48px;
width: 49px;
}

.mob-menu{

border-bottom: 1px solid #4C555B!important;
    height: 30px;


}
a.current{
font-size: 12px !important;
color: #78C143 !important;
float: left;
padding: 5px;
text-transform: uppercase;
  
}

a.textmob {
font-size: 12px !important;
color: #fff;
float: left;
padding: 5px;
text-transform: uppercase;
  
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

a.textmob:hover {
font-size: 12px !important;
color: #78C143;
float: left;
padding: 5px;

  
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}





#accordion {

position: relative;
z-index: 9999999999999999999999;

}



a.opening {
text-align: center;
    font-family: 'UbuntuLight';
    display:block;
background-color: #4C555B;
text-transform: uppercase;
    
    text-decoration:none;
    color:#78C143;
    font-size:18px;
 
    
    
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
    
    height: 50px;
    
border-bottom: 1px solid #4C555B!important;

    }
  
a.opening:hover, a.active {

 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
color:#fff;
background-color: #464E59;

    }
.expanded {

background-color: #464E59;
    
    
    padding:15px;
    font-size:0.9em;
    letter-spacing:-1px;
        }
     
    
.expanded p {
    padding-bottom:20px;
    }
.expanded .expanded {
    background:url(concrete_wall.png);
    padding:0;
    color:#fff;
    }
.expanded .expanded p {
    padding:15px;
    }
    
    
    
    
    





 
/*///////////////////////////////////////////////////////// -->
<!--                          accordion menu                          -->
<!-- ///////////////////////////////////////////////////////// */


#accordion_ab {

position: relative;
z-index: 99;

}



a.opening_ab {
text-align: center;
    font-family: ''UbuntuLight'';
    display:block;
background-color: #464E59;
text-transform: uppercase;
    padding:10px;
    
    text-decoration:none;
    color:#78C143;
    font-size:18px;
 
    
    
 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
    
    
    }
  
a.opening_ab:hover, a.active {

 
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
    color:#fff;
background-color: #464E59;
        color:#fff;

    }
.expanded_ab {

background-color: transparent;
    
    
    padding:15px;
    font-size:0.9em;
    letter-spacing:-1px;
        }
     
    
.expanded_ab p {
    padding-bottom:20px;
    }
.expanded_ab .expanded_ab {
background-color: transparent;
    padding:0;
    color:#fff;
    }
.expanded_ab .expanded_ab p {
    padding:15px;
    }
    
    


/************************************************
*   MASONRY                   *
************************************************/









.box {


margin-bottom: 25px;
}





.contservizi2 {
width: auto;
height: auto;
}


 
 






/************************************************
*    ABOUT                   *
************************************************/

a.profilea:hover{
color:#78C143 !important; /* verde*/
}
.topabout {

margin-top: 50px;

}

.bs-docs-example {
margin-top: 50px;

}

.frec_accordion {

margin-left: 15px;
margin-top: -3px;

}

.copert100 {
width: 100% !important;
height: 100% !important;

}



canvas {

display: none !important;


}

span.textabout {

font-size: 13px;
color: white;
text-decoration: none;
text-transform: uppercase;


}

#profile {

width: 100%;
padding: 25px 0px 25px 0px;
background-color: #AFD582;
text-align: center;

}


#musician {

width: 100%;
padding: 25px 0px 25px 0px;
background-color: #6B9C8E;
text-align: center;

}


#soundeng {

width: 100%;
padding: 25px 0px 25px 0px;
background-color: #738A89;
text-align: center;

}
#asd {

width: 100%;
padding: 25px 0px 25px 0px;
background-color: #65859E;
text-align: center;

}



/************************************************
*   works                  *
************************************************/



.containerport {
background-color: #748A89;
width: 100%;
padding: 0px 0px 0px 5px;
height: auto;
}



.fondowork {
padding-top: 30px;
padding-bottom: 30px;
background-color: #748A89;

width: 100%;
}


.box1 {


-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
    

}


.box1:hover {

opacity: 0.6;
-moz-transition: all 0.3s ease 0s;                            
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
    

}