@charset "UTF-8";
/* CSS Document */
body{
	font-family:'Abel',Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#616060;
	font-size:18px;
	 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.top
{
	background-color:#3D6C93;
	min-height:100vh;;
	color:white;/*#E6F2F6;*/
	text-align:center;
	padding-top:40px;
	background-image:url(../images/intro-bg-bright.jpg);
  background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-clip:padding-box;
}
.topOverlay {
    /*background-color: rgba(255,149,0,0.10);
	background-color: rgba(36,195,219,0.10);*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.devName
{
	font-family: 'Berkshire Swash', cursive;
	font-size:48px;
	padding:20px;
}
.aboutRow, .eduRow, .moreRow
{
	background-color:#FFFAF3/*#FFF6EA*/;
	min-height:100vh;
	padding-top:40px;
	text-align:left;
	
	
	
}
.rowHeading
{
	font-size:40px;
	font-family: 'Berkshire Swash', cursive;
	color:#ED7D00;
	padding-bottom:40px
	

}
.aboutQuote
{
	font-size:20px;
	font-family: 'Berkshire Swash', cursive;
	color:#ED7D00;
	
	text-align:center;
	
}
.aboutContent
{
	padding-top:10px;
}
.fullRow
{
	min-height:100vh;
	color:#393939;
	text-align:left;
	font-size:18px;
	padding-top:40px;
	padding-bottom:40px;
	overflow:visible;
}
a
{
	color:#FEA65E;
	border-bottom:dashed #FEA65E 1px;
	text-decoration:none;
}
a:hover
{

	
	text-decoration:none;
}
.menu
{
	padding-top:60px;
	padding-bottom:20px;
}
.menu a
{
	color:white;
	font-size:18px;
	text-decoration:none;
	border:none;
	
}
.menu .navText{
	padding-bottom:30px !important;
}
.menu a .glyphicon
{
	font-size:40px;
}
.menu a:link .glyphicon, .menu a:visited .glyphicon, .menu a:active .glyphicon
{
	margin-top:0px;
}
.menu a:hover .glyphicon 
{
	top:-5px;
}
.test
{
text-align:center;
}
.test hr
{
	display:none;

}
a:hover .test hr
{
	display:block;
width:100px;
 -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 3s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
  from {width: 0px;}
    to {width: 100px;}
}

/* Standard syntax */
@keyframes example {
    from {width: 0px;}
    to {width: 100px;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes navShow {
  from {width: 0px;}
    to {width: 90%;}
}

/* Standard syntax */
@keyframes navShow {
    from {width: 0px;}
    to {width: 90%;}
}
.navLine
{
	
	width:90%;
 -webkit-animation-name: navShow; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: navShow;
    animation-duration: 3s;
}
.skillDivider
{
	width:90%;
 -webkit-animation-name: navShow; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: navShow;
    animation-duration: 3s;
	color:gray;
	
}
.quickSummary
{
	padding-bottom:20px;
}

.sideNav
{ 
background-color:black;
color:white;
position:fixed;
width:60px;
left:20px;
top:20px;
padding-top:20px;
padding-bottom:20px;
border-radius:5px;
text-align:center;
z-index:1000;
}

.sideNav a
{ 
color:white;
font-size:24px;
padding-top:5px;
padding-bottom:5px;
border-bottom:none;

}
.sideNav a:hover
{ 
color:#ED7D00;
font-size:24px;
padding-top:5px;
padding-bottom:5px;

}
.sideButton
{
	
}
.sideNavFixed
{
	positsion:fixed !important;


}
.key
{
	color: #9C9C9C;
	font-size:12px;
}
.key span
{
	height:20px;
	width:20px;
	
}
.advancedKey
{
	background-color:#FF7300;
	color:#FF7300;
}
.moderateKey
{
	background-color:#FEA65E;
	color:#FEA65E;
}
.minimalKey
{
	background-color:#FECEA6;
	color:#FECEA6;
}
.grid-item
{
	min-width:80px;
	text-align:center;
	color:#484848;
	padding:10px;
	min-height:50px;
	border-radius:3px;
}
.itemHeadCat1
{
	
	
padding-top:20px;
	font-weight:bold;
	vertical-align:bottom;
	text-align:left;
	
	
}
.itemHeadCat2
{
	padding-top:20px;

	font-weight:bold;
	vertical-align:bottom;
	text-align:left;
}
.itemCat1
{
	
	
	border-bottom:#FF7300 5px solid
}
.itemCat2
{
	
	border-bottom:#FEA65E 5px solid
}
.itemCat3
{

	border-bottom:#FECEA6 5px solid
}
#contact
{
	background-color:#3B3B3B;
	color:white;
}

#otherReason{ display:none;}
.degree
{
	text-align:center;
	padding-bottom:20px;
}
.bachelor
{
	background-color:#26658D;
	border-radius:50%;
	height:100px;
	width:100px;
	color:white;
	text-align:center;
	font-size:50px;
	padding-top:20px;
}
.bachelorBorder
{
	background-color:#7FBEE6;
	border-radius:50%;
	height:120px;
	width:120px;
	text-align:center;
	padding-top:10px;
	padding-left:10px;
	margin:0 auto;
}
.masters
{
	background-color:#FF8C00;
	border-radius:50%;
	height:100px;
	width:100px;
	color:white;
	text-align:center;
	font-size:50px;
	padding-top:20px;
}
.mastersBorder
{
	background-color:#FFBE6F;
	border-radius:50%;
	height:120px;
	width:120px;
	text-align:center;
	padding-top:10px;
	padding-left:10px;
	margin:0 auto;
}
.publishedBorder
{
	background-color:#FFE38E;
	border-radius:50%;
	height:120px;
	width:120px;
	text-align:center;
	padding-top:10px;
	padding-left:10px;
	margin:0 auto;
}
.published
{
	background-color:#FFBE6F;
	border-radius:50%;
	height:100px;
	width:100px;
	color:#ffffff;
	text-align:center;
	font-size:45px;
	padding-top:20px;
}

.desaturate{
	-webkit-filter: grayscale(95%); /* Safari 6.0 - 9.0 */
    filter: grayscale(95%);
	border-bottom:none !important;
}

.desaturate:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	border-bottom:none !important;
}
.socialLinks
{
	border-bottom:none !important;
}
.socialLinks:hover
{
	border-bottom:none !important;
}
.serviceBg
{
	position:relative;
	height:100%;
	width:100%
}
.serviceBg div
{
	position:absolute;
	bottom:0;
	right:0;
	color:#FFCF9A;
	font-size:100px;
	
}
.sectionHead
{
	font-size:22px;
	font-weight:bold;
	color:#484848;
}

.services
{
	list-style:none;
	padding-top:10px;
	padding-bottom:10px;
	left:0px;
	
}

.services li::before
{
	content: "•"; color: #FEA65E;
  display: inline-block; width: 1em;
  margin-left: -1em
}

.experienceList
{
	list-style:none;
	max-width:500px;
	padding-bottom:20px;
	padding-left:0px;
}
.experienceList li
{
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom:#D2D2D2 solid 1px;*/
	color:gray;
}
.expDate
{
	color:#E67900;
}
.note
{
	 color:#9c9c9c;
	 font-size:14px;
	 padding-top:10px;
	 padding-bottom:20px;
}
.note span
{
	color:#E67900;
	font-weight:bold;
}
.interest
{
	color:white;
	text-align:center;
	width:100%;
	height:100%;
	padding-bottom:40px;
}
.interest .intIcon
{
	margin:0 auto;
	/*border: 12px #FFBE6F solid;*/
	background-color:#ED7D00;
	border-radius:50%;
	height:100px;
	width:100px;
	padding-top:30px;
	font-size:40px;
	
}
.photo, .video, .callig, .paint
{
	/*border: 12px #BEBEBE solid !important;*/
	background-color:#838383 !important;
}
.interestHead
{
	font-size:18px;
	font-weight:bold;
	color:#484848;
	padding-top:20px;
	padding-bottom:10px;
}
.btn-primary{ background-color:#E67900 !important; border-color:#E67900 !important;}
/*.art, .reading
{
	border: 12px #99DCC3 solid  !important;
	background-color:#53917A !important;
}
.callig, .paint
{
	border: 12px #E8D490 solid  !important;
	background-color:#DDB83A !important;
}*/
.subFooter
{
	color:white;
	padding-bottom:20px;
}
/* Carousel Styles*/
.item
{
	min-height:300px;

}
.projectSlide
{
	width:80%;
	margin:0 auto;
}
.carousel-control
{
	background-image: none !important;
	color:#DdDdDd !important;
	border:none !important;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
{
	left:0;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right
{
	right:0;
}
.carousel-indicators li
{
	background-color:#DCDCDC !important;
}
.carousel-indicators .active
{
	background-color:#E67900 !important;
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
.item
{
	min-height:300px;

}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.item
{
	min-height:300px;

}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.item
{
	min-height:550px;

}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.item
{
	min-height:550px;

}
.top
{
    background-image:url(../images/intro-bg-phone.jpg);
    background-attachment:scroll;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.item
{
	min-height:600px;

}
.top
{
	background-image:url(../images/intro-bg-phone.jpg) ; 
    background-attachment:scroll;
}
}



.tooltip > .tooltip-arrow {border-bottom-color: #484848;}
 .tooltip > .tooltip-inner {background-color: #484848;}
 
 #contact
 {
	  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 }
 .has-error .help-block
 {
	 color:#E67900 !important;
 }

/*nav bar overrides*/
.navbar-default
{
	background-color:black;
	color:white;
}
.navbar-toggle
{
	background-color:black !important;
	color:white;
}
.navbar-nav li 
{
	text-align:center;
}
.navbar-nav li a
{
	color:white;
	font-size:25px;
	border-bottom:none;
}
.navbar-nav li.active
{
	background-color:black;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}