/*
    header.css
    web-communication.eu | 21/06/2016
    Copyright 2016 web-communication.eu
*/



#header {
		position: 						fixed;
		height: 						85px;/*65px;*/
		left: 							0;
		top:							0;
		width: 							100%;
		z-index: 						10001;
		border-bottom: 					1px solid #ccc;
		/*background-color: 		   		rgba(0, 0, 0, 0.20);	*/
}

.bright {
		background-color:			rgba(255, 255, 255, 0.98);
		-moz-box-shadow:			2px  5px 25px #888;
		-webkit-box-shadow:			2px  5px 25px #888;
		filter:						progid:DXImageTransform.Microsoft.Shadow(color='#888', Direction=135, Strength=10);
		box-shadow:					2px 5px 25px #888;
}

#header .container {
		width: 								100%;
		height: 							100%;
		margin: 							0 auto;
		position:							relative;
		
		/*standard*/
		transition-duration: .6s;

		/*Safari e Chrome */
		-webkit-transition-duration: .6s;
			
		/*Opera*/
		-o-transition-duration: .6s;
			
		/*Firefox*/
		-moz-transition-duration: .6s;
}

#header .sub-container {
		width: 								100%;
		height: 							100%;
		margin: 							0 auto;
		position:							relative;
}

#header .logo {
		position: 							absolute;
		left: 								70px;
		z-index:							999;
		top: 								2px;
		width: 130px;
		/*background-color: #888;	*/
		text-align: center;
		/*
		background-image: 			url('../images/logo_white.png'); 
		background-position: 		top center;
		background-repeat: 			no-repeat;
		background-size: 			120px !important;
		*/
		cursor: pointer;
}


#header .logo h1 {
		/*float: 								left;*/
		font-family: 						'Michroma', sans-serif;
		font-size:   		        		10px; 
		letter-spacing: .16em;
		color:              				#FFF; 
		padding-top: 2px;
		padding-left: 5px;
		font-weight:						bold; 
		
		line-height: 0;
		
}

#header .logo img {
		max-width:							125px;
		width: 100%;
	
}

#header .logo a {
		text-decoration: none;
	
}




/* header social */		


#header .topsocial{
	position: 				absolute;
	margin: 				0;
    padding: 				0;
    /*clear:					both;*/
    height:					25px;
	top: 					5px;
	right: 					60px;
}
		
#header ul.social {
    cursor: 				default;
}

#header ul.social li {
    display: 				inline-block;
    margin-left: 			3px;
}		
		


#header .icon {
	width:					32px;
	height:					32px;
	display:				block;
	
	background-color:		rgba(0, 0, 0, 0.50);
	border-radius: 			50%;
}
		
#header .icon-fbook {
	background-image: 			url('../images/fbook.png');	
	background-position: 		center center;
	background-repeat: 			no-repeat;
	background-size: 			16px;
}
		
#header .icon-fbook:hover {
	background-color: 			#0000FF;
}		

#header .icon-tweet {
	background-image: 			url('../images/tweet.png'); 
	background-position: 		center center;
	background-repeat: 			no-repeat;
	background-size: 			18px;
}
		
#header .icon-tweet:hover {
	background-color: 			#11CFFF;
}		
		
#header .icon-gplus {
	background-image: 			url('../images/gplus.png');
	background-position: 		center center;
	background-repeat: 			no-repeat;	
	background-size: 			24px;
}
		
#header .icon-gplus:hover {
	background-color: 			#FF0000;
}	

#header .icon-insta {
	background-image: 			url('../images/insta.png');
	background-position: 		center center;
	background-repeat: 			no-repeat;
	background-size: 			16px;
	/*border-radius: 50%;*/
}
		
#header .icon-insta:hover {
	background-color: 			#FF00FF;
}		

#header .icon-tube {
	background-image: 			url('../images/tube.png');
	background-position: 		center center;
	background-repeat: 			no-repeat;
	background-size: 			20px;
	/*border-radius: 50%;*/
}
		
#header .icon-tube:hover {
	background-color: 			#FF0000;
	/*
	-webkit-transition: 	1s ease;
	-moz-transition: 		1s ease;			
	-ms-transition: 		1s ease;						
	transition: 			1s ease;
	*/	
}	




#header .button {
	position: 				absolute;
	margin: 				0;/*-40px 60px 0 0;*/
    padding: 				0;
	bottom: 				17px;
	right: 					60px;
 }
 

 
 #header .cart {
	position: 				absolute;
	margin: 				0;/*5px 260px 0 0;*/
    padding: 				0;
    top: 					6px;
	right: 					260px;
	}
 
 #header .submit, #header .submit:visited {
    color:                     #FFF;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 14px;
    font-weight:               normal;
    width:                     110px;
    height:                    30px;
    margin: 	               0;
    background-color:                rgba(0, 0, 0, 0.50);
    cursor:                    pointer;
    border:                    none;
    padding:                   6px 10px 5px 15px;
    text-decoration:           none;
    text-align:                left;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
    border-radius:             15px;
    -moz-border-radius:        15px;
    -webkit-border-radius:     15px;
	/*background-color: transparent;*/
	
	background-image: 			url('../images/mycart-white.png'); 
	/*background-position: 		right center;*/
	background-repeat: 			no-repeat;
	background-size: 			24px;
	background-position: 75px 3px;
}

#header .submit:hover {
  	background-color:                #0F67CC; 
}




/* responsive */		

@media only screen and (max-width: 1135px) {
	
			
	#header {   
		width: 						1135px;
		}

}



@media only screen and (min-width: 1921px) {
	
	#header {
		
		width: 							1920px;
		left: 50%;
		margin-left: -960px;
	}
	
}





@media only screen and (min-width: 1441px)  {
	
	#header .sub-container {
			width: 								1440px;
		
	}
	
}