@charset "utf-8";
/* CSS Document */

body {font-size:16px; line-height:1.5em; font-family: Arial, Helvetica, sans-serif;}

#wapper {overflow:hidden;}

#a1 { top:170px}

.show-desktop { display:block;}
.show-mobile {display:none;}

header {overflow: hidden; position:fixed; top: 0; width: 100%; z-index:8888;}

.main-header-top {background:#FFF;}
.block-logo { padding:20px 0;}
.block-logo img { width:195px;}


.main-menu {background:#ffea00;}
.block-menu {width:100%; background:#ffff00;}
.block-menu ul {list-style:none; padding:0; margin:0;}
.block-menu li {display: table-cell; text-align:center; border:1px solid #e0bc06; vertical-align: middle; width: 20%; background:url(../images/bg-menu.jpg) repeat-x center bottom;}
.block-menu li a {color:#000; display:block; padding:10px 0;}

/*Banner*/
.main-banner-top{
	background: url(../images/banner.jpg) top center no-repeat;
    background-size: auto;
	overflow: hidden;
	height:1px;
	padding-bottom:21%;
	overflow: hidden;
	background-size: cover;
	position: relative;
	margin:168px 0 40px 0;
}

/*Title*/
.blcok-title-2 { background:#646464; color:#FFF; text-align:center;}
.blcok-title-2 h2 {padding:15px 0; margin:0; font-size:30px;}

/*Title*/
.blcok-title { background:#312e2c; color:#FFF; text-align:center;}
.blcok-title h2 {padding:15px 0; margin:0; font-size:30px;}

/*Block 1*/
.block-1 {padding:0 0 30px 0;}
.block-1 h2 {font-size:30px; padding:0 0 15px 0; border-bottom:2px solid #fff202; padding:0 0 10px 0; margin:0 0 10px 0;}
.block-1 h3 {font-size:30px;}


/*Block 2*/
.main-block-2 {background:#f6f6f6; padding:50px 0;}
.block-b2 h3 { font-size:24px; margin:20px 0 10px 0;}
.block-b2 ul {padding:0 0 0 20px; margin:0;}
.block-b2 img {width:100%;}


/*Block 3*/
.main-block-3 {padding:50px 0; background:#fffbb2;}
.block-3 h2  {text-align:center; padding: 0 0 15px 0;}
.block-img-3 img {width:100%;}
.block-text-3 {padding:30px 0 0 0; text-align:center;}


/*Block 4*/
.main-block-4 {background:#f6f6f6; padding:50px 0;}
.block-b4 {text-align:center;}
.block-b4 h3 { font-size:24px; margin:20px 0 10px 0;}
.block-b4 ul {padding:0 0 0 20px; margin:0;}
.block-b4 img {width:100%;}

/*Block 5*/
.main-block-5 {padding:50px 0; background:#fffbb2;}
.block-5 h2  {text-align:center; padding: 0 0 15px 0;}
.block-img-5 img {width:100%;}
.block-text-5 {padding:30px 0 0 0; text-align:center;}

/*Block 6*/
.main-block-6 {padding:50px 0; background:#f6f6f6;}

.block-img img {border:3px solid  #fff100;}

/*Footer*/
footer {background:#fff100; padding:50px 0;}
footer a {color:#000;}
.block-footer {text-align:center;}
.block-footer h2 {margin:0 0 20px 0; font-size:18px; font-weight: bold;}
.block-footer h2 span { border-bottom:2px solid #000;  padding:10px  5% }

/*Button*/
.block-button-top {text-align:right; padding:29px 0;}
.block-button-top i {font-size: 25px; font-weight: bold; padding: 0 0 0 10px;}
/* .butn a:hover {color:#000;} */
.butn-top {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 20px;
  background: #00cc00;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  
  -webkit-box-shadow: 0 3px 2px #777;
  -moz-box-shadow: 0 3px 2px #777;
  box-shadow: 0 3px 2px #777;
}
.butn-top:hover {
  background: #4cdb4c;
  color:#FFFFFF;
  text-decoration: none;
  
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.block-button {text-align:center; margin:auto; padding:20px 0 20px 0;}
.block-button i {font-size: 25px; font-weight: bold; padding: 0 0 0 10px;}
/* .butn a:hover {color:#000;} */
.butn {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 20px;
  background: #00cc00;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  margin:auto;
  
  -webkit-box-shadow: 0 3px 2px #777;
  -moz-box-shadow: 0 3px 2px #777;
  box-shadow: 0 3px 2px #777;
 
}
.butn:hover {
  background: #4cdb4c;
  color:#FFFFFF;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* scroll top */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 58px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background:url(../images/toppage.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity:0.5;
}
.no-touch .cd-top:hover {
	
	opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
	right: 20px;
	bottom: 20px;
	z-index: 9999;
}
}
@media only screen and (min-width: 64em) {
.cd-top {
	height: 60px;
	width: 58px;
	right: 30px;
	bottom: 30px;
	z-index: 9999;
}
}
/* scroll top end */

.nav { display:none;}