/* Font Awesome Overrides */
form .fa {display:table-cell;}
/* Bootstrap Overrides */
body {font-size:17px; font-weight:300; color:#626465; font-family: 'Oxygen', sans-serif;}
h2 {font-weight:600;}
a:hover {text-decoration:none;}
.navbar h1 {font-size:26px;}
.navbar h1, h1 small,.nav > li > a {color:#FFFFFF;}
.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(0,0,0,.25)}
.navbar {background:#276a84 ;  border-bottom:5px solid #9dda9a; box-shadow:0 0 10px #414141; margin-bottom:0; font-size:17px;}
.nav > li {margin-bottom:-15px;}
.navbar-nav > li > a {padding-top:20px; padding-bottom:20px;}
.nav > li > a:focus, .nav > li > a:hover, .nav > li.active > a {background:none;}
.media-body, .media-left, .media-right { padding:10px;}
.bio .img-thumbnail {background:#276a84; padding:3px; border-color:#276a84; box-shadow:0 0 10px #333b3e;}
.contact .well {background:#FFFFFF;}
.btn-primary {background-color:#9dda9a; color:#4C4D4E; border: none; font-weight: bold;}
form input[type="file"] {font-size: 14px; color:#999999; height:34px;}
/* Styles */
.nav > li:hover > .tab, .active .tab {background: #FFFFFF none repeat scroll 0 0;border-radius: 9px;display: block;height: 15px;margin: -9px auto 8px;width: 15px; box-shadow:0 0 3px #333b3e;}
nav h1 span::after {content:" | ";}
.nomargin {margin:0;}
.nomarginleft {margin-left:0;}
#headingwrapper {background:#F0F4F5; padding-top:95px; padding-bottom:60px;}
#headingwrapper small::before {content:" | ";}
#contentwrapper {padding-bottom: 70px;}
#footerwrapper {position:fixed; bottom:0; right:0; left:0; z-index:99; background:#276a84;  border-top:5px solid #9dda9a; box-shadow:0 0 10px #414141; padding:10px 0; color:#FFFFFF;}
#footerwrapper a {color:#FFFFFF;}
.content {padding-bottom:15px;}
.navbar-toggle {background:#9dda9a; margin-top: 15px;}
.navbar-toggle .icon-bar {background:#276a84;}
.section {padding:35px 0;}
/*.content h2 {color:#276a84;}*/
a h2 {color:#626465;}
.project h2 {font-size: 21px; font-weight: normal; height:46px;}
/*.alignBottom {display:table-cell; vertical-align: bottom;}/*
h2.pagetitle {font-size:42px; margin-top:0;}
h3 {font-size:24px;}
h3 {background-color:#CCCCCC; padding:10px 20px; color:#505354; font-weight: 700;}/*#276a84*/ /*FFFFFF*/
.btnFilters h3 {font-size:24px; float:left; margin:5px 10px 0 0; padding:0;}
h4 {font-size:20px;}
.pagetitlewrapper{margin-left:20px; padding-left:30px; border-left:2px solid;}
.btnFilters{background:#CCCCCC; padding:10px 20px ;margin-top: 20px;}
.btnFilters .btn {color:#FFFFFF; margin-right: 10px; font-size: 17px; font-weight: bold;}
.btnFilters .last.btn {margin-right: 0;}
/*.btnFilters h2 {display: inline-block; margin:0; vertical-align: middle;}*/
.project {margin-bottom: 40px;}
.project:hover img {transform:scale(1.5); opacity: 1;}
.project img {transition:all 1s ease 0s;max-width: 60%; max-height: 50%; display: inline-block;}
.imgcontainer::before {display: inline-block; height: 100%; content: ""; vertical-align: middle;}
.imgcontainer {height:138px;text-align: center;transition:all 1s ease 0s;}
.project:hover .vertAlign {transition:all 1s ease 0s; opacity: 1;}
.vertAlign{display:block; height:auto; vertical-align:middle; background:url(/images/projects/bg-project.png) #D2D2D2 no-repeat; background-size: contain;opacity: .75;}
/*.vertAlign.html{background-color: #EB876E;}
.vertAlign.css{background-color: #81A4BE;}
.vertAlign.css{background-color: #C1E6F5;}
.vertAlign.php{background-color: #9282A6;}
.vertAlign.js,.vertAlign.jquery{background-color: #F2E590;}
*/
.vertAlign{box-shadow:10px 10px 10px #3A3A3A; transition:all 1s ease 0s;}
.vertAlign.html{box-shadow:10px 10px 10px #e44d26; transition:all 1s ease 0s;}
.vertAlign.css{box-shadow:10px 10px 10px #28AAE1;transition:all 1s ease 0s;}
.vertAlign.modx{box-shadow:10px 10px 10px #276A84;transition:all 1s ease 0s;}
.vertAlign.php{box-shadow:10px 10px 10px #8892BF;transition:all 1s ease 0s;}
.vertAlign.bootstrap{box-shadow:10px 10px 10px #9282A6;transition:all 1s ease 0s;}
.vertAlign.ecommerce{box-shadow:10px 10px 10px #67a749;transition:all 1s ease 0s;}
.vertAlign.mysql{box-shadow:10px 10px 10px #F79418;transition:all 1s ease 0s;}
.vertAlign.email{box-shadow:10px 10px 10px #20521B;transition:all 1s ease 0s;}
.vertAlign.js,.vertAlign.jquery{box-shadow:10px 10px 10px #F2E590;transition:all 1s ease 0s;}
.projectTags {display: block; width: 100%; margin-top: 5px;}
.projectTags .btn {color:#FFFFFF; margin-right: 5px; cursor:default; font-weight: 700;}
.btnFilters .btn-default {background: #4C4A4A; color: #FFFFFF; border-color: transparent;}
.btn-html,.tag-html {background: #e44d26;} 
.btn-css,.tag-css {background:#28AAE1;}
.btn-php,.tag-php {background:#8892BF;}
.btn-bootstrap,.tag-bootstrap {background:#5A338E;}
.btn-modx,.tag-modx {background:#276A84;}
.btn-ecommerce,.tag-ecommerce {background:#67a749;}
.btn-mysql,.tag-mysql {background: #F79418;}
.btn-email,.tag-email {background: #20521B;}
.btnFilters .btn-js,.btnFilters .btn-jquery,.projectTags .btn-jquery,.tag-js,.tag-jquery {background:#f0db4e; color:#000000;}
/*.logo img::before {display: table; height:100px;}
.logo img { display: table-cell; vertical-align: middle;}*/
.modal-body{padding:15px 40px;}
.modalContent {background-color: #CCCCCC;padding-top: 5px;padding-bottom: 0px;margin-top: 20px; margin-bottom: 15px;}
.form .req {color:#A94442;}
form .small .error::before {content: " | ";}
form .small .error {font-size: 75%;}
@media (max-width:499px) {
	#contentwrapper {padding-bottom:0;}
	#footerwrapper {position:relative; background:#276a84;  border-top:5px solid #9dda9a; box-shadow:none; padding:10px 0; color:#FFFFFF;}
	.navbar {min-height: 70px;}
	.navbar h1 {font-size: 20px;}
	.navbar {min-height: 70px;}
	.nav > li > .tab, .nav > li:hover > .tab {display: none;}
	.nav > li {margin-bottom: 0;}
	.navbar-nav > li > a {padding-top:15px;padding-bottom:15px; border-top: 1px solid #276a84;}
	.navbar-nav > li:hover > a,.navbar-nav > li.active > a {background: #9dda9a;}
	.section {padding-top:15px;}
	nav h1 span::after {content:"";}
	nav h1 span {display: block;}
	h2 {font-size: 22px;}
	.caption h4 {font-size: 12px; margin:0;}
	.caption {padding: 9px 0;}
	#headingwrapper {padding-top:75px; padding-bottom: 30px;}
	#headingwrapper small::before {content:"";}
	#headingwrapper small {display:block;}
	.media-body img {max-width:200px; display: block; margin: auto; margin-bottom:20px;float: none; }
	.project.col-xs-6{width: 100%;}
	.btnFilters h3 {margin:0 0 10px; float: none; display:block; text-align: center;}
	.btnFilters .btn {margin-right: 6px; font-size: 14px; margin-bottom: 10px;}
	.btn {padding:4px 6px;}
	.col-xs-6.logo{display:block;margin:auto;float:none;}
	.pagetitlewrapper{width:100%;margin-left:0;padding-left:0;border-left:0;}
	/*.pagetitlewrapper h2{text-align:center;}*/
	.projectTags .btn{margin-bottom:10px;}
	.modalContent{margin-top:10px;padding-bottom:7px;}
	.modalContent h2{margin:0;}
}
@media (min-width:500px)and (max-width:767px) {
	#contentwrapper {padding-bottom:0;}
	#headingwrapper {padding-top:80px; padding-bottom: 30px;}
	#footerwrapper {position:relative; background:#276a84;  border-top:5px solid #9dda9a; box-shadow:none; padding:10px 0; color:#FFFFFF;}
	.navbar {min-height: 70px;}
	.nav > li > .tab, .nav > li:hover > .tab {display: none;}
	.nav > li {margin-bottom: 0;}
	.navbar-nav > li > a {padding-top:15px;padding-bottom:15px; border-top: 1px solid #276a84;}
	.navbar-nav > li:hover > a,.navbar-nav > li.active > a {background: #9dda9a;}
	.pagetitlewrapper{margin-left:0;}
	.media-body img {margin-right:15px; max-width:200px;}
	.modalContent{padding-bottom:7px;}
	.modalContent h2{margin:0;}
	.projectTags .btn {margin-bottom:10px;}
	.btnFilters h3 {margin:0 0 10px; float: none; display:block; text-align: center;}
	.btnFilters .btn {margin-right: 6px; font-size: 14px; margin-bottom: 10px;}
	.btn {padding:4px 6px;}
}
@media (min-width:768px)and (max-width:991px) {
	.thumbnail .caption{padding:9px 0;}
	.caption h4{font-size:13px;margin:0;}
	.btnFilters {padding:10px;}
	.btnFilters h3 {font-size: 21px;margin: 1px 5px 0 0;}
	.btnFilters .btn {margin-right: 1px; font-size: 12px;}
	.btn {padding:3px 6px;}
	.imgcontainer {height:120px;}
	.projectTags .btn{margin-bottom:10px;}
}
@media (min-width:992px)and (max-width:1199px) {
	.btnFilters .btn {margin-right: 3px; font-size: 15px;}
	.btn {padding:6px 9px;}
	.thumbnail .caption{padding:9px 0;}
	.caption h4{font-size:18px;margin:0;}
}
@media (min-width:1200px) {

}