@charset "UTF-8";
/*------------------------------------------------------------------
	$GENERAL
------------------------------------------------------------------*/
html {
    background-color:#fefefe;
	
	
}

img {
    max-width:100%;
   
}



body{
	background:url(../imgs/);
	margin-top:00px;
	color:#4a90e2;
}


h1, h2, h3, h4,{
	color:#000000;
	
} 


p {
	color:#3c4f76;
	
}

h1, h2, li, .name{
    	font-family:helvetica;
}

p,  h3, h4, {
    font-family:helvetica;
}

h3 {
    font-size:30px;
}



/*------------------------------------------------------------------
    $HEADER
------------------------------------------------------------------*/
.video-container { 

	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin-bottom:20px;
} 

.video-container iframe, 
.video-container object, 
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.navbar-brand { 
  padding: 7px 10px;
  margin-right: 30px;

}



.navbar-myName img{
	position:absolute;
	margin-top:15px;
	margin-left:15px;    
}


.navbar-inverse .navbar-nav>li>a {
  color: #111;
}


.navbar-toggler{
    background-color: #fff;
	border-color: #000000;
	border-width: 2px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #000A14;
	color: #ffffff;	
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav> a:hover {
	background-color: #0A7CFF;	
	color:#000A14;
}

.navbar-inverse .navbar-nav>li> a:hover {
	color: #4d749e;
	background-color: #000A14;
}

.navbar-inverse .navbar-nav>.open>  a:hover {
	color: #4d749e;
	background-color: #000A14;
}

.dropdown-menu>li>a:hover {
		color: #4d749e;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #000A14;
}


.navbar-inverse {
background-color: #000A14;
border:none;
}



.bg {
	background-color: #4d749e;
	padding-bottom:40px;
	
	
}

.bg2 {
	background-color: #f0f0f0;
	margin:none;
	padding:20px 0 60px 0;
	
} 

.bg3 {
	background-color: #b0d5ff;
	margin:none;
	padding:50px 0 60px 0;
	
}

.bg5 {
	background-color: #4a90e2;
}

.bg6 {
	background-color: #f5f5f5;
	padding: 30px;
}


.dshadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}



.welcome {
    background-color:#d34d29;
}

.name{
    color:#000A14;
    margin-left:15px;
}




/*------------------------------------------------------------------
    $BODY
------------------------------------------------------------------*/
.intro {
}



.jumbotron{
	background:url("../imgs/about_img.jpg") repeat ;
    margin-top:50px;
    height:550px;
    color:;
}

.space{
    margin-top:-10px;
}


.aboutImg {
    
   
}

.line{
    margin-top:20px;
    margin-bottom:30px;
    border-bottom:1px solid #fff;
}

.linetwo{
    position:relative;
    margin-top:20px;
    margin-bottom:40px;
     border-bottom:3px solid #0f4c81;
}


.close{
    border-bottom:1px solid #ddd;
    margin-bottom:40px;
}

blockquote {
 
  border-left: 0px solid #eee;
}



.puppy {
    background-color:#cd190c;
    color:#ccc;
    padding-bottom:5px;
}






.esconder img {
    padding: 5px;
    }
    
.me{
    margin:0px 0px 20px 0;
}

.photo1:hover{
    color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.15);
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari and Chrome */

}

.resume {
    background-color: #ffffff;
	
}

.index_bg {
    background-color: #f9f9f9;
	
}



/*------------------------------------------------------------------
    $FOOTER
------------------------------------------------------------------*/
.navbar .navbar-static-bottom{
	bottom:10px;
	   margin-top:40px;
	   background-color: #0f4c81;
}

.btn-primary { 
    height: 50px;
    width: 180px;
    color:#ffffff;
    background-color: #4a90e2;
    border-color: #b0d5ff;
    border-radius: 10px;
        margin: 0px 10px 20px 0px;
    padding:10px 10px 10px 10px;
    text-align:center;
  
    
}
.btn-primary:hover{ 
    background-color: #3c4f76;
}



.navbar .btn-default {
       background-color:#fff;
       color:#000000;
}

.navbar .btn-default:hover {
       background-color:#000;
       color:#ddd;
}