body {

	margin: 0px;

	padding: 0px;

	background-color: #ffffff;

	font-family: 'Source Sans Pro', sans-serif;

}



#header{

	background-color: #3f8dbf;

	float: left;

	width: 100%;

	height: 50px;

	color: rgba(255,255,255,1);

	line-height: 50px;

	position: fixed;

	left: 0px;

	top: 0px;

	z-index: 1;

}

#header a {

	color: rgba(255,255,255,1);

	text-decoration: none;

	display: block;

	font-size: 15px;

}

#header-left{

	float: left;

	height: 50px;

}

#header-left:hover #header-left-icon{

	background-color: #3F8DBF;

}

#header-left:hover #header-left-text{

	background-color: #599BC8;

}

#header-left-icon{

	float: left;

	height: 50px;

	width: 50px;

	text-align: center;

	background-color: #35759F;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

#header-left-icon a {

	font-size: 25px;

}



#header-left-text{

	float: left;

	height: 50px;

		-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

#header-left-text a {

	padding-left: 20px;

	padding-right: 20px;

}

#header-right{

	float: right;

	height: 50px;

}

#header-right:hover #header-right-icon{

	background-color: #3F8DBF;

	}

#header-right:hover #header-right-text{

	background-color: #599BC8;

	}

#header-right-icon{

	float: right;

	height: 50px;

	width: 50px;

	text-align: center;

	background-color: #35759F;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

#header-right-text{

	float: right;

	height: 50px;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

#header-right-text a {

	padding-right: 20px;

	padding-left: 20px;

}

.wrapper{



}

.wrapper-inner{

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

	 -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none;   /* Chrome/Safari/Opera */

  -khtml-user-select: none;    /* Konqueror */

  -moz-user-select: none;      /* Firefox */

  -ms-user-select: none;       /* IE/Edge */

  user-select: none;           /* non-prefixed version, currently

                                  not supported by any browser */

}

.wrapper-inner-buttons{

	width: 100%;

	float: left;

	margin-top:50px;

	text-align: center;

}

.wrapper-inner-buttons a{

	background-color: #3f8dbf;

	line-height: 35px;

	padding-right: 15px;

	padding-left: 15px;

	margin: 10px;

	display: inline-block;

	text-align: center;

	text-decoration: none;

	color: #FFFFFF;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

	border-radius: calc(35px / 2);

}

.wrapper-inner-buttons a.current{

	background-color: #f5d76e;

	color: #d35400;

}

.wrapper-inner-buttons a:hover{

	background-color: #35759F;

	color: #fff;

}

.mobile{

	width: 100%;

	/* float: left; */

	/* margin-top: 100px; */

}

.mobile-inner{

	/* width: 550px; */

	margin-right: auto;

	margin-left: auto;

	/* background-color: #fafafa; */

	position: relative;

}

.mobile-inner img{

	/* width: 100%; */

	/* margin-bottom: 30px; */

}

.mobile-inner p{

	color: #676767;

	line-height: 25px;

	font-size: 16px;

	padding-bottom: 30px;

	padding-right: 30px;

	padding-left: 30px;

	margin:0px;

}

.mobile-inner-header{

	/* background-color: rgb(255, 255, 255); */

	width: 100%;

	height: 50px;

	position: relative;

	top: 0px;

	z-index: 33;

	left: 0px;
	background: #000;
	opacity:0.5;

}

.mobile-inner-header-icon{

	color: #ffffff;

	height: 50px;

	font-size:25px;

	text-align: center;

	float:right;

	width: 50px;

	position: relative;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

.mobile-inner-header-icon:hover{

	background-color: rgba(255,255,255,0.2);

	cursor: pointer;

}

.mobile-inner-header-icon span{

	position: absolute;

	left: calc((100% - 25px) / 2);

	top: calc((100% - 1px) / 2);

	width: 25px;

	height: 1px;

	background-color: #ffffff;

}

.mobile-inner-header-icon span:nth-child(1){

transform: translateY(4px) rotate(0deg);

	}

.mobile-inner-header-icon span:nth-child(2){

transform: translateY(-4px) rotate(0deg);

	}

	







	

.mobile-inner-header-icon-click span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clickfirst;

	}		

.mobile-inner-header-icon-click span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clicksecond;

	}

	





@keyframes clickfirst {

  0% {

	  transform: translateY(4px) rotate(0deg);

	  

  }



  100% {

    transform: translateY(0) rotate(45deg);

  }

}	







@keyframes clicksecond {

  0% {

	  transform: translateY(-4px) rotate(0deg);

  }



  100% {

    transform: translateY(0) rotate(-45deg);

  }

}	



.mobile-inner-header-icon-out span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outfirst;

	}		

.mobile-inner-header-icon-out span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outsecond;

	}



@keyframes outfirst {

  0% {

    transform: translateY(0) rotate(-45deg);

  }



  100% {

    transform: translateY(-4px) rotate(0deg);

  }

}	







@keyframes outsecond {

  0% {

    transform: translateY(0) rotate(45deg);

  }



  100% {

    transform: translateY(4px) rotate(0deg);

  }

}



.mobile-inner-nav{

	background-color: rgba(5, 129, 201, .9);

	width: 100%;

	position: absolute;

	top: 50px;

	padding-top: 2%;

	padding-bottom: 0%;

	display: none;

	z-index: 444;

}



.mobile-inner-nav  a{

	border-bottom: solid 1px rgba(255,255,255,0.3);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	color:#fff;

	transition: all 0.5s;



}

.mobile-inner-nav  dl {

	display: none;

}

.mobile-inner-nav  dl dd{

line-height: 50px;

	text-decoration: none;



text-indent:3em;

	font-size: 16px;



	color: #FFFFFF;

	border-bottom: solid 1px rgba(255,255,255,0.3);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	font-weight:300;



}

.mobile-inner-nav  li{

	border-bottom: solid 1px rgba(255,255,255,0.3);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;



}



.mobile-inner-nav h2.h2tit{



line-height: 50px;



text-decoration: none;



text-indent:2em;



font-size: 16px;



color: #FFFFFF;



border-bottom: solid 1px rgba(255,255,255,0.3);



-webkit-transition: all 0.5s;



-moz-transition: all 0.5s;



-o-transition: all 0.5s;



transition: all 0.5s;



font-weight:300;

}

.mobile-inner-nav h2.h2tit a{



	color: #FFFFFF;



}

.mobile-inner-nav a{

border-bottom: none;

}