/* 
	Theme Name: The Mighty Wonton custom InfoReady
	Theme URI: http://themightywonton.com/
	Version: 1.0
	Author: Miss Celine David
*/

/************************************************
*	NORMALIZE									*
************************************************/
/*
	Refer to css/normalize
*/

/************************************************
*	1140PX	 					     		    * 
************************************************/
/*
	Refer to css/1140
*/

/************************************************
*	COLOUR PALETTE / FONT 						*
************************************************/
.FFMarkWebPro { 
	font-family: 'FFMarkWebPro';
	font-weight: normal;
	font-style: normal;
}

.FFMarkWebProBold { 
	font-family: 'FFMarkWebProBold';
	font-weight: normal;
	font-style: normal;
}

/************************************************
*	OVERALL										*
************************************************/
html {
	height: 100%;
	min-height: 100%;
	font-size: 100%; /* to make sure IE behaves */
}

body {
	background: #fff;
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	font-size: 0.9em; /* 1em = 16px */
	line-height: 1.35em;
	color: #4d4d4d;
	text-align: center;
	letter-spacing: 0.035em;
	height: 100%;
	min-height: 100%;
	margin: 0;
    padding: 0;
}

.wrapper {
	width: 100%;
	margin: 0;
	height: 100%;
	min-height: 100%;
	display: block;
	background-color: #fff;
}

.wrapper.home {
	min-height: 100%;
}

hr {
	background : url(images/hr.png) 100% 0 repeat-x;
	border: 0;
	width: 100%;
	height: 3px;
	margin: 0;
}

li.widget { /* remove dots for Wonton widgets */
	list-style: none;
}

p {
 	padding-bottom: 1em;	
}

strong {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto; 
}

.arrow {
	width: 50%;
	margin: 0 49%;
	display: block;
}

.arrow img {
	max-width: 40px;
	height: auto;
	width: auto;
}

a#scroll-to-top {
	display: none !important;
}

:focus { /* for Chrome and Safari */
	outline-style: none;
}


/************************************************
*	CLEARFIX									*
************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/************************************************
*	HYPERLINKS									*
************************************************/
a, a:visited {
	color: #4d4d4d;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

a img, a:hover img {
	border: 0;
}

.textlink a {
	text-decoration: underline;
}


/************************************************
*	TOP		 									*
************************************************/
.top {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 100%;
	max-width: 1085px;
	overflow: visible;
}

.logo {
	margin: 0 auto;
	clear: none;
	text-align: center;
	padding: 4.6em 0 4.5em;
	display: block;
}

.logometa {
	margin: 0 auto;
	clear: none;
	text-align: center;
	padding: 3.25em 0 4.35em 0;
	display: block;
}

.row .twelvecol.logo, .row .twelvecol.logometa {
	width: 98%;
	padding-left: 2%;
}

.logo img {
	max-width: 416px;
}

.logometa img {
	max-width: 230px;
}

/************************************************
*	NAVIGATION					     		    * 
************************************************/

.nav {
	float: left;
	clear: left;
	width: 85%;
	text-align: right;
	line-height: 1.45em;
	letter-spacing: 0.1em;
	padding-top: 0.25em;
	text-transform: uppercase;
}

.search {
	float: left;
	clear: right;
	width: 15%;
	padding-top: 0.25em;
	display: block;
}

.menu-infoready-container,
/*#mega_main_menu::before, #mega_main_menu::after, 
#mega_main_menu > .menu_holder, 
#mega_main_menu > .menu_holder > .menu_inner > ul*/ {
	float: left;
	clear: none !important;
	width: 85% !important;
	text-align: right;
}

.nav ul li, ul.mega_main_menu_ul li, 
#mega_main_menu > .menu_holder > .menu_inner > ul > li {
	list-style: none;
	display: inline-block;
	margin: 0 8% 0 0 !important;
}

.nav a {
	float: left;
	clear: none;
	color: #4d4d4d;
	line-height: 0.85em;
	text-decoration: none;
}

.nav a:hover {
	color: #999; 
}

.hamburger {
	margin-top: 0.25em;
	background: url(images/menu_hamburger.png) no-repeat 0 0;
	height: 28px;
	width: 40px;
}

.hamburger:hover {
	background-position: 0 -32px;
}
	
.mobilemenu {
	background-color: #0056b8;
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif; 
	font-size: 2em;
    line-height: 1.5em;
	height: 100%;
    position: absolute;
    top: 103px;
    z-index: 101;
	width: 100%;
}
	
.mobilemenu ul li {
	list-style: none;
	list-style-type: none;
}

.mobilemenu ul {
	padding: 0.5em 0;
}

.mobilemenu a, .mobilemenu a:visited {
	color: #fff;
}

.mobilemenu a:hover {
	color: #4ec1ea;
}


/************************************************
*	SCROLL TO TOP								*
************************************************/
/*#scrollUp {
    top: 45%;
    right: 10%;
	height: 115px;
	width: 71px;
	background: url(images/arrow-top.png) no-repeat;
	background-size: 100% 100%;
}

#scrollUp-active {
	display: none;
}*/


