@charset "UTF-8";
/*March, 2024*/

body{
    font-family: "Muli", Arial, Helvetica, sans-serif; 
    margin: 0px;
    font-size: 1.9em;
	line-height: 1.8em;
	color: black;
}
.fontMuli{
	font-family: "Muli", Arial, Helvetica, sans-serif;
}
section{
	display:block;
}
.whiteText{color:white !important; font-weight: bold;}
.blueText{color: #055cab !important; font-weight: bold;}
.blackText{color: #111111;}
.backgroundGray{background:#eee;}
a{color:#055cab;}
a:link {text-decoration:none; color:#055cab;}
a:hover {color: #888888;  transition: 0.3s;}
a:active {text-decoration:none; color:#888888; background-color:none;}
.h1 .h2 {line-height: .8!important;}
.portBorder{border: solid 2px #eeeeee;}
/*Padding Definitions*/
	.nopadding {padding:0;}
	.paddingOne {padding:10px;}
	.paddingTwo {padding:20px;}
	.paddingThree {padding:70px 0 70px 0;}
	.paddingFour {padding:40px 0 40px 0;}
	.paddingBottomOne {padding-bottom:30px;}
	.paddingBottomTwo {padding-bottom:20px;}
	.paddingLRone{padding: 0 15px 0 15px;}
	.paddingR {padding: 0 15px 0 0;}
/*End Padding*/
.marginTop-1 {margin-top:20px;}
.imageLeftAlign{float: left; padding-right:5%;}
.imageRightAlign{float: right;}
.textRight{text-align:right;}
.inlineBlock{display: inline-block;}
.grayBox {border: 9px double #888888; border-radius: 15px; margin:10px;}
.circle {border-radius:50%; border: 11px double #888888; margin-bottom:10px;margin-left:15px; max-width:280px;}
.aboutImage{width:80%; display: inline-block;}
.borderTop{border-top: solid 4px #055cab;}
.roundedBorder{	border-radius: 15px;}
.doubleLine{border-bottom: 9px double #055cab;}
.bold {font-weight:bold;}
.center {margin: 0 auto; text-align:center;}
.left {text-align:left;}
.keywords
.skill{
	border: double 7px #055cab; 
	color: #055cab; 
	border-radius:15px; 
	padding:4px;
	font-size: 15px; 
	font-weight:600; 
	text-align:center;
	display:inline-block;
	margin: 5px 5px 5px 0;
}
div.mainpage{
	margin: 0 auto;
    display: block;
	background-color: white;
}
.margin-left{
	margin-left:40px;
}
.PageTitle{
	display: none;
}
.responsiveImage{
	width: 100%;
    height: auto;
}
.center{
	margin: 0, auto;
	text-align: center;
}
h1, h2, h3{
	font-weight: bold;
	line-height:1.2!important;
}
p{
	margin-bottom:15px;
}
/* Hero Image*/
.jumbotron{
	background-image: url("../images/Web-Collage.jpg");
	/*background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 620px;
	position: relative;
	margin-bottom: 0;
}
.jumbotron2{
	background-image: url("../images/ny_splash5.jpg");
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 550px;
	position: relative;
	margin-bottom: 0;
}
.heroText{
	position: absolute;
	top: 45%;
	left:50%;
	transform: translate(-50%,-50%);
	text-shadow: 3px 3px 6px #000000;
	margin:0;
	animation-duration: .5s;
	animation-name: fadeIn;
	animation-timing-function: ease-in; 
	letter-spacing: 2px;
}
.heroText > h2 {font-size:43px;}
@keyframes fadeIn{
	from {
	  opacity:0;
	}
  	to {
	  opacity:1;
	}
}
/* Bootstrap Adjustments */
/***Nav Bar***/
.navbar-brand {
	padding: 5px !important;
	line-height: 0;
}
.nav{
	padding: 8px 0 8px 0;
}
.nav>li>.active{
	border-bottom: 3px  solid #055cab ;
}
.nav>li>.active:hover{
	border-bottom: 3px  solid #888888 ;
}
.nav>li {
	min-width: 100px;
	font-weight: 700;
	text-align:center;
}
.nav> li > a {
	line-height: 15px;
}
.nav> li > a:hover {
	background-color: white !important;
	color: #888888;
}
.logoWidth {
	max-width: 100%;
}
.nav  .navbar-toggle .icon-bar {
    background-color: black;
}
#contactLink{
	display:none;
}
#contactIcon{
	padding: 9px;
}
/*footer*/
footer {
	font-family: sans-serif;
    display: block;
	clear: both;
	padding: 30px 0 20px 0;
}
.socialMediaBar{
	display:block;
}
.copyright{
	font-size: .7em;
	text-align: center;
	font-family: "Muli", Arial, Helvetica, sans-serif;
}
.fa-2x, .fa-1x{
	padding:10px;
	margin: 0 10px 0 10px;
	/*border: 7px double #055cab;*/
	border-radius: 15px;
}
.fa-2x:hover, .fa-1x:hover{
	color: #888888;
	transition: border 0.3s;
}
.contactNav{border: none; padding:0;}
.contactNav:hover{border: none; padding:0;}
/**New Portfolio**/
.imageGrey{
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
	cursor: pointer;
	transition-duration: .5s;
}
.imageGrey:hover{
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
	cursor: pointer;
	transition-duration: .4s;
}
/**END**/
/**Portfolio**/
.websiteDescription {
	font-size: 1em;
	line-height: 1.45em;	
}
li{margin-bottom:4px;}
.launchButton{
	color: #055cab;
	border: 4px solid #055cab;
	padding: 6px;
	font-weight: 600;
	border-radius: 10px;
}
.half{
	max-width:50%;
}
.portfolioItem{
	max-width:100%;
	height:250px !important;
	height:auto;
	margin:15px;
	border: 2px solid #dddddd
}
.portfolioItem2{
	max-width:100%;
	height:250px !important;
	margin:15px;
}
/*PortfolioStrip Version 2*/
.imageStrip1{
	max-width: 100%;
}
/*PortfolioStrip*/
.strip1{
	background-image: url("../images/portfolio/thumbnails/SunChemo-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip2{
	background-image: url("../images/portfolio/thumbnails/NKF-Chocolate.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip3{
	background-image: url("../images/portfolio/thumbnails/Wedding-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip4{
	background-image: url("../images/portfolio/thumbnails/CKDIntercept-Strip.jpg");/*Swap Out*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip5{
	background-image: url("../images/portfolio/thumbnails/bigask-biggive-strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip6{
	background-image: url("../images/portfolio/thumbnails/TradingCard1-Strip.jpg");/*Swap Out*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip7{
	background-image: url("../images/portfolio/thumbnails/impact-infographic-strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip8{
	background-image: url("../images/portfolio/thumbnails/WCMClinicalTrials-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip9{
	background-image: url("../images/portfolio/thumbnails/Dance-DG-Strip-Small.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip10{
	background-image: url("../images/portfolio/thumbnails/Metroburbs-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip11{
	background-image: url("../images/portfolio/thumbnails/AstroWest-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip12{
	background-image: url("../images/portfolio/thumbnails/FPPT-Strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip13{
	background-image: url("../images/portfolio/thumbnails/BusinessCards-Small.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip14{
	background-image: url("../images/portfolio/thumbnails/Pepsi-Strip-Small.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip15{
	background-image: url("../images/portfolio/thumbnails/BRW.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip16{
	background-image: url("../images/portfolio/thumbnails/NYJL_Postcard.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip17{
	background-image: url("../images/portfolio/thumbnails/KDIGO-strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip18{
	background-image: url("../images/portfolio/thumbnails/shatterproof.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip19{
	background-image: url("../images/portfolio/thumbnails/packaging1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip20{
	background-image: url("../images/portfolio/thumbnails/clipped-strip.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.strip21{
	background-image: url("../images/portfolio/thumbnails/tekentag-stirp.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.launchButton:hover{ 
	border: #888888;
	color: #888888;
}
.marginTBone{margin:30px 0 15px 0;}
.fas{margin-right:10px;}
.webMockup1 {display:none;}
.fa-caret-up{cursor: pointer;}
#babgExamples > div > img {border: solid 1px #cccccc;}
/**Modal Window**/
.close{
	line-height: 0;
	transition: .5s;
	color: #000000;
	opacity: 1;
}
a:focus, a:visited, contactModeIcon:focus, contactModel:visited{
	outline: 0 !important;
	background-color: rgba(0, 0, 0, 0.0) !important;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
	border-radius:15px;
	border: none;
    width:inherit;
    height:inherit;
	margin: 0 auto;
}
label{
	color: #055cab;
	font-size: 14px;
	padding-top: 10px;
	margin-bottom:0;
	display: inline-block;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
button, input[type="submit"], input[type="reset"] {
    background: none;
    cursor: pointer;
    outline: inherit;
}
button, input[type="submit"]:hover {color:#888888;}
.formText{font-size:1.0em; line-height: 1.1em;}
/*Photography*/
#wrapper {
	margin: 50px auto;
}
#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 90px; 
	/*-webkit-column-fill: auto;*/
	-moz-column-count: 3;
	-moz-column-gap: 90px;
	/*-moz-column-fill: auto;*/
	column-count: 3;
	column-gap: 90px;
	/*column-fill: auto;*/
	-webkit-animation: fadeIn ease 4.0s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn ease 4.0s; /* Firefox < 16 */
	 -ms-animation: fadeIn ease 4.0s; /* Internet Explorer */
	  -o-animation: fadeIn ease 4.0s; /* Opera < 12.1 */
		 animation: fadeIn ease 4.0s; 
}
.pin {

	display: inline-block;
	background: #FEFEFF;
	margin: 15px 0 15px 0;
	border-radius: 15px !important;

}
.pin img {
	width: 100%;
	border-radius: 15px;
	transition: all .2s ease-in-out;
	border: solid 2px #dddddd;
}
.pin img:hover{
	transform: scale(1.04);
}
.pin a {
	width: 100%;
	border-radius: 15px;
}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}
.img-responsive {
	width: 100%;
	border-radius: 15px;
}
.fadeIn {	
	-webkit-animation: fadeIn ease 1.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn ease 1.5s; /* Firefox < 16 */
	 -ms-animation: fadeIn ease 1.5s; /* Internet Explorer */
	  -o-animation: fadeIn ease 1.5s; /* Opera < 12.1 */
		 animation: fadeIn ease 1.5s; 
}
/* Animations */

/*Media*/
@media screen and (max-width: 1000px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {
		border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
	}
	.collapse.in{display:block !important;}
	#contactIcon{display:none;}
	#contactLink{display:inline-block; width:100%;}
	.fa-2x{margin: 0 5px 0 5px;}
	.designList{width:auto !important;}
}
/*Photography Media*/
@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (max-width: 820px) {
	.navbar-header img{width: 185px;}
	}	
@media screen and (max-width: 770px) {
	.navbar-header img{width: 185px;}
	.socialMediaBar{display: block;}
	h1{font-size:3.5rem;}
	h2{font-size:2.4rem; padding:0;}
	h3{font-size:2rem;}
	.footerMenu{display:none;}
	.imageRightAlign{float:none; padding-bottom:15px;}
	.copyright{text-align:center; padding-top:15px;}
	.circle{margin-left:0;}
	.paddingThree{padding:30px 0 30px 0;}
	.hide{display:none;}
	.show{display:inline-block;}
	.webMockup1 {display:inline-block;}
	.webMockup2 {display:none;}
	#babgExamples{display:none;}
	#wcmExamples{display:none;}
	.modal-content{border-radius: 0;}
	.designList{display:none;}
	.dotList{text-align:center;}
	.heroText{width: 600px;}
	}
@media screen and (max-width: 570px) {
	.navbar-header img{width: 185px;}
	.socialMediaBar{display: block;}
	h1{font-size:3.5rem;}
	h2{font-size:2.4rem; padding:0;}
	h3{font-size:2rem;}
	.footerMenu{display:none;}
	.imageRightAlign{float:none; padding-bottom:15px;}
	.copyright{text-align:center; padding-top:15px;}
	.circle{margin-left:0;}
	.paddingThree{padding:30px 0 30px 0;}
	.hide{display:none;}
	.show{display:inline-block;}
	.webMockup1 {display:inline-block;}
	.webMockup2 {display:none;}
	#babgExamples{display:none;}
	#wcmExamples{display:none;}
	.modal-content{border-radius: 0;}
	.designList{display:none;}
	.dotList{text-align:center;}
	.heroText{width: 600px;}
	}
@media (max-width: 480px) {
	#columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.heroText > h1 {font-size:40px;}
	.heroText > h2 {font-size:28px;}
	.heroText{width: 330px;}
}
@media (max-width: 320px) {
	#columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}
/**** PRINT ***/
.designList{
	padding-top:20px; 
	padding-left:15px; 
	width:420px;
}
#bcards, #logos, #tradingcards, #packaging, #posters, #publications,#marketing, #branding, #wedding, #infographics {
	margin-top:10px; 
	margin-bottom:10px; 
	float: right; 
	max-width: 100%; 
	height: auto; 
	width: auto; 
	border-radius: 15px; 
	border: solid 1px #dddddd;
}
.textBold{
	font-weight: 800;
}