@charset "utf-8";
/* CSS Document */
html {
min-width: 1200px;
}
body{
	margin:0;
	padding:0;
	}


#navigation li a:hover{
       color:rgba(96, 156, 244, 1);
    }
	
#navigation li a.current{
       color: rgba(96, 156, 244, 1);
    }
	
#homeicon {
	
	}
	
#hometext {
	font-family: Nexa, Verdana, Arial, Helvetica, sans-serif;
	}
	
#homeicon img{
	border-style:none;
	box-shadow:8px 8px 8px #D5D5D5;
	}
	
#title2 {
	color:#609cf4;	
}

.logo{
	padding-left: 90px;
    padding-top: 20px;
	float:left;
	width:30px;
	}

.heading{
	height: 142px;
	background-color: rgba(172, 200, 244, 0.9);
    width: 100%;
}

.control_app{
	background-image: url("img/app.png");
	}
.heading h1{
	font-family:Nexa, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	color:white;
	padding-top: 33px;
	}
.heading p{
	font-family:Nexa, Verdana, Arial, Helvetica, sans-serif;
	color:white;
	margin-left:18%;
	font-size:18px;
	margin-right:20px;
	
	}
.sec_heading{
	padding-top: 10px;
	font-size:36px;
	height:60px;
	text-align:center;
	font-family:Nexa Light,Verdana, Arial, Helvetica, sans-serif; 
	background-color:#63a0df; 
}
	
.sec_heading1{
	font-size:36px;
	height:60px;
	text-align:left;
	font-family:Nexa Light,Verdana, Arial, Helvetica, sans-serif; 
	background-color:#63a0df; 
	padding-top: 10px;
}
	
.footer{
	background-color: #EAEAEA;
	height:50px;
	text-align:center;
}
	
.footer h2{
    font-family:Nexa Light, Verdana, Arial, Helvetica, sans-serif;
	color:white;	
	}

.footer p{
	text-align:center;
	font-family:Nexa Light, Verdana, Arial, Helvetica, sans-serif;
	color:#52bffd;
	}
	
.footer a {
	font-family: Nexa,Verdana,Arial,Helvetica,sans-serif;
	color:#000;
    /*color: #52BFFD;*/
    text-decoration: none;
}
.column-center a{
	font-family: Nexa, Verdana, Arial, Helvetica, sans-serif;
    color:#52bffd;
    text-decoration: none;
	}
	
.heading a{
	font-family: Nexa, Verdana, Arial, Helvetica, sans-serif;
    color:white;
    text-decoration: none;
}
	
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; float:left; }
#navigation li {
     display: inline;
     margin-left: 100px;
     font-family: "proxima-nova", "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 19px;
}
#navigation li a {
	 text-decoration:none;
	 color:white;
	}
.nav{
	height:40px;
	background-color:#b0bbcc;
	}
.style22{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.style8{
	font-family: Nexa, Verdana, Arial, Helvetica, sans-serif;
	}
.bg{height:500px;}
.bg h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	color:white;
	margin:0 0 0 80px;
	padding-top:25px;}
	
.intro{
	font-size:20px;
	text-align:center;
	font-family: 'Metrophobic', sans-serif;}
	
.list p{
	font-family: 'Roboto Condensed', sans-serif;
	color:#00b8f1;
}

.explain{
	font-family: 'Roboto Condensed', sans-serif;
	float:left;
	font-size:20px;
	width:416px;
	margin-left:30px;
}

.explain p{
	margin-top:0;
	}
	
.form{
	padding-top:120px;
	width:900px;
	}
	
.bio{
	float:left;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	}

.title h1{
	text-align:center;
	color:#24b3e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:45px;
	}
.title p{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8bc442;
	font-size:30px;
	}
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 36px;
    height: 36px;
    padding: 4px 12px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}
.test{
  padding: 500px 0 20px;
  background-image: url(http://hsmartusa.com/img/product_bg.png);
  height:80%;	
  background-repeat: no-repeat;
  background-size: cover
}

.info{
	height:500px;
	background-color:white;
}

.product_intro{
	margin-left: 20%;
    margin-right: auto;
}

.product_image{
	background-image:url(http://hsmartusa.com/img/bg5.jpg);
	height:80%;	
	background-repeat: no-repeat;
	background-size: cover;
}
.product_intro p{font-family:Verdana, Arial, Helvetica, sans-serif; width:454px;}
.product_intro p .title{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#1174b9;
}

.icon{height:150px;}
.icon img{width:1000px;
padding:0px 100px;
display:block; 
     position:relative;
     overflow:hidden;
}

.seo p{
  text-align: center;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top:0;
  background:;
	}

@media screen and (max-width: 300px) {
    body {
        background-color: lightblue;
    }
}