/************************************************
*	LAYOUT	 					     		    * 
************************************************/
.container {
	width: 96%;
	max-width: 1140px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2%;
	padding-right: 2%;
	margin: 0 auto;
	display: block;
	height: auto;
}

.containerfull { /* full height for home animated slides */
	width: auto;
	max-width: 1140px;
	padding: 0;
	margin: 0 auto;
	display: block;
	height: 100%;
	min-height: 100%;
	position: relative;
}

.containerfull .row {
	height: 100%;
	min-height: 100%;
}

.scrolldown {
	position: absolute;
	bottom: 1.5em;
	left: 50%;
	margin-left: -16px;
}

.scrolldown img {
	max-width: 32px;
}

.content {
	margin: 0;
}


/************************************************
*	HOME								 		* 
************************************************/
.animated-slides {
	min-height: 100%;
	width: 100% !important;
    height: 100% !important;
    display: table;
}

.animated-slides p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	padding-bottom: 0;
}

.animated-slides img {
	max-width: 710px;
  opacity: 0;
}


.home-graphics {
	min-height: 335px;
}

#data, #insights, #action {
	text-transform: uppercase;
	text-align: left;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	
	position: absolute;
	
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#data {
	width: 365px;
	left: 16%;
	top: 50px;
}

#insights {
	left: 46%;
	width: 330px;
}

#action {
	right: 22%;
	width: 378px;
	top: 200px;
}

#data a:hover, #insights a:hover, #action a:hover {
	color: #4d4d4d !important;
}

.lightsout {
	opacity: 0.2 !important;
	filter: alpha(opacity=20) !important; /* For IE8 and earlier */
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.data-graph {
	float: right;
}

.data-graph img {
	max-width: 138px;
}

.data-text {
	float: left;
	position: relative;
	top: 62px;
}

.insights-graph {
	float: left;
}

.insights-graph img {
	max-width: 182px;
}

.insights-text {
	position: absolute;
	top: 35px;
	left: 182px;
}

.action-graph {
	float: left;
}

.action-graph img {
	max-width: 202px;
}

.action-text {
	position: absolute;
	bottom: 15px;
	left: 185px
}

.randomnums {
	background: url(images/random-bg.png) repeat-x;
	height: 100%;
	max-height: 350px;
	font-size: 6.5em;
}

/* RSS FEEDS */
.data-title {
	font-size: 0.15em !important;
}

.data-left {
	width: 35%;
	float: left;
	height: 100%;
	padding-top: 1.2em;
}

.data-right {
	width: auto /*44.5%*/;
	float: left;
	height: 100%;
	padding-top: 1.2em;
}

.data-left .data-title {
	width: 91%;
	text-align: right;
}

/*.data-right .data-title {
	width: 72%;
}*/

.vs {
	width: 10%;
	margin-right: 0.5%;
	float: left;
	height: 100%;
	padding-top: 1.58em;
}

.centertext {
    width: 100%;
    height: 100% !important;
    display: table;
}

.centertext p, .data-left, .data-right, .vs {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	padding-bottom: 0;
}

.fourcol img {
	max-width: 62%;
	padding-bottom: 2em;
}

.fourcol p {
	width: 86%;
	margin: 0 auto !important;
}

.fourcol {
	padding: 7.5em 0 6.5em;
}


/************************************************
*	SOLUTIONS							 		* 
************************************************/
.row.solutions .twelvecol {
	width: 56%;
	margin: 0 22% !important;
}

.row.solutions .sixcol img {
	max-width: 46%;
	padding-bottom: 2em;
}

.solutions ul {
	padding: 0;
	text-align: left;
}

.su-row {
	margin-bottom: 1.65em !important;
}

.solutions ul li {
	padding: 0.5em 0 0 0;
	list-style-image: url(images/dash.png); 
	list-style-type: none;
	margin: 0 4%;
	width: 92%;
}

.solution-thumb {
	min-height: 420px;
}


/************************************************
*	ABOUT								 		* 
************************************************/
.fourcol.about {
	padding: 0 0 1em;
}

.customer-logo {
	width: 12.5%;
	float: left;
	clear: none;
	padding-bottom: 2.5em;
}

.partner-logo {
	width: 25%;
	float: left;
	clear: none;
	padding-bottom: 2.5em;
}

.partner-logo img {
	max-width: 200px;
}

.threecol.teamleft {
	padding-left: 12.875%;
}

.threecol.teamright {
	padding-right: 12.875%;
}

.team-name {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	display: block;
	padding-top: 1em;
}

span.details {
	padding-bottom: 0 !important;
}

.people h1 { /* indivdual team member */
	margin-bottom: 0;
}

.people span.details {
	padding-bottom: 1.5em !important;
	display: block;
}


/************************************************
*	BLOG								 		* 
************************************************/
.row.blog {
	min-height: 100%;
	height: 100%;
}

.blog-bg {
	background: url(images/blog-bg.jpg) repeat-y;
	margin-top: 4em;
	background-size: 100%;
	display: block !important;
}

.filters { /* tags */
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	line-height: 1.45em;
	font-size: 1.15em;
	letter-spacing: 0.1em;
	padding-top: 0.25em;
	text-transform: uppercase;
}

.filters a {
	padding: 0 0.5em;
}

.filter-header {
	padding: 0 0.5em;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
}

.bloglist {
	width: 46%;
	margin: 0 4% 0 0;
	float: left;
	padding-bottom: 2em;
}

.rightseparator {
	background: url(images/hr-vert.png) 100% 0 repeat-y;
	border: 0;
	height: 100%;
}

.row.blogpost .twelvecol {
	width: 56%;
	text-align: left;
	margin: 0 22% !important;
}

.blogpost .biggertext p {
	width: 100%;
}

.blogpost .biggertext {
	padding-bottom: 1em;
}

.blogpic img {
	width: auto !important;
	max-width: 100%;
	margin: 0.5em auto 1.5em auto;
}

.blogpic a, .blogpic a:hover {
	text-decoration: underline !important;
}

.blogtitle h1 {
	margin-bottom: 0.5em;
}

.details {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 4em;
}

.bloglist .details {
	padding-bottom: 2em;
}

.bloglist h2 {
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0.5em;
	font-size: 1.35em;
}

p.credit {
	color: #888;
	padding-top: 1em;
}

.backnext {
	margin: 0;
	text-align: center;
}

.backnext span {
	color: #aaa;
}

.fourcol.blogtitle {
	padding: 0 !important;
	margin-top: 4.75em;
	/*margin-right: 2.3%;*/
	width: 29.55% /*30.55%*/;
}

.fourcol.blogtitle.rightseparator {
	margin-right: 0 !important;
	padding-right: 3% !important;
	min-height: 1850px;
}

.fourcol.blogtitle img {
	max-width: 100%;
	padding-bottom: 0;
}

.fourcol.latest {
	padding: 0 0 0 2.5% !important;
	margin-top: 4.75em;
	width: 31%;
}

.eightcol.blogtitle {
	/*width: 66%;
	margin-right: 3%;*/
	width: 66.5%;
	margin-right: 2.5%;
	margin-top: 4.75em;
	min-height: 1850px;
}

.eightcol.blogtitle.singlepost {
	margin-top: 0;
	min-height: 1px;
}

.eightcol.blogtitle img {
	max-width: 80%;
}


/************************************************
*	PAGE NAVIGATION PLUGIN						*
************************************************/

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 0;
	padding: 0 0.5em;
	margin: 0;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: none;
}

