/* @override 
	http://spicreative.net/css/responsive.css
*/

.border-radius (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  behavior:url(border-radius.htc);
}
@yellow: #ffc40d;
@pink: #f1616f;
@light-blue: #4578ad;
@blue: #294f7e;
@dark-blue: #0e2750;

@headline: purista-web,sans-serif;
@paragraph: proxima-nova, sans-serif;



/*----------------------------------------------------
	Title: 		Responsive CSS
	Author:		@thinmatt
----------------------------------------------------*/

/* reset styles 
--------------------------------------------- */
section,nav,hgroup,header,footer,figure,dialog,aside,article,td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,q,img,em,dfn,del,code,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,span,div,body,html {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
section,nav,hgroup,header,footer,figure,dialog,aside,article {display: block}
body {line-height: 1.5}
table {border-collapse: collapse; border-spacing: 0}
td,th,caption {text-align: left; font-weight: normal}
th,td,table {vertical-align: middle}
q:after,q:before,blockquote:after,blockquote:before {content: ""}
q,blockquote {quotes: "" ""}
a img {border: none}

/* Base Framework
---------------------------------------------------- */
.left       				{float: left;}
.right      				{float: right;}
.no-marg    				{margin: 0px !important;}
.top-marg					{margin-top: 40px !important;}
.center 					{text-align: center !important;}
strong, .strong 			{font-weight: bold;}
em, .em 					{font-style: italic;}
.small 						{font-size: 12px;}
.wrap						{float: left; width: 100%;}
img 						{max-height: 100%; max-width: 100%;}
.no-bull 					{list-style: none;}
hr {
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-top: 1px solid #ddd;
	clear: both;
	margin: 22px 0px;
}
hr.dots {
	border-top: 2px dotted #eee;
}

/* Global Text Styles
--------------------------------------------- */
p,a,ul,li,ol,span {
	color: #333;
	font: 16px/24px @paragraph;
}
a {
	text-decoration: none;
}
.content a {
	color: @dark-blue;
	-webkit-transition-property: color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
}
.content a:hover {
	color: @pink;
}
h1,h2,h3 {font-family: @headline;}

p, ul, ol {
	margin: 0px 0px 24px 0px;
}
.terms ol,
.terms ul {
	margin: 0px 10px 32px 24px;
}
.blog-entry ul,
.blog-entry ol {
	margin: 0px 0px 24px 20px;
}
/* Headings */
h1 {
	font-size: 40px;
	line-height: 48px;
}
h2 {
	color: @dark-blue;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
}
h3 {
	color: @light-blue;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
h3 a,
.blog-entry h3 a,
.blog-entry h3 {
	font-family: @headline;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
.blog-entry h3 a,
.blog-entry h3 {
	color: @dark-blue;
}
h4 {
	color: #333;
	font-family: @headline;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.blog-entry h4 {
	margin: 36px 0px 12px 0px;
}
.tagline h2,
.tagline h3 {
	color: #fff;
}
.tagline h3 {
	font-weight: 400;
}
/* Buttons */
a.btn {
	.border-radius(20px 0px 0px 20px);
	color: #fff !important;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	font-family: @headline;
	line-height: 25px;
	height: 27px;
	padding: 0px 20px 0px 0px;
	overflow: hidden;
}
a.btn span {
	float: left;
	height: 27px;
	width: 27px;
	margin: 0px 5px 0px 3px;
}

.btn.ylw {background: transparent url(../img/sprite-mstr.png) no-repeat right 0px;}
.btn.ylw span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px 0px;}
.btn.ylw:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -27px;}

.btn.blue {background: transparent url(../img/sprite-mstr.png) no-repeat right -108px;}
.btn.blue span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -108px;}
.btn.blue:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -135px;}

.btn.lb {background: transparent url(../img/sprite-mstr.png) no-repeat right -54px;}
.btn.lb span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -54px;}
.btn.lb:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -81px;}

.btn.gray {background: transparent url(../img/sprite-mstr.png) no-repeat right -162px; margin-bottom: 24px;}
.btn.gray span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -162px;}
.btn.gray:hover {background: transparent url(../img/sprite-mstr.png) no-repeat right -81px;}
.btn.gray:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -1px -81px;}

