@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700i|Oswald:700);


.font3 {
    font-size: 20px;
    line-height: 36px;
}

.font2 {
    font-size: 16px;
    line-height: 36px;
}

.pad {
    padding: 20px 40px;
}


.space {
    padding: 60px 0;
}


.font-big-2 {
    font-size: 35px;
    line-height: normal;
    margin: 0 auto;
    color: #ffffff;
}

.line-2 {
    height: 2.5px;
    background-color: #ffffff;
    margin: 0 auto;
    width: 20%;
}


#new-header .inner-header .navmenu ul.main-menu > li > a:hover {
    color: #44883f!important;
}

.font-title {
    font-size: 23px;
    line-height: normal;
    margin: 0 auto;
    color: #333;
    padding-bottom: 25px;
}

.font-title1 {
    font-size: 15px;
    line-height: normal;
    margin: 0 auto;
    color: #44883f;
    border: 2px solid #44883f;
    padding: 15px 25px;
    border-radius: 5px;
}

.space {
    padding-bottom: 50px;
}

.iframe100 {
    width: 100%;
}

.font1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.font1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.list {
    font-size: 15px;
    padding-left: 25px !important;
}

.list-2 {
    display: block;
    line-height: 25px;
}

.icon {
    float: left;
    margin-left: -25px;
    padding-top: 5.5px;
}

.header-top{
      background-color: #44883f!important;
    padding-bottom: 8px!important;
}

.header-wrap {
    background-color: #ffffff!important;
}

#new-header .inner-header .navmenu ul.main-menu > li > a {
   color: #333333!important;
    font-family: 'Oswald','Microsoft YaHei', 'Microsoft JhengHei', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.main_font {
	
	line-height:normal;
	font-weight: normal;
	color: #333;
        line-height: 2.3em;
}

.main_font1{
	
	font-family: 'Oswald', sans-serif;
	line-height:normal;
	font-weight: 700;
	text-transform:uppercase;
	line-height:2;
    font-size:28px;
}

h1{
	
	font-weight: normal;
	line-height:normal;
max-height: 10000px; 
	
}

h2.page-title {
	font-family: 'Oswald', sans-serif;
	font-size:22px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px 0px 10px 10px;
	
	text-transform:uppercase;

}


.shrink:hover {
-webkit-transform: scale(0.90);
-ms-transform: scale(0.90);
transform: scale(0.90);
}

.shrink {
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);

}

.slideleft{
	animation-name: slideleft;
	-webkit-animation-name: slideleft;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideleft {
	from {
		transform: translateY(-10%);
		opacity:0.0;
			
	}
	to{
		transform: translateY(0%);
			opacity:1;
	}
	
}

@-webkit-keyframes slideleft {
	from {
		-webkit-transform: translateY(-10%);
		opacity:0.0;
	}
	to{
		-webkit-transform: translateY(0%);
		opacity:1;
		
	}
	
}

.slideright{
	animation-name: slideright;
	-webkit-animation-name: slideright;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideright {
	from {
		transform: translateX(15%);
		
	}
	to{
		transform: translateX(0%);
		
	}
	
}

@-webkit-keyframes slideright {
	from {
		-webkit-transform: translateX(15%);
		
	}
	to{
		-webkit-transform: translateX(0%);
			
	}
	
}



.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	from {
		transform: scale(1);
		opacity: 0.0;		
	}
	to {
		transform: scale(1);
		opacity: 1;		
	}
		
}

@-webkit-keyframes fadeIn {
	from {
		transform: scale(1);
		opacity: 0.0;		
	}
	to {
		transform: scale(1);
		opacity: 1;		
	}
		
}
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

.hover-target:hover .zoomout{
	transform:scale(1.1);
}