.wp-pagenavi span.current {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
}


/************************************************
*	CAREERS								 		* 
************************************************/
.careers .biggertext p {
	width: 70% !important;
}

.jobs ul{
	margin-left: 30px;
  margin-bottom: 15px;
}

.jobs li{
  margin-bottom: 8px;
}

.jobs ul.no-bullets, .jobs li.no-bullets{
	margin-left: 0;
  margin-bottom: 10px;
  list-style: none;
  border-bottom: 1px #cccccc solid;
}

/* Joadder widget */

#ja-jobs-widget {
	width: 100%;
	margin: 0 auto;
  text-align: left;
}

#ja-jobs-widget img {
	max-width: 20px;
}

.job, .ja-job-apply {
	padding-bottom: 4em;
	border-color: transparent;
	border-style: solid;
	border-width: 0 0 3px 0;
	
	-webkit-border-image: url(images/job-border.png) 3 repeat; /* Safari 3.1-5 */
    -o-border-image: url(images/job-border.png) 3 repeat; /* Opera 11-12.1 */
    border-image: url(images/job-border.png) 3 repeat;
}

.ja-job-details {
	padding-bottom: 3em;
	border-color: transparent;
	border-style: solid;
	border-width: 0 0 3px 0;
	
	-webkit-border-image: url(images/job-border.png) 3 repeat; /* Safari 3.1-5 */
    -o-border-image: url(images/job-border.png) 3 repeat; /* Opera 11-12.1 */
    border-image: url(images/job-border.png) 3 repeat;
}

.description p {
	text-align: center !important;
}

.ja-job-list .description p {
	text-align: left !important;
}

.job h2, .ja-job-details h2 {
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
}

.ja-job-details h2.title {
	    margin-top: 1.25em;
}

.job h2.title {
	display: block;
	clear: both;
	padding-top: 4em;
}

.ja-job-apply h2 {
	display: none;
}

.ja-job-apply h3.title {
	padding-bottom: 1em;
}

p.no-jobs-content {
	padding-top: 1.5em;
}

.job-header {
	font-size: 1.15em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	border-bottom: solid #4d4d4d 2px;
	padding-bottom: 0.5em;
	margin: 0 auto;
	width: 100%;
}

input.ja-button {
	color: #ff4d4d;
	font-size: 1.15em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif !important;
	padding: 2em 0 1em 0;
	margin: 0;
	background: none;
}

.ja-field {
	min-height: 50px;
	/*max-height: 25px;*/
}

.ja-field input, .ja-field textarea {
	background-color: #ffffbf;
	color: #000;
	margin: 0;
	padding: 10px 2%;
	position: relative;
	/*top: -10px;*/
	text-align: center;
}

