img {
max-width: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	background-image:url(../images/background.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	
	}
	


/* Style the video: 100% width and height to cover the entire window */
#video1 {
  	max-width: 100%;
  	max-height: 100%;
	
}

#myVideo {
  	max-width: 100%;
  	max-height: 100%;
	float: right;
}


#myVideo1 {
  	max-width: 100%;
  	max-height: 100%;
	float: right;
}

#myVideo4 {
  	max-width: 100%;
  	max-height: 100%;
	float: right;
}



#Stat_Invoice {
	width: 100%;
	height: auto;
}



.bg {
  /* The image used */
  background-image: url("../images/comply1.jpg");

  /* Half height */
  height: 50%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.member {
    animation: mymove 2s infinite alternate;
}

@-webkit-keyframes mymove {
    from {opacity:0;}
    to {opacity: 1;}
}


		
		
input[type=image] {
	max-width: 100%;
}




.header {
float:left;
width: 100%;
background-color: black;
position:fixed;
}



.logo {
	width:50%;
	padding-left: 25%;
	padding-right: 25%;
	float: left;
}
	
	
.frontslider {
	float: left;
	width: 70%;
	padding-left:15%;
	padding-right:15%;
	color: white;
}

.frontsliderw {
	float: left;
	width: 70%;
	padding-left:15%;
	padding-right:15%;
	color: black;
	background-color:white;
}
	
	
	
	
.content {
	width: 100%;
	float: left;
	}
	
	
.title {
	float: left;
	width: 70%;
	padding-left:15%;
	padding-right:15%;
	overflow: hidden;
}


.zoom {
transition: 0.4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;	
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom1 {
z-index:1;
background-image: url("../images/title_choice1.jpg");
transition: 0.4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;	
}

.zoom1:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



/**************************************************************************NAVBUTTONS*****************************************************************************/


