/*Google Fonts - Open Sans*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);

a{ outline:0;}
a:hover{}
a:hover, a:active, a:focus { text-decoration:none;
    outline:0;
}
.container{
    background: none repeat scroll 0 0 #FFF;
    margin: 0 auto;
    padding-top: 1%;
    max-width: 1170px;
}
.color_one{
    background:#35bc7a;
}
.color_two{
    background:#1e8bc3;
}
.color_tree{
    background:#ff9f00;
}
.color_four{
    background:#f05a49;
}
.color_five{
    background:#f86924;
}
.color_six{
    background:#3b5998;
}
.color_seven{
    background:#ea4c89;
}
.color_eight{
    background:#00baff;
}
.color_nine{
    background:#cb2027;
}
.color_ten{
    background:#FFF;
}
.box {
    padding: 28px;
}
.box h1, h2, h3 {
    color: #FFF;
    font-size: 24px;
    text-transform: uppercase;
}
h1, h2, h3 {
    line-height: 40px;
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    text-rendering: optimizelegibility;
}
.box img:hover {
	 -webkit-transition:all .8s ease-in-out;
    -moz-transition:all .8s ease-in-out;
    -o-transition:all .8s ease-in-out;
    -ms-transition:all .8s ease-in-out;
}
p {
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
}
.sprite {
    background:url(../img/icon.png) no-repeat;
    display:block;
    height:65px;
    margin:0 auto;
    width:65px;
    margin-top:0px;
}

.sprite-blog-png {
    width:65px;
    height:65px;
    background-position:-228px -76px;
}

.sprite-contact-png {
    width:65px;
    height:65px;
    background-position:-228px -0px;
}

.sprite-dribbing-png {
    width:65px;
    height:65px;
    background-position:-152px -152px;
}

.sprite-education-png {
    width:65px;
    height:65px;
    background-position:-76px -152px;
}

.sprite-facebook-png {
    width:65px;
    height:65px;
    background-position:-0px -152px;
}

.sprite-loader2-png {
    width:65px;
    height:65px;
    background-position:-152px -76px;
}

.sprite-pinterest-png {
    width:65px;
    height:65px;
    background-position:-76px -76px;
}

.sprite-portfolio-png {
    width:65px;
    height:65px;
    background-position:-0px -76px;
}

.sprite-profile-png {
    width:65px;
    height:65px;
    background-position:-152px -0px;
}

.sprite-social-png {
    width:65px;
    height:65px;
    background-position:-76px -0px;
}

.sprite-twitter-png {
    width:65px;
    height:65px;
    background-position:-0px -0px;
}
.sprite-livre-png {
    width:65px;
    height:65px;
    background-position:-152px -152px;
}
.box .metro_text{
    text-align:center;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}
.trait {
    width:86%;
    float:left;
    height:2px;
    margin-top:15px;
    border-bottom:2px solid #AAA;
    display:inline-block;
}
.text {
    width:14%;
    float:left;
    font-size:12px;
    line-height:35px;
    text-align:right;
    display:inline-block;
}
.text img{
    width:90px;
    float:right;
    height:30px;
    margin-top:5px;
    margin-left:5px;
}
.footer {
    width:50%;
    top:-15px;
    height:50px;
    position:relative;
}
.box:hover{
    background-color:#2d2d2d;
}