.ja-field input#CandidateResume, .ja-field input#CandidateCoverLetter {
	top: -5px;
}

textarea#CandidateCoverNote {
	border: none;
	width: 96%;
}

input#CandidateResume, input#CandidateCoverLetter {
	background: #ffffff;
	width: 40%;
	margin: 0 auto;
	clear: both;
}

.ja-field-container label {
	position: relative;
	z-index: 1;
}

.ja-submit {
	margin-top: 1.5em;
}

p.ja-error-message:before {
	content: '*';
	font-size: 0.9em;
}

p.ja-error-message {
	padding-top: 1em;
	color: red;
	font-size: 0.9em;
}

span.validation-error {
	clear: both;
	width: 100%;
	float: left;
	padding: 0.5em 0;
	margin: 0;
	position: relative;
	/*top: -8px;*/
	color: red;
	font-size: 0.9em;
}

.powered-by-jobadder {
	padding-top: 1em;
	font-size: 0.8em;
	display: none !important;
}

.powered-by-jobadder a, .powered-by-jobadder a:visited {
	color: #aaa;
}

.powered-by-jobadder a:hover {
	color: #ccc;
}

ul.bullet-points {
	padding-bottom: 1.5em;
}


/************************************************
*	CONTACT								 		* 
************************************************/
.contact .text {
	color: #0056b8;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.15em;
	position: relative;
}

.contact a, .contact a:visited {
	color: #0056b8;
	text-decoration: none;
}

.contact a:hover {
	color: #4d4d4d;
	text-decoration: none;
}

.contact .text p {
	padding-bottom: 0.75em;
}

.maplink {
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif; 
	font-size: 0.35em;
	line-height: 0;
	letter-spacing: 0;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 80;
}

.text-button {
	color: #ff4d4d;
	font-size: 1.15em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
}

.text-button a, .text-button a:visited {
	color: #ff4d4d;
}

.text-button a:hover {
	color: #ff9999;
}

#successAndErrorMessages {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 1.75em;
    font-weight: normal;
}


/************************************************
*	FOOTER								 		* 
************************************************/
.footer {
	background-color: #000000;
	width: 100%;
	height: auto;
	display: block;
	color: #FFFFFF;
	text-align: left;
}

.footer .row .fourcol {
	padding: 3em 0 !important;
}

.footer a, .footer a:visited {
	color: #FFFFFF;
}

.footer a:hover {
	color: #999999;
}

.menu-infoready-container ul#menu-infoready-1 li {
	text-transform: uppercase;
	list-style: none;
	list-style-type: none;
	display: inline-block;
}

ul#menu-infoready-1.menu {
	text-align: center;
}

.menu-infoready-container #menu-infoready-1 li {
	display: inline-block;
	width: 100%;
	/*padding-left: 10%;*/
	font-size: 0.925em;
	float: left;
	clear: none;
	padding-bottom: 0.5em;
}

.menu-footer-menu-container {
	font-size: 0.85em;
}

ul#menu-footer-menu.menu {
	margin: 0 auto 0 11%;
}

h2.widgettitle {
	color: #FFF;
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	letter-spacing: 0; 
	font-size: 0.925em;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0.75em;
	margin-top: 0.2em;
	width: 100%;
}

li#text-2.widget.widget_text {
	text-align: center;
	max-width: 85%;
	margin: 0 auto;
}

li#text-3.widget.widget_text {
	width: 92%;
	padding-left: 8%;
}

/* LATEST > JOB + TWITTER */ 
li#text-4.widget.widget_text h2.widgettitle,
li#anyusertwitterfeed-2.widget.widget_anyusertwitterfeed h2.widgettitle {
	background: url(images/blog_bg-header.png) repeat-x;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1em;
	padding: 0.9em 0;
	margin: 0 auto;
	width: 100%;
	text-transform: none;
}

li#anyusertwitterfeed-2.widget.widget_anyusertwitterfeed h2.widgettitle { 
	margin: 0 auto 1.75em;
}

li#text-4.widget.widget_text {
	width: 100%;
	margin-bottom: 4em;
	color: #a2a2a9;
}

li#text-4.widget.widget_text a, li#text-4.widget.widget_text a:visited,
li#text-4.widget.widget_text .job h2.title {
	 color: #a2a2a9;
}

li#text-4.widget.widget_text a:hover {
	color: #cccccc;
}

li#text-4.widget.widget_text #ja-jobs-widget {
	width: 100% !important;
	color: #a2a2a9;
}

li#text-4.widget.widget_text .job {
	padding-bottom: 2em;
}

li#text-4.widget.widget_text .job h2.title {
	padding-top: 2em;
}

li#text-4.widget.widget_text .job h2.title a {
	color: #a2a2a9;
}

/* Subscribe form */
/*.row .enews.threecol {
	width: 25%;
}*/

input {
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif !important;
	font-weight: normal;
	font-size: 0.85em;
	
	width: 96%;
	clear: both;
	border: 0;
	padding: 4px 2% 3px;
	margin: 0.5em 0 0 0;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}