/* Global Styles
--------------------------------------------- */
body {
	background: @light-blue;
	border-top: 5px solid #0e2750;
}
.unique-top {
	background: transparent url(../img/bg-tagline.png) no-repeat center top;
	height: 94px;
	opacity: .5;
	position: absolute;
	width: 100%;
}
.unique {
	background: transparent url(../img/bg-tagline-dark.png) no-repeat center -96px;
	height: 700px;
	margin: 0px;
	opacity: .5;
	position: absolute;
	top: 96px;
	width: 100%;
	z-index: -10;
}
/* Header */
.contact-slider {
	background: @dark-blue;
	float: left;
	padding: 10px 0px 15px;
	width: 100%;
}
.contact-slider h3 {
	color: @yellow !important;
	margin: 0px 0px 40px;
}
.contact-slider h4  {
	margin: 0px 0px 20px;
}
.contact-slider h4,
.contact-slider p,
.contact-slider span {
	color: #fff;
}
.contact-slider a {
	color: @yellow !important;
}
.contact-slider a.email,
.contact-slider span.phone {
	color: #fff !important;
	clear: both;
	display: inline-block !important;
	font: bold 24px/45px @headline;
	margin: 0px 0px 20px;
	padding: 0px;
	.border-radius(5px);

	-webkit-transition-property: background;
	-webkit-transition-duration: .1s;
	-webkit-transition-timing-function: ease-in;

}
.contact-slider a.email span,
.contact-slider span.phone span {
	float: left;
	height: 45px;
	margin: 0px 10px 0px 0px;
	width: 45px;

	-webkit-transition-property: background;
	-webkit-transition-duration: .1s;
	-webkit-transition-timing-function: ease-in;
}
.contact-slider a.email span {background: transparent url(../img/sprite-mstr.png) no-repeat -256px -195px;}
.contact-slider a.email:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -256px -260px;}
.contact-slider span.phone span {background: transparent url(../img/sprite-mstr.png) no-repeat -256px -323px;}
.contact-slider span.phone:hover span {background: transparent url(../img/sprite-mstr.png) no-repeat -256px -387px;}

header {
	background: transparent url(../img/bg-header-slice.png) repeat-x 0px -103px;
	float: left;
	height: 100px;
	margin: 0px 0px 40px;
	position: relative;
	width: 100%;
}
header .container_12 {
	position: relative;
	z-index: 1;
}

