/*main-LOADER*/
#body-wrapper{
	opacity:0;
}
#lorder-main{
	background:#212736;
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	z-index:10000;
}
#canvas{
	opacity:0;
	top: 50%;
	left:50%;
    transform: translate(-50%,-50%);
	position: relative;
}
	
path.path_black {
	fill-opacity:0;
	transition: fill-opacity 1s;
}

.fill path.path_black{
	fill: #000;
	fill-opacity: 1;
}

.fill path{
	-webkit-animation: path-in 1s 1 ease forwards;
  	animation: path-in 1s 1 ease forwards;
	
}


path {
    fill-opacity: 0;
    transition: fill-opacity 0.5s;
  }
 
.fill path.st0{
  fill: #fff;
  fill-opacity: 1;
}



@keyframes path-in {
	0% {
		stroke-opacity:1;
	}
	30% {
		stroke-opacity:1;
	}
	60% {
		stroke-opacity:0;
	}
	100% {
		stroke-opacity:0;
	}
}
@-webkit-keyframes path-in {
	0% {
		stroke-opacity:1;
	}
	30% {
		stroke-opacity:1;
	}
	60% {
		stroke-opacity:0;
	}
	100% {
		stroke-opacity:0;
	}
}
/*LOADER*/
.load-view {
  font-size: 10px;
  margin: 0px auto;
  text-indent: -9999em;
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background: #72a0c6;
  background: -moz-linear-gradient(left, #72a0c6 10%, rgba(114, 160, 198,0) 42%);
  background: -webkit-linear-gradient(left, #72a0c6 10%, rgba(114, 160, 198,0) 42%);
  background: -o-linear-gradient(left, #72a0c6 10%, rgba(114, 160, 198,0) 42%);
  background: -ms-linear-gradient(left, #72a0c6 10%, rgba(114, 160, 198,0) 42%);
  background: linear-gradient(to right, #72a0c6 10%, rgba(114, 160, 198,0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.load-view:before {
  width: 50%;
  height: 50%;
  background: #72a0c6;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.load-view:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



body{
border-top:	#212736 4px solid;
}

header{
margin: 20px 0;

}

img{
max-width:100%;
}

li{
	list-style-type: none;
}

section{
	padding: 0;
}

footer{

}

.cp{
}


.bgf0{
	background-color: #f0f0f0;
}
.cp h2{
	margin:0px 0 0 0;
	font-weight: 100;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.2em;
	font-size:2rem;
	color: #000000;
}
.cp h3{
	font-weight:200;
	font-size:1.4em;
	line-height:1.5;
	margin:20px 0 20px;
	color: #000000;
}
.cp p{
	color: #666666;
	line-height:1.8;
}
.mb20{padding-bottom: 20px;}
.mb40{padding-bottom: 40px;}
.pl20{padding-left: 20px;}
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px}

img.logo{
	height: 60px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.photo{
	background-size: cover;
	background-position: center center;
	height: 100%;
	min-height: 450px;
}

.ph1{
	background-image: url(../img/about.jpg);
}
.ph2{
	background-image: url(../img/service1.jpg);
}
.ph3{
	background-image: url(../img/service2.jpg);
}
.ph4{
	background-image: url(../img/item.jpg);
}
.ph5{
	background-image: url(../img/factory.jpg);
}

#service{
		background:#212736;

}
#service .cp h2,#service .cp h3,#service .cp p{
		color:#ffffff !important;
}


table.import{
}
table.import tr{
}
table.import tr td{
	white-space: nowrap;
}

.align0{
	text-align: left;
}
.align1{
	text-align: center;
}
.align2{
	text-align: right;
}

dl.company{
	margin: 0px 5px;
	border-bottom: solid 1px #cccccc;
}

dl.company dt{
	padding: 10px 20px;
	border-top: solid 1px #cccccc;
}
dl.company dd{
	padding: 10px 20px;
	border-top: solid 1px #cccccc;
}





footer{
	width:100%;
	background:#212736;
	padding: 50px 0;
	text-align: center;
}
.footercopy{
	width: 100%;
	margin:50px 0 0 0px;
	text-align: center;
	font-size: 0.8rem;
	color: rgba(255,255,255,0.5);
}