button {
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif !important;
	font-weight: normal;
	font-size: 0.85em;
	text-align: left;
	
	width: 100%;
	clear: both;
	border: 0;
	padding: 4px 2% 2px;
	margin: 0.55em 0 1.75em 0;
	color: #FFF;
	background: #0056b8;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}

form td {
	padding: 0 !important;
}

input#control_EMAIL.textInput.defaultText {
	margin: 0 0 5px 0 !important;
	height: 20px;
	width: 64%;
	max-width: 180px;
	background: #222222;
}

input.defaultText.buttonStyle {
	width: 30%;
	height: 27px;
	margin: 0;
	position: relative;
	top: -1px;
	padding: 0 2%;
	background-color: #333333;
	color: #777777;
}

input.defaultText.buttonStyle:hover {
	color: #cccccc;
}


/************************************************
*	SEARCH								 		* 
************************************************/
fieldset {
	width: auto;
}

input#s {
	background-image: url(images/search.png);
    text-indent: 20px;
	
	background-position: 0 center;
    background-repeat: no-repeat;
	margin: 0;
   	padding: 2px 0;
	max-width: 150px;
	width: 100%;
}

input#s:focus {
    background-position: -14px center;
    text-indent: 0;
	padding: 4px;
	border: 1px solid #dddddd;
	margin-top: -2px;
}

form#searchform {
	float: left;
}


/************************************************
*	TYPOGRAPHY							 		* 
************************************************/
h1 {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 1.75em;
	font-weight: normal;
}

h2 {
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	line-height: 1.25em;
	margin-bottom: 1.25em;
	font-weight: normal;
}

h3 { 
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
	font-style: italic;
	padding: 0 0 1.15em 0;
}

h4 { 
	font-family: 'FFMarkWebProBold', Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 1.25em 0;
}

.biggertext {
	font-size: 1.5em;
	line-height: 1.35em;
}

.biggertext h1 {
	font-size: 1em;
}

.biggertext p {
	width: 85%;
	margin: 0 auto;
}


/************************************************
*	GENERIC STYLES 								*
************************************************/

.hidemobile, .hidemobile2 {
	display: block;
}

span.hidemobile, span.hidemobile2 {
	display: inline-block;
}

.showmobile {
	display: none !important;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.textaligncenter {
	text-align: center;
}

.textalignright {
	text-align: right;
}

.norightmargin {
	margin-right: 0 !important;
}

.nopadding p {
	padding: 0;
}

.marginleft { /* projects image repeater alignment */
	margin-left: 2.4%;
}

.last {
	margin-right: 0px !important;
}

.gutters {
	padding: 5em 0 4em;
}

.paddingbot10 {
	padding-bottom: 0.85em;
}

.paddingtop1 {
	padding-top: 1em;
}

.paddingbot1 {
	padding-bottom: 1em;
}

.paddingtop15 {
	padding-top: 1.5em;
}

.paddingbot15 {
	padding-bottom: 1.5em;
}

.paddingtop2 {
	padding-top: 2em;
}

.paddingbot2 {
	padding-bottom: 2em;
}

.paddingtop25 {
	padding-top: 2.5em;
}

.paddingbot3 {
	padding-bottom: 3em;
}

.paddingtop4 {
	padding-top: 4em;
}

.paddingbot4 {
	padding-bottom: 4em;
}

.paddingtop47 {
	padding-top: 4.75em;
}

.paddingtop5 {
	padding-top: 5em;
}

.paddingbot5 {
	padding-bottom: 5em;
}

.paddingbot7 {
	padding-bottom: 7em;
}

.paddingtop8 {
	padding-top: 8em;
}

.paddingbot110 {
	padding-bottom: 11em;
}

.margintop47 {
	margin-top: 4.75em;
}


/************************************************
*	PLUGINS								 		* 
************************************************/

/* JQUERY MENU PUNCHER */

/*MenuPuncher v1.0.0 for jQuery
=============
Author: Ali Beceren
Created: 2/14/2011
Date: 10/08/2014
Website: http://www.jenaldesign.com
Description: Jenal Design
*/

* {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition:    all 0.25s ease-in-out;
  -o-transition:      all 0.25s ease-in-out;
  transition:         all 0.25s ease-in-out;
}

ul#menu {
	display: none;
}

.pusher {
	width:40px;
	height:22px;
	padding:20px 0 0 20px;
	background-color:transparent;
	display:none;
	position:fixed;
	z-index:100000;
}
.pusher span {
	width:25px;
	height:3px;
	display:block;
	background:#4d4d4d;
	margin:0 0 6px 0;
}
.pusher span:last-child {
	margin:0;
}
.pusher.click span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-o-transform:      rotate(45deg);
	transform:         rotate(45deg);
	margin:10px 0 0 0;
	background:#FFFFFF;
}
.pusher.click span:nth-of-type(2) {
	opacity:0;
}
.pusher.click span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-o-transform:      rotate(-45deg);
	transform:         rotate(-45deg);
	margin:-12px 0 0 0;
	background:#FFFFFF;
}

.open{
	background-color:rgba(0, 0, 0, 0.8);
}

.floating {
    position: fixed;
    top: 0;
}

