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

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

.container					{ width: 750px; }

.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%; }

.intro-copy					{ margin: 3.86em 1em 0em 2.1em; }

.logo						{ padding: 0px; }

.h1-sub-text				{ font-size: 5.84em; /*text-shadow: 0 1px 1px rgba(0,0,0,.3); */font-weight: 400; line-height: 1.05em; }

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

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

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

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

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

.ods-about							{ 
	background: url(../../images/about-bg-583-80.jpg) no-repeat center top; position: relative;
	height: 452px;
	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 */
}


.navbar-inverse						{ border-color: #246cc6; background: #FFF; }


.lead {
	font-size: 21px
}

.dl-horizontal dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.dl-horizontal dd {
	margin-left: 180px
}


.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-right: 0;
	margin-left: 0
}

.navbar-static-top {
	border-radius: 0
}


.navbar-fixed-top, .navbar-fixed-bottom {
	border-radius: 0
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: -15px
}

.navbar-toggle {
	display: none
}


  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container												{ /*padding-right: 15px; padding-left: 15px;*/ padding: 0; }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar													{ /*border-radius: 4px;*/ border-radius: 0px; }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-pull-11 {
	right: 91.66666667%
}
.col-sm-pull-10 {
	right: 83.33333333%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-8 {
	right: 66.66666667%
}
.col-sm-pull-7 {
	right: 58.33333333%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-5 {
	right: 41.66666667%
}
.col-sm-pull-4 {
	right: 33.33333333%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-2 {
	right: 16.66666667%
}
.col-sm-pull-1 {
	right: 8.33333333%
}
.col-sm-pull-0 {
	right: 0
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-push-11 {
	left: 91.66666667%
}
.col-sm-push-10 {
	left: 83.33333333%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-8 {
	left: 66.66666667%
}
.col-sm-push-7 {
	left: 58.33333333%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-5 {
	left: 41.66666667%
}
.col-sm-push-4 {
	left: 33.33333333%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-2 {
	left: 16.66666667%
}
.col-sm-push-1 {
	left: 8.33333333%
}
.col-sm-push-0 {
	left: 0
}
.col-sm-offset-12 {
	margin-left: 100%
}
.col-sm-offset-11 {
	margin-left: 91.66666667%
}
.col-sm-offset-10 {
	margin-left: 83.33333333%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-8 {
	margin-left: 66.66666667%
}
.col-sm-offset-7 {
	margin-left: 58.33333333%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-5 {
	margin-left: 41.66666667%
}
.col-sm-offset-4 {
	margin-left: 33.33333333%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-2 {
	margin-left: 16.66666667%
}
.col-sm-offset-1 {
	margin-left: 8.33333333%
}
.col-sm-offset-0 {
	margin-left: 0
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.form-inline .input-group>.form-control {
	width: 100%
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .radio, .form-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	vertical-align: middle
}
.form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
	float: none;
	margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
	top: 0
}

.form-horizontal .control-label {
	text-align: right
}



.navbar-right .dropdown-menu {
	left: auto;
	right: 0
}
.navbar-right .dropdown-menu-left {
	left: 0;
	right: auto
}




.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}


.nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
	border-bottom-color: #fff
}


.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-justified>li>a {
	margin-bottom: 0
}


.nav-tabs-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
	border-bottom-color: #fff
}


.navbar {
	border-radius: 4px
}

.navbar-header												{ float: left; }


.navbar-collapse {
	width: auto;
	border-top: 0;
	box-shadow: none
}
.navbar-collapse.collapse {
	display: block!important;
	height: auto!important;
	padding-bottom: 0;
	overflow: visible!important
}
.navbar-collapse.in {
	overflow-y: visible
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	padding-left: 0;
	padding-right: 0
}



.navbar-nav															{ float: right; margin: 0; }
.navbar-nav>li														{ float: left; }
.navbar-nav>li>a													{ padding-top: 15px; padding-bottom: 15px; line-height: 52px;}
.navbar-nav.navbar-right:last-child									{ margin-right: -15px; }


.navbar-left														{ float: left!important; }
.navbar-right														{ float: right!important; }


.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.navbar-form .input-group>.form-control {
	width: 100%
}
.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .radio, .navbar-form .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	vertical-align: middle
}
.navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
	float: none;
	margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
	top: 0
}


.navbar-form {
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.navbar-form.navbar-right:last-child {
	margin-right: -15px
}


.navbar-text {
	float: left;
	margin-left: 15px;
	margin-right: 15px
}
.navbar-text.navbar-right:last-child {
	margin-right: 0
}


.jumbotron {
	padding-top: 48px;
	padding-bottom: 48px
}
.container .jumbotron {
	padding-left: 60px;
	padding-right: 60px
}
.jumbotron h1, .jumbotron .h1 {
	font-size: 63px
}


.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
	width: 300px
}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	font-size: 30px
}
.carousel-caption {
	left: 20%;
	right: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: 20px
}


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

.hidden-sm {
	display: none!important
}

/* INTRO SECTION		*/
.xndra-pos				{ padding-top: 76px; padding-left: 14px; }
.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: 120px; opacity: 0.5;
	}
	
	80% {
		top: 64px;		
		-webkit-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 74px;
		-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: 64px;		
		-moz-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 74px;
		-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: 64px;		
		-o-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 74px;
		-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: 64px;		
		-ms-animation-timing-function: ease-out; opacity: 0.7
	}
	100% {top: 74px;
		-ms-animation-timing-function: ease-out;
	}
	
}

/*DESIGN BOUNCE */

/*Shadow Design Bounce */
#shadow{
padding: 70px 0 0 58px;
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: 133px; color: #fff; font-size: 1.24em; font-weight: 400; line-height: 12px; 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: 56px; text-align: center; background: rgba(255,255,255,0.9); border-radius: 3px; margin-right: 10px; margin-top: 10px; font-size: 0.9em; }

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

.bk-kite				{ display: inline-block; float: left; padding: 16px 0 0 0; width: 33%; }
.bk-kite img			{ width: 87%; }
.bk-then-we				{ display: inline-block; float: left; padding-top: 20px; width: 30%; }
.bk-then-we img			{ width: 87%; }
.bk-into				{ display: inline-block; padding-top: 40px; margin-left: -31px; width: 37%; }
.bk-into img			{ width: 87%; }

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

/*ASSIGNMENT SECTION */
.assign-spacer			{ line-height: 26px; text-align: right; margin: 26px 15px 37px 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: 61px; display: block; }

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

/*CONTACT SECTION		*/

.contact-spacer			{ margin-top: 48px; }
.top-shelf				{ margin: 66px 0 0 0; }
.bot-shelf				{ margin: 240px 0 0 0; }
.hidden-lg				{ display: none !important; }
.hidden-lg-s			{ display: none !important; }
.visible-xs-1			{ display: block !important; }

.spacer-bot-sm			{ margin-bottom: 10px; }

/*FOOTER SECTION		*/
.yellow					{ line-height: 110%; padding: 8px 5px 8px 15px; color: #fff; }
.footer-white			{ background: #fff; line-height: 110%; padding: 8px 0 8px 30px; }
.spacer-bot-tiny		{ margin-bottom: 5px; }

.line-ani{
  position: relative;
  width: 3px;
  height: 12px;
}