*{margin:0; padding:0;}

body, html {

	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	line-height: 1.2;
		width:100%; 
	height:100%; 
	background-color: rgba(172,172,172,1.00);
	background-image:url(images/mainbg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left;
	background-size: cover;
}
.title h1{
	text-align: center;
}


.header_image img{
	width:100%;
	box-sizing: border-box;
}
/* NAVIGATION*/
.fa:before {
  font-family: FontAwesome;
}

header .bgMenu {
	height: 110px;
  	background-color: #494949;
  	box-sizing: border-box;
  	text-align: right;
}

header.fixedMenu {
    position: fixed;
    width: 100%;
}

.navMenu {
  z-index: -1;
  position: relative;
}

.navMenu.fadeInDown {
  animation-duration: .5s;
}

.linksMenu {
  display: none;
  list-style: none;
  margin: -4px 20px 0 0;
  padding: 0;
}

.linksMenu.showMenu {
  display: block;
  background-color:rgba(179,179,179,1.00);
  padding-top: 2em;
  margin-top: -2.25em;
}

.linksMenu a {
  color: #fff;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;	 
  padding: .3em;
  display: block;
  text-decoration: none;
}

.linksMenu a:before {
  margin: 0 .35em 0 .25em;
}

.linksMenu li:nth-child(1) a {
  background-color:rgba(51,51,51,0.90);
}

.linksMenu li:nth-child(2) a {
  background-color:rgba(51,51,51,0.80);
}

.linksMenu li:nth-child(3) a {
  background-color:rgba(51,51,51,0.70);
}

.linksMenu li:nth-child(4) a {
  background-color:rgba(51,51,51,0.60);
}

.linksMenu li:nth-child(5) a {
  background-color:rgba(51,51,51,0.50);
}

.linksMenu li:nth-child(6) a {
  background-color:rgba(51,51,51,0.40);
}

.linksMenu li:nth-child(7) a {
  background-color:rgba(51,51,51,0.30);
}

.burgerMenu {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color:rgba(147,147,147,1.00);
  border-radius: 50%;
  display: inline-block;
  margin: 45px 15px 10px;
}

.burger {
  top: 22px;
  right: 10px;
  opacity: 1;
}

.burger::before {
  top: 10px;
  content: "";
  display: block;
}

.burger::after {
  bottom: 10px;
  content: "";
  display: block;
}

.burger::after, .burger::before, .burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  background-color: #fff;
  border-radius: 2px;
  width: 29px;
  height: 5px;
  position: absolute;
}

/* Shade from Burger Menu */

.bgShade {
  background-color: rgba(0,0,0,.80);
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
  visibility: hidden;
  transition: .25s linear;
  opacity: 0;
}

.bgShade.showShade {
  opacity: 1;
  visibility: visible;
}

.bgShade.hideShade {
  opacity: 0;
  visibility: hidden;
}

/* Scroll locked */

body.bodyStopped {
  overflow: hidden;
}

/* Transition from Burger menu to X */

.burgerMenu.showMenu .burger::after{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  bottom: 0px;
}

.burgerMenu.showMenu .burger::before{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 0px;
}

.burgerMenu.showMenu .burger{
  background: rgba(111,111,111,.0);
}

/* Interface - Desktop */
@media screen and (max-width: 830px) {
	.linksMenu.showMenu {
		  display: block;
		  background-color:rgba(179,179,179,1.00);
		  margin-top: -2.25em;
		  padding-top: 0 !important;
}

	
	.nav_logo{
		display: none;
	}
	.linksMenu{
	    margin: -19px 0 0 0 !important;
	}
	.navMenu .linksMenu li a {
		
		margin-top: 20px;
		margin-bottom: -20px;
		padding:10px;
		text-align: center;
	}
}
@media screen and (min-width: 830px) {
	.linksMenu.showMenu {
			  padding-top: 0 !important;
			  
	}
	.nav_logo_resp{
		display:none;
	}
	
  header .bgMenu {
    background-color:rgba(34,34,34,0.82);
  }
    
  div.burgerMenu {
    display: none;
  }

  .navMenu {
    z-index: 0;
  }

  .linksMenu {
    display: block;
    text-align: right;
  }

  .linksMenu li {
    display: inline-block;
  }

  .navMenu .linksMenu li a {
    background-color: transparent;
    color:rgba(177,177,177,1.00);
    transition: .25s;
	margin-top: 50px;
  }

  .navMenu .linksMenu li a:hover {
    color: #fff;
  }

  .navMenu.bounceOutUp {
    animation-name: unset;
  }

  .figureProfile.animated.zoomInUp img {
    max-width: inherit;
    width: 360px;
  }

  .bgShade.fadeIn,
  .bgShade.fadeOut {
    display: none;
  }
}


/* CONTENT*/
#content{
	width:1200px;
	margin:0 auto;
	background: rgba(255,255,255,1.00);
	font-family: 'Roboto', sans-serif;
	
}


/*footer*/
footer {
	margin:0 auto;
	padding: 35px;
	background:rgba(92,92,92,1.00);
}





h1 {font-size: 26px !important;
	font-weight: 300 !important;
	text-align: center !important;
	margin:40px !important;
	
}

h2 {font-size: 18px !important;
	text-align: center !important;
	margin:40px !important;
	
}

p{
	text-align: center !important;
	margin:40px !important;
	
}
/*boxed*/

article {
	padding:0 20px 20px;
	margin:15px;
}
.half_row{
	padding:35px;
	margin:0;
	width:49%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
	
.one_third_row{
	padding:35px;
	margin:0;
	width:31%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;	
}

.two_third_row{
	padding:35px;
	margin:0;
	width:66%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;	
}
	
article img{
	width:100%;
}


.right_line{
	border-right: 1px solid black;
}
.icon{
	width: 12px !important;
}

.left{
	text-align: left !important;
}
.right{
	text-align: right !important;
}
/*________________________*/



/*********Table************/
table {
	margin:40px auto !important;
}

td{
	padding:5px !important;
}

input.textfield{
	border: 1px solid rgba(167,167,167,0.50) !important;
	padding:5px !important;
}


.wrapper{
	text-align: center !important;
}

.status_register{
	border:1px solid #bf0404 !important;
	padding:5px !important;
	margin:2px !important;
	color:#bf0404 !important;
	opacity:0.3 !important;
}
.status_register_active{
	border:1px solid #bf0404 !important;
	padding:5px !important;
	margin:2px !important;
	color:#bf0404 !important;
}
/*________________________*/



/*********Button************/
#Button{
	border:none !important ;
    color: #ffffff !important;
    font-size: 16px !important;
    background: #bf0404 !important;
    padding: 10px 30px 10px 30px !important;
    text-decoration: none !important;

}

#Button:hover {
    background: #8c0303 !important;
    text-decoration: none !important;
}
/*________________________*/

/*********MEDIAQUERRI************/

@media screen and (max-width:600px){
	table{
		margin:10px 5px !important;
	}
	
	p, h1, h2, .wrapper{
		text-align: left !important;
		margin:20px 10px !important;
	}
	
	td{
		display:block !important;
	}
}


/*mobile device */

@media screen and (max-width:1200px) {
	nav, header img,  header, #content{
		width:100%;
	}

}
@media screen and (max-width:940px) {
	.tablet{
		display:inline-block !important;
	}
	.pc{
		display:none;
	}
	

}

@media screen and (max-width:680px) {
	.one_third_row, .two_third_row, .half_row {width:100% !important;}
	.right_line{border-right: 0px solid black;}
}






/*________________________*/