@charset "UTF-8";
/* CSS Document */

.featurette-heading 		{ margin-top: 120px; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, 
.col-md-11, .col-md-12		{ float: left; margin: 0; }

.col-md-12 					{ width: 100%; }
.col-md-11					{ width: 91.66666667%; }
.col-md-10					{ width: 83.33333333%; }
.col-md-9					{ width: 75%; }
.col-md-8					{ width: 66.66666667%; } 
.col-md-7					{ width: 58.33333333%; }
.col-md-6					{ width: 50%; }
.col-md-5					{ width: 41.66666667%; }
.col-md-4					{ width: 33.33333333%; }
.col-md-3					{ width: 25%; }
.col-md-2					{ width: 16.66666667%; }
.col-md-1					{ width: 8.33333333%; }



.ods-intro							{ 
	background: url(../../images/intro-bg-412-alt.jpg) no-repeat center top; position: relative; 
	height: 412px;
	overflow: none;
}


.ods-intro-bg						{ background: url(../../images/intro-tile-alt.jpg) center top repeat-x; }

.ods-asgn							{ 
	background: url(../../images/asgn-bg-678.jpg) no-repeat center top; position: relative; 
	height: 678px;
	overflow: none;
}

.ods-about							{ 
	background: url(../../images/about-bg-583.jpg) no-repeat center top; position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 583px;
	overflow: none;
}

.ods-contact						{ background: url(../../images/contact-bg.jpg) center top; position: relative; }
.ods-contact-center					{ background: url(../../images/contact-bg-762.jpg) no-repeat center top; position: relative; overflow: none; }

.ods-footer							{ border-top: 1px solid #c6c825; 
background: -webkit-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%);
background: -webkit-linear-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
background: -ms-linear-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%); /* IE10 */
background: -o--linear-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%); /* Opera */
background: -linear-gradient(left, #c6c825 0%, #c6c825 50%, #ffffff 51%, #ffffff 100%); /* W3C */
}

.intro-copy							{ margin: 5.26em 0em 0em 4.33em; }

h1									{ font-size: 2.023em; font-weight: 100; }

.h1-sub-text						{ font-size: 7.38em; /* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ font-weight: 200; line-height:1.05em; margin-left: -7px; }

h2									{ font-family: "franklin-gothic-urw", sans-serif; font-size: 1.714em; margin: .67em 0; font-weight: 100; color: #555;  /*text-shadow: 0 1px 1px rgba(0,0,0,.3); letter-spacing: 1px; */}

