/* Costume CSS */

/* Body */

*{

	font-family: Roboto;

}

.lang {position:absolute; top:10px; right:40px;}

body, input, textarea, div, span, p{

	font-family: Roboto !important;

}



#Main_575_31{

	margin: 0 auto;

	padding-top: 20px;

}



#Space{

	  padding-top: 355px;

}



.margin-auto{

	margin: 0 auto !important;

}

.contact_title {
text-align: left !important; 
}

input[type=text], input[type=email], textarea{

	text-align: left !important;

}



::-webkit-input-placeholder { /* WebKit browsers */

    color:    white !important;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    white  !important;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    white  !important;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

   color:    white  !important;

}



#leader-form table td {

  padding: 8px 0px 0 0px;

}











/* Page */

/* Home */

.home > #Main_575_31{

	max-width: 100%;

	padding-top: 0;

}



.home{

	margin: 0 !important;

}



.home > #Main_575_31 >  #Space{

	padding-top: 0 !important;

}



.home > #Bottom_sitemap_575_31{

	position: static !important;

}







/* Header */

#Header_table{

	padding: 15px 0;

	background: url('/media/background.png');

}



.nav-menu {

	display: block;

	text-align: left;

	margin-top: 105px;

	font-size: 16px;

}









/* Slide */

.slide{

	height: 550px;

	overflow: hidden;

}



.slide-content{

	margin-top: 175px;

}



.content-title{

	font-size: 48px;

	color: black;

	text-align: center;

	font-weight: 100;

}



.content-link{

	width: 245px;

	font-weight: 100;

	display: block;

	padding: 3px 0;

	font-size: 37px;

	color: white !important;

	text-align: center;

	margin: 0 auto;

	margin-top: 10px;

	-webkit-animation-fill-mode: forwards !important; /* Chrome, Safari, Opera */

	animation-fill-mode: forwards !important;

  	box-shadow: inset 0 0 0 35px #0070af;

  	-webkit-box-shadow: inset 0 0 0 35px #0070af;

  	-moz-box-shadow: inset 0 0 0 35px #0070af;

	-webkit-transition: all 0.5s !important; /* Safari */

  	transition: all 0.5s !important;

}



.content-link:hover{

	color: black!important;

	 box-shadow: inset 0 0 0 4px white;

	 -webkit-box-shadow: inset 0 0 0 4px white;

	 -moz-box-shadow: inset 0 0 0 4px white;

	-ms-transform: scale(1.1,1.1) !important; /* IE 9 */

	-webkit-transform: scale(1.1,1.1) !important; /* Safari */

	transform: scale(1.1,1.1) !important;

}







/* About us */

.about-me-box{

	padding: 70px 0;

}



.about-us-title{

	font-size: 46px;

	font-weight: 100;

	border-bottom: 1px solid #b9d6e6;

	display: inline-block;

	color: #545454;

	height: 63px;

	margin-bottom: 20px;

}



.about-us-link{

	display: inline-block;

	margin-top: 20px;

	background: #0070b0;

	padding: 5px 10px;

}



.about-us-link > a{

	color: white !important;

}



.about-picture-box{

	text-align: center;

}



.bottom-pic{

	position: relative;

	height: 163px;

	text-align: center;

}



.first{

	position: absolute;

	left: 0;

	top: -30px;

}



.second{

	position: absolute;

	left: 130px;

}



.third{

	position: absolute;

	left: 280px;

}













/* Category title */

.flag-box{

	background: url('/media/flat_bg.png');

	padding: 60px 0;

}



.category-title{

	font-size: 46px;

	font-weight: 100;

	border-bottom: 1px solid #b9d6e6;

	display: block;

	color: #545454;

	margin: 0 auto;

	max-width: 450px;

	margin-bottom: 40px;

}



.category-box{

	max-width: 164px;

	margin: 0 auto;.

	margin-bottom: 20px;

}



.category-sub-title{

	text-align: center;

	margin-bottom: 5px;

	font-size: 21px;

}















/* About us page */

.title-about{

	font-size: 46px;

	border-bottom: 1px solid #b9d6e6;

	display: inline-block;

	color: #545454;

	height: 63px;

	margin-bottom: 20px;

}















/* Footer */

#Bottom_sitemap_575_31{

	background: url('/media/bg-footer.jpg') center center;

	height: auto !important;

	padding: 35px 0;

}



#Credits{

	padding: 10px 0;

	margin: 0 !important;

}



#Credits{

	display: none;

}











/* Animation */

.content-title {

	-webkit-animation-delay: 0.5s;

}





.content-link-box {

	-webkit-animation-delay: 1s;

}



.about-us-box{

	-webkit-animation-delay: 1.3s;

}



.about-picture-box{

	-webkit-animation-delay: 1.5s;

}



.category-title{

 	 -webkit-animation-delay: 0.5s;

}



.category-box{

	  -webkit-animation-delay: 1s;

}















/* Main div responsive */

@media (min-width: 768px){

	#Main_575_31{

		max-width: 750px;

	}

	

}



@media (min-width: 992px){

	#Main_575_31{

		max-width: 970px;

	}

}





@media (min-width: 1200px){

	#Main_575_31{

		max-width: 1170px ;

	}

}













/* Responsive */

@media (max-width: 1200px){

	.bottom-pic{

		position: relative;

		height: auto;

	}

	

	.first{

		position: static;

		left: auto;

		top: auto;

	}

	

	.second{

		position: static;

		left: auto;

	}

	

	.third{

		position: static;

		left: auto;

	}

}



@media (max-width: 992px){

	.nav-menu{

		margin-top: 65px;

	}

	

	.nav-menu a{

		padding: 0 14px;

	}

}



@media (max-width: 768px){

	#Header_table{

		background: white !important;

	}



	#Main_575_31{

		padding-top: 100px;

	}

	

	.slide{

		height: 430px;

	}

	

	.slide-content{

		margin-top: 160px;

	}

	

	.content-title{

		font-size: 37px;

	}

	

	.content-link{

		width: 185px;

		font-size: 27px;

	}

	

	#Bottom_sitemap_575_31{

		position: static !important;

	}

	

	body{

		margin: 0 !important;

	}

	

	#Space {

		padding-top: 75px;

	}

	

}