@charset "utf-8";

/* ============================== */
/* 
	- Title: UTS
	- Autor: Amar
*/
/* ============================== */


/*  Import Styles
================================================== */

/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/
@import url("bootstrap1.css");

/*Icons*/
@import url("font/fontello.css");

@import url("font/fontello-ie7.css");

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

/*media query.css*/
@import url("media-queries.css");


/*  Standar Styles
================================================== */

body{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    background: #fff;
}
a{ outline: 0;}
a:hover{}
a:hover, a:active, a:focus { text-decoration: none;
    outline: 0;
}



#metro img{	width: 100%;}


/*  Transitional elements
================================================== */

#menu_content li a, .portfolio_box img, .portfolio_box_text h6, .navbar .nav .menu_item a, .blog .btn-sample, .blog li a, .blog .content_center h2.sub_title a, .resume_button, .contact_button, li.box1 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;
}


/*  General Classes and Styles
================================================== */

.clearfix{
	width:1px;
	height:1px;	
	display:block;
	clear:both;
	content:" , ";
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.text_right{
	text-align: right;
}
.center{
	text-align: center;
}


  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #2D2D2D;
  }





/**********************home effect**************************/
.home .box1{
    overflow: hidden;
}
.home .box1:hover{
    background-color:#2d2d2d;
}
.home .box1:hover .sprite{
    text-shadow: 0px 0px 20px #ccc;
    color: transparent;
    -webkit-animation: moveFromTop 400ms ease;
    -moz-animation: moveFromTop 400ms ease;
    -ms-animation: moveFromTop 400ms ease;
}
.home .box1:hover h1{
    color: #FFF;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}
.home .box1:hover .resume_button, .home .box1:hover .contact_button {
    background-color: transparent!important;
    background-image: none;
    color: #fff;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}
.home .box1 p{
    color: #fff;
}
.home .box1:hover p{
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
/***********************home effect*************************/
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}








/*********************body**************************/
/*=================== content wrap ================*/
.wrap{
    margin: 0 auto;
    max-width: 1170px;

}
/*=================== end wrap ================*/
.home .info,.profile .info{
    background: white;
    float: left;
    padding-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.home h1{
    text-transform: uppercase;
}
.name_content{
    border-left: 4px solid #e07151;
    padding-left: 20px;
    border: 4px solid #E07151;

}
.box1{
    padding: 0px;
    height: 130px;
}
.box1 h1,h2,h3{
    text-transform: uppercase;
}
.box1 .metro_text{
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight:normal;
    text-transform: uppercase;
}


.left_content{
    float: left;
    width: 100%;
}
.left_content_active{
    float: left;
    width: 60%;

}
.right_content{
    float: left;
    position: relative;
    z-index: 0;
}
.home .info_active{
    width: 166.7%;
}
.row-fluid .span1.social_hide{
    display: none;
}
.row-fluid .span2.social_hide{
    display: none;
}
.field_Double{
    float: left;
    position: relative;
}
.content_right{
    height: auto;
}


/*****************End body*************************/
/**************customize carusell**************/
#myCarousel{
    margin-bottom: 0px;
}
/*********************sprite icons******************/
.home .sprite {
    background: url(../img/sprite/sprite.png) no-repeat;
    display: block;
    height: 65px;
    margin: 0 auto;
    width: 65px;
    margin-top: 35px;
}

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

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

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

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

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

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

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

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

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

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

.home .sprite-twitter-png {
    width: 65px;
    height: 65px;
    background-position: -0px -0px;
}
/***********************************************/
/********************colors**********************/
.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: #ffffff;
}


/*****************photos********************/

.row-fluid .photo{
   background: none repeat scroll 0 0 black !;

}
.row-fluid .photo img{
    height: 100%;

}
/****************end photos*********************/