@charset "utf-8";
/* CSS Document */
/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,vietnamese));
@import url(http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,vietnamese));
body {
    color: #797979;
    font-family: 'Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
}
::selection {
    /*background: #F77B6F;*/
	background: #49a7e4;
    color: #fff;
}
::-moz-selection {
   /* background: #F77B6F;*/
   background: #49a7e4;
    color: #fff;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
}
/*homepage features*/

.feature-head {
    padding: 50px 0;
}

.feature-head h1{
    color: #475168;
    font-size: 30px;
    font-weight: 300;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-family: 'Fjalla One', sans-serif;
}

.feature-head p{
    color: #8a8b8b;
    font-size: 18px;
    font-weight: 300;
}

.f-box {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    min-height: 210px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.f-box i{
    font-size: 60px;
    line-height: normal;
    margin-top: 40px;
    display: block;
    /*color: #f77b6f;*/
	color: #49a7e4;
}

.f-box:hover, .f-box.active {
    /*background: #f77b6f;*/
	background: #49a7e4;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    min-height: 210px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.f-box:hover i, .f-box.active i{
    font-size: 60px;
    line-height: normal;
    margin-top: 40px;
    display: block;
    color: #fff;

}

.f-box:hover h2, .f-box.active h2{
    color: #fff;
}

.f-box h2{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Fjalla One', sans-serif;
}

.f-text {
    font-size: 14px;
    font-weight: 300;
}
a:hover{
	text-decoration:none;
}
.neokebox a{
	color:#797979;
}