/* Navigation */
nav ul {
	list-style: none;
	margin: 0px;
}
nav.main a,
nav.footer a {
	color: @light-blue;
	text-decoration: none;
	font-family: @headline;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
}
nav.main,
nav.main ul {
	float: left;
	margin: 13px 0px 0px 10px;
	width: 500px;
}
nav.main li,
nav.main li a {
	display: inline-block;
}
nav.main li {
	margin: 0px 1%;	
}
nav.main li a {
	font-size: 20px;
	line-height: 20px;
	padding: 5px 10px 8px;
}
nav.main li a:hover,
nav.main li.active a {
	background: transparent url(../img/bg-darkblue-20.png) repeat;
	color: @blue;
	.border-radius(5px)

}
/* Footer */
footer {
	background: @blue;
	float: left;
	margin: -20px 0px 0px;
	padding: 80px 0px 0px;
	position: relative;
	width: 100%;	
	z-index: -1;
}
nav.footer ul {
	background: @light-blue url(../img/bg-diag-25.png) repeat;
	padding: 20px 20px 10px;
}
nav.footer ul a {
	color: #fff;
	display: block;
	margin: 0px 0px 10px;
}
nav.footer ul a:hover,
nav.footer ul .active a {
	color: @yellow;
}
footer h1,
footer h2,
footer h3,
footer p,
footer a {
	color: #fff;
}
footer span {
	color: @yellow;
}
.twitter h3 {
	margin: 0px 0px 10px;
}
.list h3 {
	font-size: 20px;
	margin: 0px 0px 20px;
	line-height: 24px;
}
.list .l1 {
	background: #fff;
	color: #888;
	float: left;
	font-family: @paragraph;
	font-weight: bold;
	line-height: 40px;
	padding: 0px 2% 0px 4%;
	width: 16%;
	text-align: left;
}
.list .i1 {
	border: 0px;
	color: #333;
	.border-radius(0px);
	float: left;
	margin: 0px 0px 20px;
	outline: none;
	padding: 5px 4% 5px 4%;
	width: 70%;
}
.list .i1.mce_inline_error {
	margin: 0px 0px 5px;
}
div.mce_inline_error {
	color: #fff;
	margin: 0px 0px 20px;
	font: italic 14px/14px @headline;
}
footer .bottom {
	background: @dark-blue;
	float: left;
	margin: 40px 0px 0px;
	padding: 5px 0px;
	width: 100%;
}
footer .bottom p {
	color: #576885;
	font-size: 12px;
	margin: 0px 10px;
}
footer .bottom a {
	color: #576885;
	text-decoration: none;
	line-height: 24px;
	font-size: 12px;
}
footer .bottom a.right {
	font-size: 14px;
}
/* Contant Area */
.tagline {
	background: @blue;
	padding: 20px 20px 40px;
	margin: 0px 15px;
}
.tagline .diag {
	background: transparent url(../img/bg-diag-25.png) repeat;
	margin: -15px -20px -20px -15px;
	padding: 20px;
	height: 100%;
	width: 100%;
}
.diag-top,
.diag-bottom {
	display: block;
	background: transparent url(../img/bg-diag-50.png) repeat;
}
.diag-top {
	height: 100px;
	margin: -20px -20px -80px;
	width: 980px;
}
.diag-bottom {
	height: 80px;
	margin: -60px -20px -20px;
	position: relative;
	width: 980px;
	z-index: 1;
}
.content {
	border-top: 5px solid #0e2750;
	background: #fff;
	padding: 30px 30px 80px;
	overflow: hidden;
}
.content p.cta-btn a.btn {
	float: right;
	margin: -30px 0px 0px;
}


/* Home Page */
ul.carousel {
	float: left;
	list-style: none;
	margin: 0px 0px 40px;
}
.carousel-img {
	float: left;
}
.carousel h3 {
	color: #fff;	
}
.carousel p {
	color: #fff;
}
.carousel .meta-wrap {
	margin-top: -15px;
	width: 360px;
}

.excel ul {
	float: left;
	padding: 10px 15px;
	margin: 50px 0px 10px;
	min-height: 220px;
	width: 262px !important;
}
.excel ul.col2 {
	border-left: 2px dotted #eee;
	border-right: 2px dotted #eee;
}
.excel ul.col3 {
	margin-right: 0 !important;
}
.excel ul li {
	float: left;
}
.excel ul li.meta {
	margin: 0px 0px 0px 10px;
	width: 190px;
}
/* Work */
.work-col1,
.work-col2 {
	float: left;
	margin: 60px 0px 20px;
	padding: 10px 0px;
	width: 438px;
}
.work-col1 {
	border-right: 2px dotted #eee;
}
.work-item {
	background: #eee;
	border-top: 5px solid #acacac;
	margin: 0px 20px 40px;
	padding: 20px 20px 10px;
	background: #fff;
	-webkit-transition-property: background, border;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: linear;
}
.work-item:hover {
	background: #f2f2f2;
	border-top: 5px solid @pink;
	-webkit-transition-property: background, border;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
}
.work-item h3 {
	color: #333;
}
.work-item a.project-url {
	color: @yellow;
	display: inline-block;
	font-family: @headline;
	font-weight: bold;
	margin: 0px 0px 24px;
}
.work-item a.project-url:hover {
	color: @blue;
	-webkit-transition-property: color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
}
.client-list ul {
	float: left;
	margin: 20px 40px 0px 0px;
	width: 300px;
}
/* Blog */
div.blog-item {
	border-top: 2px dotted #eee;
	clear: both;
	margin: 40px 0px 0px;
	padding: 40px 0px 0px 150px;
	overflow: hidden;
}
div.blog-item .blog-entry {
	float: left;
}
.blog-item .date {
	color: @light-blue;
	text-transform: uppercase;
	font: 14px/24px @headline;
}
.blog-meta p,
.blog-meta p a {
	color: #aaa;
	font: 14px/24px @headline;
}
/* Process */