body > nav {
    backface-visibility: hidden;
    left: 0;
    overflow: hidden;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
	display:block;
}

body>nav .bg-cover{
	z-index:1500;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	display:table;
}
#menu.menupuncher {
  display: none;
}
body>nav .menupuncher{
	visibility:hidden;
	top:-10%;
	width:100%;
	padding:0;
	opacity:0;
	display:table-cell !important;
	vertical-align:middle;
}
body>nav .menupuncher li{
	list-style:none;
	text-align:center
}
body>nav .menupuncher li a{
	padding:0.5em 0;
	text-transform: uppercase;
	width:100%;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size: 1.25em;
		
}
body>nav .menupuncher li a:hover{
	background:transparent;
	color:#000;
}
body>nav .menupuncher li a:focus{
	outline:0
}
body>nav.open{
	height:100%
}
body>nav.open ul{
	visibility:visible;
	opacity:1;
}

#masonry {
  opacity: 0.01;
}

/* SUPERFLY MENU */

/* background 
#sf-overlay {
	background-color: rgba(255, 0, 0, 1);
}
.sf-body-pushed #sf-overlay, body[class*="sf-view-pushed"] #sf-overlay {
	opacity: 1 !important;
}

div#sf-sidebar.sf-hl-solid.sf-indicators {
	display: none;
}

.sf-nav ul li a {
	font-size: 1.5em !important;
}

#sf-sidebar {
	z-index: 1040 !important;
}

#sf-overlay-wrapper {
	z-index: 1039 !important;
}

.sf-open.x .sf-navicon::before, .sf-open.x .sf-navicon::after {
	background-color: #FFFFFF !important;
}

#sf-sidebar .sf-navicon-button, .sf-navicon-button {
	position: fixed !important;
	top: 0 !important;
	display: none !important;
}

/* remove hover band 
#sf-sidebar .sf-menu li > a:before {
	visibility: hidden;
}*/

/* AWESOME WEATHER */
.awesome-weather-header, .awesome-weather-forecast {
	display: none !important;
}

.awesome-weather-wrap {
	text-shadow: none !important;
	background: none !important;
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif;
	color: #4d4d4d;
	font-weight: normal;
}

.awesome-weather-current-temp {
	font-size: 6.5em;
	padding: 0 0 0.15em 0 !important;
	text-align: right !important;
}

.awesome-weather-current-temp strong {
	font-family: 'FFMarkWebPro', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.awesome-weather-current-temp sup {
	top: -2em;
}

/* STOCK MARKET */
.sm-widget {
	line-height: 0.98em;
	padding-bottom: 0.15em;
	text-align: left;
}



/* TWITTER */

#wds-container {
	border: 0 !important;
	background-color: transparent !important;
	font-size: 1.25em !important;
	line-height: 1.25em !important;
}

.wds-tweet-container {
	padding: 0 0 2.5em 0 !important;
	border: 0 !important;
}

/*.wds-last {
	padding: 8px 0 !important;
}*/

.wds-tweet-data {
	padding-top: 1.25em !important;
	text-transform: uppercase !important;
	letter-spacing: 0.07em !important;
	font-size: 0.65em !important;
	color: #a2a2a9 !important;
}

.wds-tweet-data a, .wds-tweet-data a:visited, .wds-tweet-data a:hover {
	color: #a2a2a9 !important;
}


.row.address { /* remove if has four columns */
	width: 80%;
}

.row.address .fourcol { /* remove if has four columns */
	padding-top: 2.5em !important;
}

/************************************************
*	MEDIA QUERIES						 		* 
************************************************/
@media screen and (max-width : 1140px) {
	#data {
		left: 14%;
	}
}

@media screen and (max-width : 1100px) {
	#data {
		left: 13%;
	}
	
	#action {
		right: 21%;
	}
}

@media screen and (max-width : 1080px) {
	.data-left {
		width: 33%;
	}
}

@media screen and (max-width : 1050px) {
	
	#action {
		right: 19%;
	}
}


@media screen and (max-width : 1024px) {
	body {
	-webkit-text-size-adjust: none;
	}
	
	input {
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
   		appearance: none !important;
	}
	
	input#s {
		max-width: 100px;
	}
	
	#data {
		left: 12%;
	}
	
	li.cat-item a {
    	font-size: 4.55em;
    }
    
	.centertext h3 {
		font-size: 5em;
	}
	
	.fourcol p {
		width: 96%;
	}
	
}

@media screen and (max-width : 1000px) {
	
	#action {
		right: 16%;
	}
}

@media screen and (max-width : 980px) {
	.nav ul li, ul.mega_main_menu_ul li,
	#mega_main_menu > .menu_holder > .menu_inner > ul > li {
		margin: 0 4% 0 0 !important;
	}
	
	#data {
		left: 10%;
	}
	
	/*.data-right .data-title {
		width: 80%;
	}*/
}

@media screen and (max-width : 940px) {
	#action {
		right: 14%;
	}
}

@media screen and (max-width : 920px) {
	#data {
		left: 8%;
	}
}

@media screen and (max-width : 890px) {
	#data {
		left: 6%;
	}
}

@media screen and (max-width : 860px) {
	#action {
		right: 11%;
	}
}

