html, body {
	margin:0 !important;
	padding:0 !important;
	color: #616161 !important;
  font-family: 'Lato', sans-serif !important;	
	overflow-x:hidden !important;
}
span, label, h1, h2, h3, h4, h5, h6, p{
	margin:0 auto;
	padding:0;
}
.clr {
	clear:both;
}	
a {
    text-decoration: none !important;
}
@media only screen and (min-width:320px) and (max-width:640px) {
  
}
@media only screen and (min-width:641px) and (max-width:991px) {
  
}
@media only screen and (min-width:992px) and (max-width:1258px) {
  
}

/*-------------------------------------------*/
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url("../images/icon-top1.png") no-repeat center center;
    border-radius: 50%;
}
.blues {
  background-color:#017dc6;
  padding-left:8px;
  padding-right:8px;
  color:white;
  border-radius:3px;
}
.slide {
  //margin-right: -10px !important;
}

/*---------------------- top -------------------------------------*/
.top {
  background-color: #333333;
  padding-top: 5px;
  color:white;
}
.top svg {
  color:white;
}
.top li {
  float: left;
  list-style-type: none;
  margin-left: 15px;
}
.top li a {
  color:white;
}
.home_about {
  padding-top: 2%;
  padding-bottom: 2%;
}
.home_about h3 {
  color: #272729;
}
.home_about h4 {
  color: #272729;
  text-align: center;
}
.home_about h5 {
  text-align: center;
}
.home_about p {
  text-align: justify;
}
.read_more {
  text-align: center;
}
.read_more a {  
  background-color: #7e7e7e;
  padding: 5px 10px;
  color: white;
}
.home_product {
  background-color: #ededed;
  padding-top: 2%;
  padding-bottom: 2%;
}
.home_product h3 {
  color: #323232;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 1%;
}
.home_product h4 {
  text-align: center;
  color: #323232;
}
.product img {
  width: 300px;
  height: 200px;
}
.home_vision {
  padding-top: 3%;
  padding-bottom: 3%;
}
.home_vision img {
  width: 500px;
  height: 280px;
}
.vision h3 {
  color: #323232;
  text-transform: uppercase;
}
.vision {
  margin-top: 3%;
  //color: #baab82;
}
footer {
  background-color: #fcd2c2;
  padding-top: 1%;
  padding-bottom: 1%;
}
footer p {
  color: #333333;
}
footer img {
  padding-bottom: 2%;
}
.foot1 {
  display: table-cell;
  padding-right: 6px;
}
.foot2 {
  display: table-cell;
}
.footer2 {
  background-color: #323232;
  color: white;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.footer2 p {
  margin: 0 !important;
  font-size: 13px;
}
.footer2 a {
  color: white;
}
/*------------------- About Page -----------------------------*/
.about_page {
  padding-top: 2%;
  padding-bottom: 3%;
}
.about_page p {
  line-height: 1.6;
  text-align: justify;
}
.about_page h3 {
  text-align: center;
  font-weight: 600;
  color: #323232;
}
@media only screen and (min-width:320px) and (max-width:640px) {
  .top li {
    margin-left: 10px;
  }
  .logo img {
    width: 70%;
  }
  .home_about h3 {
    text-align: center;
  }
  .home_product h3 {
    font-size: 18px;
  }
  .read_more {
    margin-bottom: 6%;
  }
  .vision h3 {
    font-size: 18px;
  }
  .scrollup {
    right: 20px;
  }
  .about_page h3 {
    font-size: 18px;
  }
  .demo > li img {
    width: 138px !important;
    margin: 5px !important;
    height: 120px !important;
  }
}
@media only screen and (min-width:641px) and (max-width:991px) {  
  .demo > li img {
    width: 210px !important;
    margin: 5px !important;
    height: 150px !important;
  }
}
@media only screen and (min-width:992px) and (max-width:1258px) {
  .demo > li img {
    width: 210px !important;
    margin: 5px !important;
    height: 150px !important;
  }
}
/*--------------------- contact page --------------------------------*/
.message {
  background-color: #ededed;
  padding: 15px 15px;
}