.process h3.gray {
	color: #333;
}
.value-wrap {
	float: left;
	margin: 0px 0px 0px 100px;
	width: 660px;
}
.value-wrap .value {
	float: left;
	min-height: 250px;
	margin: 0px 8% 0px 0px;
	width: 25%;	
}
/* About */
.about .col1,
.about .col2 {
	float: left;
	margin-top: 60px;
}
.about .col1 {
	margin-right: 10%;
	width: 35%;
}
.about .col2 {
	width: 55%;
}
.about .col2 .team-profile {
	border-bottom: 2px dotted #ddd;
	clear: both;
	float: left;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px;
}

.about .team-profile .profile-img {
	float: left;
	width: 40% !important;
}
.about .team-profile ul {
	float: left;
	margin: 0px 0px 0px 10%;
	width: 50%;
	
}
.icon {
	background: #888;
	display: inline-block;
	height: 30px;
	margin: 0px 3px 0px 0px;
	text-indent: -100000px;
	width: 30px;	

	-webkit-transition-property: background;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;

}
.team-profile .icon:hover {
	background-color: @pink;
}
.icon.email 		{background: #888 url(../img/sprite-mstr.png) -29px -303px;}
.icon.twitter 		{background: #888 url(../img/sprite-mstr.png) -1px -303px;}
.icon.dribbble 		{background: #888 url(../img/sprite-mstr.png) -58px -303px;}
.icon.gowalla 		{background: #888 url(../img/sprite-mstr.png) -117px -303px;}
.icon.linkedin 		{background: #888 url(../img/sprite-mstr.png) -87px -303px;}


/* Global Form styles 
--------------------------------------------- */

/* Global Form styles */
.brief-col1,
.brief-col2 {
	float: left;
}
.brief-col1 {
	width: 35%;
}
.brief-col2 {
	background: #f5f5f5;
	padding: 20px 3%;
	margin: 0px 0px 0px 5%;
	width: 54%;
}
/* Global Form styles 
--------------------------------------------- */
form.project-brief h3 {
	color: @dark-blue;
	margin: 0px 0px 20px;
	font-size: 24px;
	line-height: 32px;
}
span.req {
	display: block;
	font-size: 12px;
	margin: -25px 0px 20px 0px;
	font-style: italic;
}
label.l1 {
	color: #333;
	clear: both;
	display: block;
	font: bold 16px/24px @headline;
}
textarea,
select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text],
input[type=email],
input[type=password],
input.i1 {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    height: 30px;
    font-size: 16px;
	line-height: 16px;
    margin: 5px 0px 30px;
    padding: 5px 2%;
    width: 70%;
}
input.address {
	margin: 5px 0px;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#fff;
}
select.budget {
	margin: 20px 0px 40px;
}
textarea.t1 {
    background: white;
    border: 1px solid #ccc !important;
    color: #5a595b;
    display: inline-block;
    height: 200px;
    margin: 10px 0px 30px;
    padding: 5px 2%;
    font-size: 13px;
    width: 95%;    
}
input.btn {
	background: @yellow;
	border: 0px;
	cursor: pointer;
	color: #FFF;
	display: block;
	margin: 0px;
	padding: 5px 10px;
	font: bold 16px/24px @headline;
}
input.btn:hover {
	color: @pink;
}
input.btn:active {
	margin: 22px 0px 0px;
}

p.tag {
	color: #888;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	margin: 0px;
}

/* Responsive styles 
--------------------------------------------- */

@media screen and (min-width: 1024px) {
/* Header Elements */
a.logo {
	float: left;
	margin: 15px 0px 0px;
	width: 57px;
}
header a.right {
	display: block;
	margin: 30px 0px 0px !important;
}
div.blog-entry {
	width: 70% !important;
	max-width: 450px;
}
div.blog-meta {
	width: 30% !important;
}
#full-post {
	margin: 0px -220px 0px 0px;
	width: 670px !important;
}
#full-post h3
#full-post h4,
#full-post ul,
#full-post ol,
#full-post p {
	max-width: 450px;
}
#full-post p.wide {
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 20px 0px;
	margin: 40px 0px 40px -120px;
	width: 820px !important;
	max-width: 820px;
}
/* Process */

.process .hor {
	margin: 100px auto;
	max-width: 750px;
}
.process .vert {
	display: none;
}
}/*Close 1024*/

@media screen and (max-width: 1023px) {

.container_12 {
	width: 90%;
	max-width: 860px;
}
.grid_12 {
	width: 100% !important;
	margin: 0px;
}
/* Header */
.contact-slider .brief,
.contact-slider .icons {
	margin: 0pc;
	padding: 0px 2%;
	width: 46%;
}
a.logo {
	float: left;
	margin: 15px 0px 0px;
	width: 57px;
}
header a.right {
	display: block;
	margin: 25px 0px 0px;
}
/* Navigation */
nav.main,
nav.main ul {
	float: left;
	width: 500px;
}
/* Footer */
nav.footer {
	display: block;
	float: none;
	text-align: center;
	width: 80% !important;
	margin: 20px 10% 50px !important;
}
nav.footer ul {
	padding: 10px 0px !important;
		
}
nav.footer ul li {
	display: inline-block;
}
nav.footer ul a {
	color: #fff;
	display: inline-block;
	margin: 0px 20px 0px !Important;
}
footer .twitter,
footer .list {
	width: 42% !important;
	margin: 0px 4%;
	padding: 0 !important;
	text-align: left;
}
/* Content Area */
.tagline .diag {
	background: transparent url(../img/bg-diag-25.png) repeat;
	margin: -15px -20px -20px -15px;
	padding: 20px;
	height: 100%;
	width: 100%;
}

.tagline h2 {
	margin: 0px auto 10px;
	width: 480px;	
}
.tagline h3 {
	font-size: 20px;
}


.diag-top {
	padding: 0px 20px;
	width: 100% !important;
}
.diag-bottom {
	height: 80px;
	margin: -60px -20px -20px;
	padding: 0px 20px;
	width: 100% !important;
}
.content {
	border-top: 5px solid #0e2750;
	background: #fff;
	padding: 30px 5% 80px !important;
	overflow: hidden;
	width: 90%;
}

/* Home Page */
ul.carousel {
	display: block;
	float: none;
	margin: 0px auto 20px !important;
	width: 100% !important;
	max-width: 600px;
	min-width: 100px;
	overflow: hidden;
}
.carousel-img {
	display: block;
	float: none;
	margin: 0px auto !important;
	text-align: center;
	width: 100%;
	max-width: 600px;
}
.carousel .meta-wrap {
	clear: left;
	display: block;
	float: none;
	margin: 0px auto 30px !important;
	width: 100% !important;
	max-width: 440px !important;
}

.excel ul {
	padding: 10px 2% 0px !important;
	min-height: 260px;
	width: 29% !important;
	max-width: 225px;
}
.excel ul li {
	float: none;
	text-align: center;
}
.excel ul li.meta {
	margin: 20px 0px 0px;
	width: 100%;
}

/* Work */
.work-col1,
.work-col2 {
	float: left;
	margin: 60px 0px 20px;
	padding: 10px 0px;
	max-width: 386px;
	width: 49%;
	min-width: 309px;
}

/* Blog */
div.blog-item {
	border-top: 2px dotted #eee;
	clear: both;
	margin: 40px 0px 0px;
	padding: 40px 0px 0px 0px;
	overflow: hidden;
}
div.blog-item .blog-entry {
	float: left;
}
div.blog-entry {
	margin-right: 3%;
	width: 67% !important;
	max-width: 450px;
}
div.blog-meta {
	width: 30% !important;
}
.blog-meta p,
.blog-meta p a {
	color: #ccc;
	font: 14px/24px @headline;
}

/* Process */

.process .hor {
	margin: 40px auto;
	max-width: 700px;
}
.process .vert {
	display: none;
}

.process h3.gray {
	float: none !important;
	margin: 0px 0px 40px;
	text-align: center;
} 
.value-wrap {
	float: left;
	margin: 0px !important;
	max-width: 900px;
	width: 100% !important;
	min-width: 10px;
}
/* Forms */

input[type=text],
input[type=email],
input[type=password],
input.i1  {
	min-width: 300px;
}

}/*Close 1023*/

@media screen and (max-width: 767px) {

.container_12 {
	width: 100%;
	max-height: 100%;
	margin: 0px;
}
.grid_12 {
	width: 100%;
}

body {
	background: #4578ad;
}

.unique-top {
	height: 192px;
}
.unique {
	background: transparent url(../img/bg-tagline-dark.png) no-repeat center -194px;
	top: 196px;
}

/* Header Elements */
header {
	background: transparent url(../img/bg-header-slice.png) repeat-x 0px 0px;
	height: 200px;
}
.contact-slider {
	padding: 0px 5% 10px;
	width: 90%;
}
.contact-slider .brief,
.contact-slider .icons {
	clear: both;
	display: block;
	float: none;
	margin: 0px auto;
	overflow: hidden;
	padding: 20px 0 40px;
	text-align: center;
	width: 80%;
	max-width: 400px;
}
.contact-slider a.email,
.contact-slider span.phone {
	font-size: 16px;
}
a.logo {
	display: block;
	float: none;
	margin: 30px auto 20px;
	width: 57px;
}
header a.right {
	display: block;
	margin: -70px 15px 0px 0px;
}
/* Navigation */
nav.main,
nav.main ul {
	float: left;
	margin: 0px !important;
	width: 100% !important;
	text-align: center;
}
nav.main li,
nav.main li a {
	display: inline-block;
}
nav.main li {
	margin: 0 !important;	
}
nav.main li a {
	font-size: 20px;
	line-height: 24px;
	padding: 5px 10%;
}
/* Footer */
footer .container_12 {
	padding: 0px 5% !important;
	text-align: center;
	width: 90% !important;	
}
footer .bottom a.right {
	float: none;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}
nav.footer {
	width: 100% !important;
	margin: 20px 0 50px !important;
}
nav.footer ul a {
	font-size: 14px;
	margin: 0px 10px !Important;
}

footer .twitter,
footer .list {
	display: block;
	float: none;
	width: 90% !important;
	margin: 0px auto 40px;
	padding: 0 !important;
	text-align: left;
	max-width: 400px;
}
footer .bottom {
	padding: 5px 4%;
	width: 92%;
}
.list .l1 {
	width: 26%;
}
.list .i1 {
	width: 60%;
}

/* Content Area */
.tagline .diag {
	margin: -15px -20px -20px -15px;
	padding: 20px;
	height: 100%;
	width: 100%;
}

.tagline h2 {
	font-size: 28px;
	line-height: 32px;
	width: 400px;
}

.diag-top {
	height: 20px !important;
	padding: 0px 0px !important;
	margin: -20px 0px 0px !important;
}
.diag-bottom {
	height: 80px;
	margin: -60px 0px -20px !important;
	padding: 0px !important;
	width: 100% !important;
}
.content {
	border-top: 5px solid #0e2750;
	background: #fff;
	padding: 30px 5% 100px !important;
	overflow: hidden;
	width: 90%;
}
/* Home Page */

.carousel-img {
	width: 100%;
}
.carousel .meta-wrap {
	display: block;
	margin: 0px 0 30px;
	width: 100%;
}
.content p.cta-btn a.btn {
	float: none;
}
.content p.cta-btn {
	display: block;
	float: none;
	margin: 20px 0px 40px !important;
	text-align: center;
}
.excel ul {
	border-top: 2px dotted #eee;
	display: block;
	float: none;
	min-height: 100px;
	margin: 20px auto 0px;
	padding: 30px 0px 0px !important;
	width: 100% !important;
	min-width: 1px;
	max-width: 350px !important;
}
.excel ul.col3 {
	margin: 20px auto 0px !important;
}
.excel ul.col2 {
	border-left: 0px dotted #eee;
	border-right: 0px dotted #eee;
}
.excel ul li {
	float: none;
	text-align: center;
}
.excel ul li.meta {
	margin: 20px 0px 0px;
	width: 100%;
}
.content p.cta-btn {
	margin: 20px 0px 0px !important;
}

/* Work */
.work-col1,
.work-col2 {
	border: 0px !important;
	float: left;
	margin: 60px 0px 0px;
	padding: 10px 0px;
	max-width: 700px;
	width: 100%;
	min-width: 100px;
}
.work-col2 {
	margin: 0px 0px 0px !important;
}

/* Blog */
div.blog-entry {
	width: 100% !important;
	max-width: 500px !important;
}
div.blog-meta {
	width: 100% !important;
}

/* Process */

.process .hor {
	margin: 40px auto;
	max-width: 600px;
}
.process .vert {
	display: none;
}

.value-wrap .value {
	float: left;
	min-height: 200px;
	margin: 0px 5% 0px 0px;
	width: 45%;
}
.value-wrap .value.col2 {
	margin: 0px 0px 0px 5% !important;	
}


.about .col1,
.about .col2 {
	float: left;
	width: 80% !important;
	padding: 0px 10% 60px;
}
.about .col1 {
	border-bottom: 2px solid #ddd;
}
/* Project Brief */
.brief-col1 {
	width: 100%;
}
.brief-col1 .col-left,
.brief-col1 .col-right {
	float: left;
	margin: 0px 5% 0px 0px;
	width: 45%;
}
.brief-col2 {
	margin: 0px 7%;
	width: 80%;
}

/* Forms */

input[type=text],
input[type=email],
input[type=password],
input.i1  {
	min-width: 200px;
	max-width: 300px;
}

}/*Close 767*/

@media screen and (max-width: 479px) {
.container_12 {
	width: 100%;
}
.grid_12,
.grid_11,
.grid_10,
.grid_9,
.grid_8,
.grid_7,
.grid_6,
.grid_5,
.grid_4,
.grid_3,
.grid_2,
.grid_1 {
	width: 100% !important;
	margin-left: 0;
	margin-right: 0;
}
body {
	background: #4578ad;
}

/* Header Elements */

nav.main li a {
	font-size: 16px;
	line-height: 24px;
	padding: 5px 8%;
}
/* Footer */

footer .bottom p {
	display: block;
	margin: 0px;
	text-align: center;
}
footer .twitter,
footer .list {
	text-align: center;
}
/* Home Page Carousel */
.carousel-wrap {
	margin: 0px 15% !important;
	width: 70% !important;
}
/* Home Page Content */
.tagline {
	padding: 5px 0px 20px !important;
	margin: 0px !important;
	width: 100%;
}
.tagline .diag {
	background: transparent url(../img/bg-diag-25.png) repeat;
	margin: 0px 0px 0px !important;
	padding: 20px 5% 15px;
	height: 100%;
	width: 90%;
}
.tagline h2 {
	font-size: 23px;
	line-height: 27px;
	margin: 0px auto 15px !important;
	width: 100%;
	max-width: 340px;
}
.tagline h3 {
	line-height: 24px;
	margin: 0px auto 20px;
	max-width: 340px;
}

.diag-top {
	height: 20px;
}
.diag-bottom {
	height: 60px;
	margin: -40px 0px -20px;
	position: relative;
	width: 100% !important;
	z-index: 1;
}
/* Footer */
nav.footer ul a {
	margin: 0px 3px !Important;
}
.list .l1 {
	width: 16%;
}
.list .i1 {
	width: 70%;
}
.list input.btn {
	display: block;
	margin: 0px auto;
}
/* Process */

.process .hor {
	display: none;
}
.process .vert {
	display: block;
	text-align: center;
	width: 100%;
}
.value-wrap .value.col1,
.value-wrap .value.col2 {
	float: left;
	min-height: 100px;
	margin: 0px 5% 20px !important;
	width: 90%;
}

.about .team-profile .profile-img {
	display: block;
	float: none;
	margin: 0px auto 20px;
	width: 100% !important;
	max-width: 300px;
}
.about .team-profile ul {
	margin: 0px 10%;
	text-align: center;
	width: 80%;
	
}

/* Project Brief */
.brief-col1 {
	width: 100%;
}
.brief-col1 .col-left,
.brief-col1 .col-right {
	float: left;
	margin: 0px;
	width: 100%;
}
.brief-col2 {
	margin: 0px;
	width: 94%;
}

/* Forms */

input[type=text],
input[type=email],
input[type=password],
input.i1  {
	min-width: 0px;
	width: 95%;
	max-width: 500px;
}
}/*Close 479*/