h3									{ font-family: "franklin-gothic-urw", sans-serif; font-size: 1.75em; margin: .67em 0; font-weight: 100; color: #fff;  /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /*font-family: inherit; color: inherit; */ line-height: 1; }
h1, .h1, h2, .h2, h3, .h3			{ margin-top: 20px; margin-bottom: 0px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small							{ font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6			{ margin-top: 10px; margin-bottom: 10px; }
h4, .h4								{ font-size: 18px; }
h5, .h5								{ font-size: 14px; }
h6, .h6								{ font-size: 12px; }
p									{ margin: 0 0 10px; }




.container							{ width: 970px; }

.navbar-inverse						{ 

background: url(../../images/logo-header-bg.jpg) top center no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#c6c825), color-stop(100%,#c6c825)), #ffffff;
background: url(../../images/logo-header-bg.jpg) top center no-repeat, -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #c6c825 51%, #c6c825 100%); /* Chrome 10+, Saf5.1+ */
background: url(../../images/logo-header-bg.jpg) top center no-repeat, -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #c6c825 51%, #c6c825 100%); /* FF3.6+ */
background: url(../../images/logo-header-bg.jpg) top center no-repeat, -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #c6c825 51%, #c6c825 100%); /* IE10 */
background: url(../../images/logo-header-bg.jpg) top center no-repeat, -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #c6c825 51%, #c6c825 100%); /* Opera */
background: url(../../images/logo-header-bg.jpg) top center no-repeat, linear-gradient(left, #ffffff 0%, #ffffff 50%, #c6c825 51%, #c6c825 100%); /* W3C */


 }

.full img					{ width: 100%; height: auto; }
.full-xndra img				{ width: 100%; height: auto; }

.logo						{ padding: 0;}

.modal-lg {
	width: 900px
}


.visible-md {
	display: block!important
}
table.visible-md {
	display: table
}
tr.visible-md {
	display: table-row!important
}
th.visible-md, td.visible-md {
	display: table-cell!important
}

.hidden-md {
	display: none!important
}

/*INTRO SECTION			*/

.xndra-pos				{ padding-top: 100px; padding-left: 14px; }
.img-resp				{ width: inherit; }
.hidden-40				{ display: block !important; }

/*DESIGN BOUNCE */

#designAnimation {
	/*text-shadow: 3px 3px 2px #888;*/
	width: 320px;
	height: 388px /*height is what the image height*/;
	position: absolute;
	top: -1120px;	
	z-index: 14;
	-webkit-animation: jump 0.6s;
	-webkit-animation-delay: 2.8s;
	-moz-animation: jump 0.6s;
	-moz-animation-delay: 2.8s;
	-o-animation: jump 0.6s;
	-o-animation-delay: 2.8s;
	-ms-animation: jump 0.6s;
	-ms-animation-delay: 2.8s;
	animation: jump 0.6s;
	animation-delay: 2.8s;
	
}


/* Animations by browser */

/*Chrome*/
@-webkit-keyframes jump {
	0%	{ top: -400px;
		-webkit-animation-timing-function: ease-in; opacity: 0.2}
	
	
	40%	{ top: 180px; opacity: 0.5;
	}
	
	80% {
		top: 100px;		
		-webkit-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 102px;
		-webkit-animation-timing-function: ease-out;
	}
}

/*MOZ */
@-moz-keyframes jump {
	0%	{ top: -400px;
		-moz-animation-timing-function: ease-in; opacity: 0.2}
	
	
	40%	{ top: 180px; opacity: 0.5;
	}
	
	80% {
		top: 100px;		
		-moz-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 102px;
		-moz-animation-timing-function: ease-out;
	}
	
}

/*OPEEERA */
@-o-keyframes jump {
	0%	{ top: -400px;
		-o-animation-timing-function: ease-in; opacity: 0.2}
	
	
	40%	{ top: 180px; opacity: 0.5;
	}
	
	80% {
		top: 100px;		
		-o-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 102px;
		-o-animation-timing-function: ease-out;
	}
	
}


/*SOFTIE */
@-ms-keyframes jump {
	0%	{ top: -400px;
		-ms-animation-timing-function: ease-in; opacity: 0.2}
	
	
	40%	{ top: 180px; opacity: 0.5;
	}
	
	80% {
		top: 100px;		
		-ms-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 102px;
		-ms-animation-timing-function: ease-out;
	}
	
}

/*DESIGN BOUNCE */

/*Shadow Design Bounce */
#shadow{
padding: 104px 0 0 127px;
opacity: 0.75;
-webkit-animation-name: shadowScale;
-webkit-animation-duration: 0.6s;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-delay: 2.8s;
-webkit-transform: scale(0);
-webkit-animation-fill-mode: forwards;

-moz-animation-name: shadowScale;
-moz-animation-duration: 0.6s;
-moz-animation-timing-function:ease-in-out;
-moz-animation-delay: 2.8s;
-moz-transform: scale(0);
-moz-animation-fill-mode: forwards;

-o-animation-name: shadowScale;
-o-animation-duration: 0.6s;
-o-animation-timing-function:ease-in-out;
-o-animation-delay: 2.8s;
-o-transform: scale(0);
-o-animation-fill-mode: forwards;

-ms-animation-name: shadowScale;
-ms-animation-duration: 0.6s;
-ms-animation-timing-function:ease-in-out;
-ms-animation-delay: 2.8s;
-ms-transform: scale(0);
-ms-animation-fill-mode: forwards;
}
@-webkit-keyframes shadowScale {
0% { -webkit-transform:scaleX(0); }
40% { -webkit-transform:scaleX(1.5); }
80% { -webkit-transform:scaleX(1.1); }
100% {-webkit-transform:scaleX(1); }
}
@-moz-keyframes shadowScale {
0% { -moz-transform:scaleX(0); }
40% { -moz-transform:scaleX(1.5); }
80% { -moz-transform:scaleX(1.1); }
100% {-moz-transform:scaleX(1); }
}
@-o-keyframes shadowScale {
0% { -o-transform:scaleX(0); }
40% { -o-transform:scaleX(1.5); }
80% { -o-transform:scaleX(1.1); }
100% {-o-transform:scaleX(1); }
}
@-ms-keyframes shadowScale {
0% { -ms-transform:scaleX(0); }
40% { -ms-transform:scaleX(1.5); }
80% { -ms-transform:scaleX(1.1); }
100% {-ms-transform:scaleX(1); }
}
/*End Shadow Design Bounce */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in-quick {
    opacity:0;
	-webkit-animation:fadeIn ease-in 1; 
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.1s;
    -moz-animation-duration:0.1s;
    animation-duration:0.1s;
}

.fade-in-quick.three {
-webkit-animation-delay: 3.3s;
-moz-animation-delay: 3.3s;
animation-delay: 3.3s;
}

.beta-copy				{ padding-top: 177px; color: #fff; font-size: 1.54em; font-weight: 400; line-height: 15px; letter-spacing: 2px; }

.beta-text				{ padding-left: 20px; color: rgba(255,255,255,0.7); }

/*ABOUT SECTION			*/

.skills					{ padding: 0; color: #afa38f; }
.skills li				{ display:block; float: left; width: 75px; text-align: center; background: rgba(255,255,255,0.9); border-radius: 3px; margin-right: 15px; margin-top: 10px; font-size: 1em; }

.lexi-pos				{ margin-left: 82px; margin-top: 45px; }

.bk-kite				{ display: inline-block; float: left; padding: 36px 4px 0 0; }
.bk-then-we				{ display: inline-block; float: left; padding-top: 80px; }
.bk-into				{ display: inline-block; padding-top: 50px; margin-left: -21px; }

.bk-kite img			{ width: 100%; }
.bk-then-we img			{ width: 100%; }
.bk-into img			{ width: 100%; }

.about-cont				{ padding: 30px 0 0 20px; }

/*CONTACT SECTION		*/

.contact-spacer			{ margin-top: 48px; }
.top-shelf				{ margin: 46px 0 0 15px; }
.bot-shelf				{ margin: 280px 0 0 15px; }
.spacer-bot-sm			{ margin-bottom: 10px; }

.yellow					{ line-height: 110%; padding: 8px 0 8px 15px; color: #fff; }
.footer-white			{ background: #fff; line-height: 110%; padding: 8px 0 8px 30px; }

.hidden-lg				{ display: none !important; }
.visible-xs-1			{ display: block !important; }
.hidden-lg-s			{ display: none !important; }

/*ASSIGNMENT SECTION	*/

.assign-spacer			{ line-height: 26px; text-align: right; margin: 40px 15px 66px 0;}
.assign-desc			{ float: left; margin: 0; padding: 0; }
.assign-h1				{ font-size: 1.1em; text-transform: uppercase; color: #ggg; }

.img-one				{ padding-left: 20px; display: block; }
.img-two				{ float: left; width: 50%; padding: 0 10px; }
.img-three				{ float: right; width: 50%; text-align: right; padding: 0 10px; }
.img-five				{ margin-top: 42px; display: block; }

.alex-assign			{ padding: 30px 0 0 30px; }
.alex-assign img		{ max-width: 100%; height: auto; }

/*FOOTER SECTION		*/
.spacer-bot-tiny		{ margin-bottom: 5px; }

/*ALT INTRO LINE ANIMATION */
.line-ani{
  position: relative;
  width: 3px;
  height: 15px;
}