@media screen and (max-height: 830px) {
	.scrolldown {
		bottom: 1em;
		margin-left: -10px;
	}
	
	.scrolldown img {
		max-width: 20px;
	}
}

@media screen and (max-width : 830px) {
	#action {
		right: 8%;
	}
	
	#insights {
    	left: 48%;
	}
	
	.data-left {
		width: 31.5%;
	}
}

@media screen and (max-width : 800px) {
	#data {
		left: 3%;
	}
}

@media screen and (max-width : 768px) {
	
	body {
		font-size: 0.85em; /* 1em = 16px */
		line-height: 1.3em;
	}
	
	.hidemobile {
		display: none !important;
	}
	
	.showmobile {
		display: block !important;
	}
	
	.pusher, ul#menu {
		display: block;
	}
	
	div#sf-sidebar.sf-hl-solid.sf-indicators {
		display: block;
	}
	
	#action {
		right: 16%;
		font-size: 1.25em;
		width: 320px;
	}
	
	#insights {
    	left: 46%;
		font-size: 1.25em;
		width: 290px;
	}
	
	#data {
    	left: 10%;
		font-size: 1.25em;
		width: 290px;
	}
	
	.fourcol p {
		width: 70%;
	}
	
	.row .sixcol, .row.solutions .twelvecol {
		width: 80%;
		margin: 0px auto !important;
	}
	
	.fourcol img, .row.solutions .sixcol img  {
		max-width: 200px;
	}
	
	.fourcol {
		padding: 0 0 4.5em 0;
	}
	
	.fourcol.about {
		padding: 0;
	}
	
	.paddingbot130 {
		padding-bottom: 10em;
	}
	
	.row.team .threecol {
		float: left !important;
		padding: 0 2.5% 4em !important;
		width: 45% !important;
	}
	
	.row.team .threecol.teamright {
		padding-left: 27.5% !important;
		padding-right: 27.5% !important;
	}
	
	.row .sixcol.people img {
		padding-bottom: 1.5em;
	}
	
	.customer-logo {
		width: 16.5%;
	}
	
	.solution-thumb {
		min-height: 1px;
	}
	
	input.defaultText.buttonStyle {
		max-width: 100px;
	}
	
	li#text-3.widget.widget_text {
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	
	h2.widgettitle {
		margin-bottom: 1.25em;
		margin-top: 0;
	}
	
	.randomnums {
		font-size: 3.5em;
		background-size: 100% 100%;
		max-height: 280px;
		margin-bottom: 1em;
	}
	
	.data-left {
		padding-top: 2.26em;
		width: 39%;
	}
	
	.data-right {
		padding-top: 2.3em;
	}
	
	.data-title {
		font-size: 0.25em !important;
	}
	
	.data-left .data-title {
		width: 95%;
	}
	
	/*.data-right .data-title {
		width: 54%;
	}*/
	
	.vs {
		padding-top: 2.6em;
	}
	
	.awesome-weather-current-temp {
		font-size: 3.5em;
	}
	
	.awesome-weather-current-temp sup {
		top: -1.1em;
		font-size: 20px;
	}
	
	.sm-widget {
		padding-bottom: 0.27em;
	}
	
	.row.address .threecol {
		float: left !important;
		padding: 0 2.5% 2em !important;
		width: 45% !important;
		min-height: 200px;
	}
	
	.row.address {
		width: 100%;
	}
	
	.row.address .fourcol { /* remove if has four columns */
		padding-top: 0 !important;
	}

	.search {
		display: none;
	}
	
	.nav {
		width: 100%;
	}
	
	.home-graphics {
		display: none;
	}
	
	#mega_main_menu .nav_logo > .logo_link {
		display: block !important;
	}
	
	.logo {
		padding: 5em 0 2.5em 0;
	}
	
	.logometa {
		padding: 4em 0 4.35em 0;
	}
	
	.gutters {
		padding: 2.5em 0;
	}
	
	.row .eightcol.biggertext.paddingtop4 {
		padding-top: 2.5em;
	}
	
	#sf-sidebar .sf-navicon-button, .sf-navicon-button {
		display: block !important;
    z-index: 999;
	}
	
	.su-column {
		margin: 0 !important;
	}
	
	.filters {
		font-size: 1em;
	}
	
	.filters a {
		padding: 0 0.25em;
	}
	
	li#text-4.widget.widget_text {
		display: none;
	}
	
	#wds-container {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.fourcol.blogtitle {
		margin-left: 15%;
		margin-right: 15%;
		padding: 0 !important;
		width: 70%;
	}
	
	.fourcol.blogtitle.rightseparator {
		margin-right: 15% !important;
		padding-right: 0 !important;
		min-height: auto;
		margin-top: 0;
	}
	
	.rightseparator {
		background: none;
	}
	
	.fourcol.latest {
		padding: 0 15% !important;
		width: 70%;
	}
	
	.eightcol.blogtitle {
		width: 100%;
		margin-right: 0;
		min-height: auto;
	}
	
	.bloglist {
    	width: 70%;
		margin: 0 15%;
	}
	
	.bloglist {
		padding-bottom: 0;
	}
}
	
