@charset "utf-8";
html, body {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}
body {
	font-family: 'Oswald', sans-serif;
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:20px;
}

.background-image{
	position: fixed;
    left: 0px;
    top: 0px;
	bottom:0px;
    width: 100%;
    height: 100%;
	/*
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
	*/
	
	z-index:-1;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
 @media (min-width: 992px) {
 .container {
 	width: 970px;
}
}
 @media (min-width:1200px) {
.container {
 	width:1170px;
}
}
/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*/

.row {
	margin-right:-15px;
	margin-left:-15px
}
.main_content {
	float:left;
	width:100%;
	text-align:center;
	margin-top:10%;
}
.logo {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.logo img {
	height:120px;
}
.slagon {
	float:left;
	width:100%;
	text-transform:uppercase;
	font-size:28px;
	color:#FFF;
	margin-bottom:10px;
	text-shadow:0px 2px 6px rgba(7, 29, 73, 0.75);
}
.slagon1 {
    	float:left;
	width:100%;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:15px;
	color:#fff;
	text-shadow:-1px 1px 6px rgba(0, 0, 0, 0.95);
	font-weight:500;

}

 @media (min-width:768px) {
	.logo {
		 float:left;
		 width:100%;
		 	margin-bottom:30px;
	}
	 .logo img {
		 height:140px;
	}
	.slagon {
		 font-size:32px;
		 margin-bottom:30px;
	}
	.slagon1 {
	    letter-spacing:1px;
		 font-size:22px;
		 margin-bottom:30px;
	}
	
	.main_content { 
		 margin-top:7%;
		
	 }

}

 @media (min-width: 992px) {
     
    .slagon {
		 font-size:36px;
	}
	.slagon1 {
		 font-size:26px;

	}
	
	.main_content {
	 	 margin-top:5%;
	 } 
}
	
 @media (min-width:1200px) {
	 
	 .main_content {
		 	margin-top:5%;
	
	 }
	 
}	



/*
@media (max-height:1200px) {
 .main_content {
 	margin-top:12%;
}
}
 @media (max-height:992px) {
.main_content {
	 margin-top:5%;
}
}

 @media (max-width:768px ) {
 .main_content {
 	 margin-top:15%;
}
}
 @media (max-height:768px) {
 .main_content {
	 margin-top:2%;
}
}

*/

.intro_menu {
	float:left;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:60px;
	
}

.intro_menu ul {
	margin:0px;
	padding:0px;
	display:inline-block;
	width:340px;
	list-style:none;
	background-color: rgba(255, 255, 255, 0.8);
	
	/*background-image:url(../../images/bg_intro.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
	background-color: rgba(0, 0, 0, 0.25);
	*/
}
.intro_menu ul li {
	float:left;
}
.intro_menu ul li a {
	float:left;
	width:100%;
	text-decoration:none;
	padding-top:20px;
	padding-bottom:15px;
	width:170px;
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.intro_menu ul li a p {
	color:#000;
	font-size:16px;
	text-transform:uppercase;
}

.intro_menu ul li a i {
	color:#000;
	font-size:42px;
}
.intro_menu ul li a:hover {
	background-color: rgba(0, 0, 0, 0.4);
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.intro_menu ul li a:hover i, .intro_menu ul li a:hover p {
}
 @media (min-width:768px) {
 .intro_menu {
 	padding-top:10px;
 	padding-bottom:10px;
}
.intro_menu ul{
	width:555px;
}

 .intro_menu ul li a {
 float:left;
 font-size:16px;
 width:185px;
 padding-top:22px;
 padding-bottom:15px;
}
}
/*end grid menu */


.footer_box{
   float:left;
   width:100%;
	
}

.author{
    float:right;
    color:#fff;
    text-align:right;
    padding-right:25px;
    padding-bottom:10px;
    text-shadow: 2px 2px 4px #000;
}


.footer_content {
	float:left;
	width:100%;
	background:#123379;
	
}
 @media (min-width: 768px) and (min-height: 620px) {
     .author{
    	 position:absolute;
		 bottom:80px;
		 right:25px;
		 display: block;
		 z-index:-1;
}

 .footer_content {
	 float:left;
	 width:100%;
	 position:absolute;
	 bottom:0px;
	 display: block;
}
}
 @media (min-width:768px) {
}
.footer_bg {
	float:left;
	width:100%;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}
.f1f1 {
	float:left;
	width:100%;
	margin-top:8px;
	text-align:center;
}
.f1f1 p {
	margin:0px;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	text-transform:uppercase;
}
.f2f2 {
	float:right;
	width:100%;
	text-align:center;
}
.f2f2 img {
	height:50px;
}
 @media (min-width: 768px){
 .f1f1 {
 	width:auto;
 	text-align:left;
}
 .f2f2 {
 	text-align:right;
 	width:auto;
}
}