@media screen and (max-width: 736px) {
	.hidemobile2 {
		display: none !important;
	}
	
	.filters a {
		display: block;
    	padding: 0.2em 0;
	}
	
	.logometa {
		padding-bottom: 3.5em;
	}
}
	
@media screen and (max-width: 640px) {	 
	 .row .twelvecol.logo, .row .twelvecol.logometa {
		width: 66%;
		padding-left: 18%;
	}

	.contact .text {
		 font-size: 2.5em;
	 }
	 
	 .customer-logo {
		width: 25%;
	}
}

@media screen and (max-width: 580px) {
	
	.randomnums {
		max-height: 220px;
		font-size: 3em;
	}
	
	.awesome-weather-current-temp {
		font-size: 2.98em;
	}
	
	.awesome-weather-current-temp sup {
		font-size: 10px;
    	top: -2.3em;
	}
	
	.data-left {
		padding-top: 2.08em;
		/*width: 48%;*/
	}
	
	.data-right {
		padding-top: 2.1em;
		/*width: 48%;*/
	}
	
	.data-title {
		font-size: 0.3em !important;
	}
	
	.data-left .data-title {
		width: 100%;
	}
	
	/*.data-right .data-title {
		width: 65%;
	}*/
	
	.vs {
		font-size: 0.9em;
		padding-top: 2.65em;
	}
	
	.sm-widget {
		padding-bottom: 0.2em;
	}
	
}

@media screen and (max-width: 480px) {
	 
	 li#text-3.widget.widget_text {
		padding-top: 0;
	}
	
	li#text-2.widget.widget_text p {
		padding-bottom: 0;
	}
	
	.row.address .threecol {
		padding: 0 0 2em !important;
		width: 100% !important;
		min-height: 1px;
	}
	
	.paddingbot5 {
		padding-bottom: 2em;
	}
	
	.logo img {
		max-width: 326px;
	}
	
	.logometa img {
		max-width: 180px;
	}
	
	.logo {
		padding: 5.75em 0 1.75em 0;
	}
	
	.logometa {
		padding: 4.5em 0 3.5em 0;
	}
	
	.data-left {
		width: 35%;
	}
	
	/*.data-right .data-title {
		width: 72%;
	}*/
	
	.fourcol.blogtitle {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.fourcol.blogtitle.rightseparator {
		margin-right: 0 !important;
	}
	
	.rightseparator {
		background: none;
	}
	
	.fourcol.latest {
		padding: 0 !important;
		width: 100%;
	}
	
	.bloglist {
    	margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

}

@media screen and (max-width: 414px) {
	body {
		font-size: 0.8em; /* 1em = 16px */
	}
	
	.container {
		padding: 0 5%;
    	width: 90%;
	}
	
	.row .eightcol.biggertext.paddingtop4 {
		padding-top: 2em;
	}
	
	.row .sixcol, .row.solutions .twelvecol {
		margin: 0 auto !important;
		width: 100%;
	}
	
	.paddingtop8 {
		padding-top: 4em;
	}
	
	.row.team .threecol {
		float: left !important;
		padding: 0 0 2.5em !important;
		width: 100% !important;
	}
	
	.row.team .threecol.teamright {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.biggertext {
		font-size: 1.25em;
	}
	
	.biggertext h1 {
		font-size: 1.25em;
	}
	
	.biggertext p, .careers .biggertext p {
		width: 100% !important;
	}
	
	.fourcol p {
		width: 90%;
	}
	
	.randomnums {
		margin-bottom: 2em;
	}
	
	.bloglist, .blogtitle hr {
		width: 100%;
	}
	
	.row.blogpost .twelvecol {
		margin: 0 !important;
		width: 100%;
	}
	
	h1 {
		font-size: 1.65em;
	}
	
	.customer-logo {
		width: 33.33%;
	}
	
	.job-header, #ja-jobs-widget {
		width: 100%;
	}
	
	.scrolldown {
		bottom: 1em;
		margin-left: -10px;
	}
	
	.scrolldown img {
		max-width: 20px;
	}
	
	.awesome-weather-current-temp {
    font-size: 2.8em;
}
	
}

@media screen and (max-width: 360px) {
	/*.data-right .data-title {
		width: 90%;
	}*/
	
	.data-left {
		width: 32%;
	}
}



/************************************************
*	© WWW.THEMIGHTYWONTON.COM					* 
************************************************/


/************************************************
*	WIDER BLOG POSTS							 		* 
************************************************/
.row.blposts .blpostscol {
	width: 100%;
	margin: 0 0 !important;
	text-align: left !important;
}

.row.blposts .sixblpostscol img {
	max-width: 46%;
	padding-bottom: 2em;
}

.blposts ul {
	padding: 0;
	text-align: left;
}

.bp-row {
	margin-bottom: 1.65em !important;
}

.blposts ul li {
	padding: 0.5em 0 0 0;
	list-style-image: url(images/dash.png); 
	list-style-type: none;
	margin: 0 4%;
	width: 92%;
}

.blposts-thumb {
	min-height: 420px;
}