/*	=================================================================

		TITLE: Core CSS for Insperity.com
		AUTHOR: Digital MKTG
		VERSION: 1.1
		CREATED: 1.15.2015

		*** TABLE OF CONTENTS ***
			1. 	Reset
			2. 	Page Elements
			3. 	Buttons
			4. 	Add to Cart
			5. 	Navigation & Menu
			6. 	Resources
			7. 	Breadcrumbs
			8. 	Main Content Elements
			9. 	Modules
			10.	Validation
			11.	Share Icons
			12. Footer
			13. Overlay Elements
			14. Pagination
			15. CSS Transitions
			16. Media Queries											*/


/*	=================================================================
		1. RESET
	=================================================================	*/


	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
		font-size: 100%;
		font: inherit;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
		display: block;
	}


/*	=================================================================
		2. PAGE ELEMENTS
	=================================================================	*/


	body {
		font: 300 16px/24px "Roboto", sans-serif;
		position: relative;
		overflow-x: hidden;
	}
	body.noscroll {
		position: fixed;
		overflow: hidden;
	}
	.safe-zone {
		width: 90%;
		max-width: 1090px;
		margin: 0 auto;
	}

	a {
		cursor:pointer;
		text-decoration: none;
		font-weight: 400;
	}
	b { font-weight: 500; }
	sup {
		font-size: 60%;
		vertical-align: top;
	}
	em { font-style: italic; }
	ul, ol { list-style: none; }
	.text-center { text-align: center; }

/*	=================================================================
		3. BUTTONS
	=================================================================	*/

html:not(.fl-builder-edit) {
	.button {
		border-radius: 3px;
		color: #fff !important;
		cursor: pointer;
		display: block;
		font: 500 18px/26px "Roboto", sans-serif !important;
		min-height: 26px;
		padding: 10px 30px;
		position: relative;
		text-align: center;
		float: none;
	}
	.button:hover { text-decoration: none !important; }
	.button.yellow,
	.btn-insperity {
		background: #fdb414;
		border-right: 2px solid #c88d0b;
		border-bottom: 2px solid #c88d0b;
		border-top: 0;
		border-left: 0;
		color: #333 !important;
	}
	.button.yellow:hover,
	.btn-insperity:hover { background: #ffe76b; }
	.button.blue {
		background: #016699;
		border-right: 2px solid #233d73;
		border-bottom: 2px solid #233d73;
		border-top: 0;
		border-left: 0;
	}
	.button.blue:hover { background: #005f87; }
	.button.light-blue {
		background: #18aae2;
		border-right: 2px solid #1384b0;
		border-bottom: 2px solid #1384b0;
		border-top: 0;
		border-left: 0;
	}
	.button.light-blue:hover { background: #1697c9; }
	.button.green {
		background: #509630;
		border-right: 2px solid #267533;
		border-bottom: 2px solid #267533;
		border-top: 0;
		border-left: 0;
	}
	.button.green:hover { background: #448227; }
	.button.gray {
		background: #f7f7f7;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
			background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
		border: 1px solid #c8c8c8;
		color: #333 !important;
	}
	.button.gray:hover { background: #e5e5e5; }
	.module .button {
		max-width: none;
		padding: 10px 5%;
	}
	.button.center { margin: 25px auto; }
	.btn-insperity {
		padding: 10px 15px;
		border-radius: 3px;
	}
	.hideme { display: none; }
}

/*	=================================================================


/*	=================================================================
		4. ADD TO CART
	=================================================================	*/


	#config-modal .accordion-heading, .section-header {
		background-color: #006695;
		color: #FFFFFF;
		padding: 5px 20px;
	}
	#config-modal .accordion-inner {
    	background-color: #EFEFEF;
    	padding: 15px 44px;
	}
	#headerArea {
		border: 1px solid #DFDFDF;
		border-radius: 3px;
		margin-top: 4%;
		padding-bottom: 35px;
		width: 100%;
	}
	#config-modal .accordion-heading a span {
		padding-right: 15px;
		font-size: 24px;
	}
	#config-modal select {
		background-position: 98% center;
	}
	#select-orgplus-quantity {
		background-position: 80% center !important;
	}
	#config-modal .accordion-inner div {
		padding: 5px 0 10px;
	}
	#config-modal label {
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0;
	}
	label.smRadio {
		display: block;
		font-family: 'Roboto';
		font-size: 16px;
		font-weight: 500;
		margin-left: 8%;
	}
	label.default {
		margin-right: 10px;
	}
	#config-modal .accordion-inner div span {
		padding-right: 10px;
	}
	#config-modal p#orderTotal {
		font-family: 'Roboto';
		font-size: 36px;
		font-weight: 500;
		margin-bottom: 10px;
		line-height: 42px;
	}
	#headerArea .headerImg img {
		float: left;
		padding-top: 25px;
	}
	#headerArea .headerContent h3 {
		color: #000000;
		font-family: 'Roboto';
		font-size: 27px;
		font-weight: 400;
		line-height: 28px;
		padding: 35px 0 10px;
	}
	#headerArea .headerContent p {
		color: #000000;
		font-family: 'Roboto';
		font-size: 16px;
		font-weight: 400;
	}
	#config-modal .modal-footer {
		border-top: 1px solid #C3C3C3;
		margin-top: 0;
		padding: 45px 44px;
		text-align: left;
	}
	p#maxPeople {
		font-size: 0.8em;
		font-style: italic;
	}
	#quantity-modal .modal-body #expensable-form {
		background-color: #EFEFEF;
		padding: 20px;
	}
	#quantity-modal .modal-body #expensable-form input#quantity-input {
		width: 40px;
	}
	#order-total, .modal-footer .col-md-4 span {
		font-family: "Roboto" !important;
	}


/*	=================================================================
		5. NAVIGATION & MENU
	=================================================================	*/


	nav ul li { float: left; }
	.fixed-area {
		border-bottom: 1px solid #E0E0E0;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1000;
	}
	.top { float: right; }
	.top a {
		color: #333;
		font-size: 12px;
		line-height: 30px;
	}
	.top-bar {
		background: #e4e4e4;
		height: 30px;
		width: 100%;
	}
	.top-bar .container {
		position: relative;
	}
	.brand-bar {
		height: 81px;
		width: 100%;
		background: #fff;
	}
	.brand-bar .col-sm-9,
	.brand-bar .col-sm-4,
	.brand-bar .col-sm-5,
	.brand-bar .col-sm-3 { position: static !important; }
	.top-bar li:hover > .submenu,
	.brand-bar li:hover > .submenu { display: block; }
	.top li {
		padding: 0 10px;
		margin-left: 10px;
		font-weight: 400;
	}
	.signin a, .mycart a {
		padding: 7px 0;
		width: 100%;
		color: #fff;
	}
	.signin { background: #439538; }
	.signin:hover { background: #81c341; }
	.mycart { background: #006595; }
	.mycart:hover { background: #1da6df; }

	.brand-bar .signin,
	.brand-bar .mycart { display: none; }
	.insperity {
		padding: 12px 0;
		width: 100%;
	}
	.insperity img {
		max-width: 220px;
		width: 100%;
	}
	.main {  height: 81px; }
	.main li {
		border-left: 1px solid #efefef;
		height: 81px;
		line-height: 81px;
		color: #006497;
		font-size: 16px;
		cursor: pointer;
		text-align: center;
		font-weight: 400;
	}
	.main h2 {
		color: #439539;
		font: 400 24px/40px 'Roboto Slab', serif;
		padding-bottom: 10px;
	}
	.main p {
		color: #333;
		font-size: 18px;
		line-height: 30px;
		font-weight: 300;
		width: 95%;
	}
	.main li:hover > a,
	.brand-bar li .submenu .continue:hover { color: #1da6df; }
	.main li:hover { background-color: transparent; }
	.main a { color: #0079a6; }
	html:not(.fl-builder-edit) .search-form { height: 30px; float:left; }
	html:not(.fl-builder-edit) .brand-bar .search-form { display: none; position:absolute; top:56px; left: 0; right: 0; width: 100%; z-index: 1000; }
	.std-form { padding-left: 30px; }
	html:not(.fl-builder-edit) .search-form input[type=search] {
		border: 0;
		box-shadow: none;
		font-size: 16px;
		width: 150px;
		color: #666;
		padding: 0 8px;
		height: 29px;
		border-bottom: 1px solid #efefef;
		background: #f4f4f4;
		display:none;
		margin-right: -10px;
		-webkit-appearance: none;
		appearance: none;
	}
	html:not(.fl-builder-edit) .search-form input[type=submit] {
		border: 0;
		background: url(../images/search.png);
		width: 17px;
		height: 16px;
		cursor: pointer;
	}
	.submenu {
		background: #e4e4e4;
		position: absolute;
		z-index: 999;
		display: none;
		overflow: hidden;
		text-align: left;
	}
	.top .submenu a {
		font: 400 12px/12px "Roboto", sans-serif;
		margin-top: 0;
		display: block;
		color: #333;
		padding: 10px 0;
	}

	.brand-bar .submenu strong a { font-weight: 600; font-size: 20px; }
	.submenu a:hover { text-decoration: underline; }
	.submenu li {
		float: none;
		margin: 0;
		padding: 0px 15px;
		border-left: 0;
	}
	.submenu li:hover { background-color: #1da6df; }
	.submenu li:hover > a { color: #fff; }
	.submenu.full li:hover { background: none; }
	.submenu.full li:hover > a { color: #1da6df; }
	.submenu h4,
	.secondary-menu h4 {
		color: #fff;
		font: 500 28px/28px "Roboto", sans-serif;
		padding-bottom: 5px;
	}
	.submenu h5,
	.secondary-menu h5 {
		color: #fff;
		font: 400 16px/16px "Roboto", sans-serif;
		padding-bottom: 10px;
	}
	.submenu .green,
	.submenu .blue,
	.secondary-menu .green,
	.secondary-menu .blue { min-height: 200px; }
	.submenu .green a,
	.submenu .blue a,
	.secondary-menu .green a,
	.secondary-menu .blue a {
		color: #fff;
		font: 400 14px/18px "Roboto", sans-serif;
		float: right;
		margin-top: 40px;
	}
	.submenu .green,
	.secondary-menu .green {
		border-radius: 3px;
		background: #359946;
		padding: 20px;
		max-width: 300px;
		width: 100%;
	}
	.submenu .blue,
	.secondary-menu .blue {
		border-radius: 3px;
		background: #006595;
		padding: 20px;
		max-width: 300px;
		width: 100%;
		color: #18aae2;
		font: 400 18px/18px "Roboto Slab", serif;
		padding-bottom: 5px;
	}
	.submenu.full li {
		height: 44px;
		line-height: 30px;
		text-align: left;
	}
	.submenu.full {
		width: 100%;
		left: 0;
		right: 0;
		top: 111px;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		position: absolute;
		padding: 30px 0;
	}
	.resource-types li { border-left: 0 !important; }
	.main li span,
	.secondary-menu span {
		background: url(../images/menu-icons.png) no-repeat;
		padding: 0 0 0 42px !important;
		height: auto;
		text-align: left;
		border: 0;
		padding: 0;
		margin-bottom: 15px;
	}
	.main li span {
		display: block;
		float: left;
		margin-top: 5px;
	}
	.main li:after,
	.search-form:after,
	.share-bar:after,
	.solutions:after,
	.hr:after,
	.secondary-menu .resources:after {
		 visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
	}
	.secondary-menu span {
		width: 21px;
		padding: 0 !important;
		display: block;
		margin: 0 auto;
	}
	.main li span.menu-icon1,
	.secondary-menu span.menu-icon1 { 	height: 20px; }
	.main li span.menu-icon2,
	.secondary-menu span.menu-icon2 { 	background-position: 0 -20px; height: 22px; }
	.main li span.menu-icon3,
	.secondary-menu span.menu-icon3 { 	background-position: 0 -42px; height: 21px; }
	.main li span.menu-icon4,
	.secondary-menu span.menu-icon4 { 	background-position: 0 -63px; height: 21px; }
	.main li span.menu-icon5,
	.secondary-menu span.menu-icon5 { 	background-position: 0 -84px; height: 13px; }
	.main li span.menu-icon6,
	.secondary-menu span.menu-icon6 { 	background-position: 0 -97px; height: 20px; }
	.main li span.menu-icon7,
	.secondary-menu span.menu-icon7 { 	background-position: 0 -118px; height: 22px; }
	.main li span.menu-icon8,
	.secondary-menu span.menu-icon8 { 	background-position: 0 -140px; height: 21px; }
	.main li span.menu-icon9,
	.secondary-menu span.menu-icon9 { 	background-position: 0 -161px; height: 20px; }
	.main li span.menu-icon10,
	.secondary-menu span.menu-icon10 { 	background-position: 0 -181px; height: 20px; }
	.main li span.menu-icon11,
	.secondary-menu span.menu-icon11 { 	background-position: 0 -201px; height: 13px; }
	.main li span.menu-icon12,
	.secondary-menu span.menu-icon12 { 	background-position: 0 -214px; height: 19px; }

	.secondary-menu span.menu-icon1,
	.secondary-menu span.menu-icon6,
	.secondary-menu span.menu-icon9,
	.secondary-menu span.menu-icon10 { 	margin-bottom: 3px; }
	.secondary-menu span.menu-icon2 { 	margin-bottom: 1px; }
	.secondary-menu span.menu-icon3,
	.secondary-menu span.menu-icon4,
	.secondary-menu span.menu-icon8 { 	margin-bottom: 2px; }
	.secondary-menu span.menu-icon5,
	.secondary-menu span.menu-icon11 { 	margin-bottom: 10px; }
	.secondary-menu span.menu-icon7 { 	margin-bottom: 1px; }
	.secondary-menu span.menu-icon12 {	margin-bottom: 4px; }

	.brand-bar li .submenu { line-height: 30px; }
	.brand-bar li .submenu strong {
		font-weight: 500;
		margin-top: 52px;
		display: block;
	}
	.brand-bar li .submenu .continue {
		margin-top: 10px;
		display: block;
		font-weight: 500;
		font-size: 16px;
	}
	.search-icon,
	.hamburger { display: none; }

	.top-bar .search-icon {
		display:block;
		background: #18AAE2;
		color: #fff;
		line-height: 30px;
		cursor:pointer;
		height: 30px;
	}
	.top-bar .search-icon .fa {
		line-height: 30px;
	}
	.mobile-menu {
		height: 100%;
		width: 100%;
		position: fixed;
		top: 50px;
		right: auto;
		left: 0;
		bottom: 0;
		background: #dddddd;
		display: none;
		padding: 40px 30px 120px;
	}
	.mobile-menu {
		overflow-y: scroll;
	}
	.secondary-menu .hr,
	.secondary-menu .solutions,
	.secondary-menu .resources {
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateZ(0);
	}
	.main-menu li,
	.secondary-menu .resources li,
	.sign-menu li {
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.mobile-menu li a {
		font: 400 16px/50px "Roboto Slab", serif;
		display: block;
		width: 100%;
	}
	.main-menu li i,
	.secondary-menu .resources li i,
	.sign-menu li i {
		text-align: right;
		color: #006595;
		font-size: 14px;
		float: right;
		line-height: 50px;
		font-weight: 300;
	}
	.main-menu .nav-icons { display: none; }
	.secondary-menu {
		left: auto;
		padding-top: 60px;
	}
	.secondary-menu .fa-caret-right { display: none;}
	.secondary-menu .back {
		background: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		color: #006595;
		font-weight: 400;
		height: 40px;
		line-height: 40px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.signin-menu {
		background: #439538;
		color: #fff;
		right: 0;
	}
	.top .submenu.signin-menu a {
		color: #fff;
	}
	.resource-types li {
		border-left: 0 !important;
		line-height: 30px !important;
		height: 30px !important;
	}
	.signin i, .mycart i { display: none; }
	.arrows { color: #fff; margin-top: -50px; }
	section.tabs {
		padding: 0;
		margin: 0;
		background: #FAFAFA;
		border-bottom: 1px solid #E0E0E0;
		width: 100%;
	}


/*	=================================================================
		6. RESOURCES
	=================================================================	*/


	.main-content .resources { padding: 85px 0; }
	.main-content .resources .row { padding: 0 0 20px 0; }
	.main-content .resources .post img { margin-bottom: 30px; }
	.main-content .pagination {
		display: block;

	}
	.main-content .resources .post .entry .text-center {
		text-align: left;
	}
	.main-content .resources .post .entry .col-md-8 {
		padding-left: 0;
	}
	.main-content .resources .post .entry .type {
		font: 400 14px/14px "Roboto", sans-serif;
		letter-spacing: 0;
		text-transform: uppercase;
		padding-bottom: 10px;
		display: block;
	}
	.main-content .resources .post .entry h3 a {
		font: 700 20px/26px "Roboto Slab",serif !important;
		margin: 10px 0 5px 0 !important;
		width: 80%;
		color: #006595 !important;
	}
	.main-content .resources .post .entry p  {
		margin: 10px 0;
		line-height: 24px;
	}
	.main-content .resources .post .share {
		float: right;
		font-size: 12px;
		text-align: center;
		margin: -25px 15px 0 20px;
	}
	.main-content .resources .post .share .bubble {
		background: #439539;
		border-radius: 250px;
		padding: 8px;
		height: 35px;
		width: 35px;
		line-height: 20px;
		margin: 5px auto;
		font-weight: 500;
		color: #fff;
	}
	.main-content .resources .post .continue {
		color: #439539 !important;
		font-family: "Roboto Slab",serif !important;
		font-weight: 700 !important;
		margin-top: 10px !important;
	}
	.main-content .resources .meta { margin-bottom: 25px; }
	.main-content .resources i.green { margin-top: -102px !important; }


/*	=================================================================
		7. BREADCRUMBS
	=================================================================	*/


	.breadcrumbs {
		padding: 8px 2%;
		border-bottom: 1px solid #E0E0E0;
		margin-top: -1px;
		font: 500 12px/18px "Roboto", sans-serif;
		color: #999;
		position: relative;
		background: #fafafa;
	}
	.breadcrumbs a {
		margin: 0 3px;
		color: #666;
	}
	.breadcrumbs a.current {
		font-weight: 500;
		color: #333;
	}
	.breadcrumbs a.link { color: #666; }
	.breadcrumbs a.link:hover { color: #006495; }


/*	=================================================================
		8. MAIN CONTENT ELEMENTS
	=================================================================	*/

	.accordion-toggle { color: #fff !important; }
	.accordion-group { height: auto !important; padding-bottom: 25px; background: #efefef; }
	.accordion-group:after {
		visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	}
	.product {
		border-bottom: 1px solid #E0E0E0;
	}
	.product .title {
		padding: 18px 0;
		font: 400 26px/30px "Roboto", sans-serif;
		color: #333;
	}
	.main-content .col-sm-8.border {
		min-height: 280px;
		border-right: 1px solid #333;
	}
	.main-content .col-sm-8 a {
		font-weight: 400;
		color: #18AAE2;
	}
	.main-content .img-responsive.center {
		display: block;
		margin: 0 auto 20px;
	}
	.main-content .title {
		color: #333;
		font: 400 28px/36px "Roboto Slab",serif;
		margin-bottom: 20px;
	}
	.main-content h4.subtitle {
		color: #333;
		font: 500 18px/24px "Roboto", sans-serif;
		padding-bottom: 5px;
	}
	.main-content .text {
		margin-bottom: 20px;
	}
	.main-content p.subtitle {
		color: #333;
		font: 300 20px/28px "Roboto",sans-serif;
		margin-bottom: 25px;
	}
	.main-content .mini-nav {
		text-align: center;
	}
	.main-content .mini-nav li {
		list-style: none !important;
		padding: 10px 25px;
		font-weight: 400;
		text-align: center;
		display: inline-block;
	}
	.main-content .mini-nav li.mini-nav-trigger {
		text-transform: uppercase;
		display: none;
		cursor: pointer;
	}
	.main-content .mini-nav li a {
		font-size: 14px !important;
		color: #333 !important;
		font-weight: 400 !important;
		display: inline !important;
		text-transform: uppercase;
		line-height: 14px;
	}
	.main-content .mini-nav li.active { border-bottom: 3px solid #006595 !important; }
	.main-content .mini-nav li:hover { border-bottom: 3px solid #006595 !important; }
	.main-content .mini-nav .international-menu li:hover { border-bottom: 0 !important; }
	.main-content .mini-nav li a:hover { text-decoration: none; }
	.main-content .mini-nav li.mini-nav-trigger:hover {
		border-bottom: 0;
	}
	.main-content .form-box {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 40px;
		margin-bottom: 20px;
		background: #efefef;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.main-content .form-box ul { margin-left: 15px; }
	.main-content .form-box ul li {
		padding-bottom: 6px;
		list-style: disc;
		font-size: 14px;
	}
	section.form .subtitle,
	.main-content .form-box .subtitle {
		text-align: left;
		color: #339933;
		font: 400 20px/24px "Roboto Slab", serif;
		padding: 20px 0;
	}
	section.form label,
	.main-content .form-box label {
		padding: 5px 0;
		font-weight: 400;
	}
	section.form input[type=text],
	section.form textarea,
	section.form select,
	.main-content .form-box input[type=text],
	.main-content .form-box textarea,
	.main-content .form-box textarea {
		height: 40px;
		border-radius: 3px;
		border: 1px solid #ccc;
		width: 100%;
		padding: 1%;
	}
	section.form input[type=checkbox] { margin: 0 5px 15px 0;}
	section.form input[type=radio],
	.main-content .form-box input[type=checkbox],
	.main-content .form-box input[type=radio] { margin: 0 5px 15px 0; }
	section.form textarea,
	.main-content .form-box textarea {
		max-width: 100%;
		max-height: 400px;
		min-height: 160px;
	}
	section.form input[type=radio],
	.main-content .form-box input[type=radio] {
		line-height: 40px;
		margin: 5px 5px 0 5px;
	}
	section.form .row,
	.main-content .form-box .row {
		padding-top: 10px;
		padding-bottom: 10px;
	}

/*	>>>>  Form Section  <<<<  */
	.form-section {
		background: #85c742;
		color: #fff;
		position: fixed;
		z-index: 1000;
		border-top: 1px solid #73ad39;
		left: 0;
		right: 0;
		bottom: -1px;
	}
	.form-section .theformsection { position: relative; display: none; }
	.form-section .innerformsection { position: relative; padding: 60px 0; width: 100%; height: 100%; }
	.form-section .tabs { position: absolute; top: -41px; right: 0px; z-index: 999; }
	.form-section .tabs li { font-size: 16px; float: right; margin-left: 10px; border-radius: 3px 3px 0 0; line-height: 40px; padding: 0 25px; height: 40px; font-weight: 500; cursor: pointer; }
	.form-section .tabs li a { color: #fff !important; }
	.form-section .fa-close { color: #fff; position: absolute; top: 10px; right: 10px; cursor: pointer; }
	.form-section .form-phone { background: #fbb619; border: 1px solid #C88D0B; border-bottom: 0;}
	.form-section .form-phone .fa {
		color: #ef5f24;
		line-height: 40px;
		margin-right: 5px;
		display: inline-block;
	}
	.form-section .form-email {
		background: #85c742;
		border: 1px solid #349946; border-bottom: 0;
	}
	.form-section .form-email .fa {
		color: #58a53b;
		line-height: 40px;
		margin-right: 5px;
		display: inline-block;
	}
	.form-section .form-chat {
		background: #18aae2;
		border: 1px solid #158fbf; border-bottom: 0;
	}
	.form-section .form-chat .fa {
		color: #006595;
		line-height: 40px;
		margin-right: 5px;
		display: inline-block;
	}
	.form-section .border { border: 1px solid #fff !important; }
	.form-section .title {
		color: #fff !important;
		text-transform: uppercase;
		font-size: 24px !important;
		line-height: 32px;
	}
	.form-section .subtitle {
		padding: 20px 0;
		color: #fff !important;
		font-size: 18px !important;
	}
	.form-section .caveat {
		font-size: 14px;
		line-height: 20px;
	}
	.form-section .phone-form {
		font-size: 36px;
		font-weight: 400;
		padding: 10px 0 30px;
		border-bottom: 1px solid #fff;
	}
	.form-section form {
		width: 90%;
		margin: 0 auto 40px;
	}
	.form-section .group { padding-bottom: 15px; }
	.form-section .group2,
	.form-section .group4,
	.form-section .group6 {
		width: 48%;
		float: left;
	}
	.form-section .group3,
	.form-section .group5,
	.form-section .group7 {
		width: 48%;
		float: right;
	}
	.form-section input[type=checkbox]:not(old),
	.form-section input[type=radio]:not(old){
		width: 12px;
		margin: 0;
		padding: 0;
		opacity: 0;
	}
	.form-section input[type=checkbox]:not(old) + label,
	.form-section input[type=radio   ]:not(old) + label {
		display: inline-block;
	  	margin-left: -18px;
	  	line-height: 1.5em;
	}
	.form-section input[type=checkbox]:not(old) + label > span,
	.form-section input[type=radio   ]:not(old) + label > span {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin: 2px;
		border-radius: 250px;
		background: #ddd;
		vertical-align: bottom;
	}
	.form-section input[type=radio]:not(old):checked + label > span > span {
		display: block;
		width: 10px;
		height: 10px;
		margin: 3px;
		border-radius: 250px;
		background: #666;
	}
	.form-section .value {
		background: 0;
		background-color: none;
		display: inline-block;
		margin: 0 10px 0 5px;
	}
	.open-form-section {
		top: 0;
	}
	input[type=submit] {
		width: 260px;
	}
	.main-content .to-services {
		color: #439538;
		font-weight: 400;
		font-size: 20px;
		font-family: "Roboto Slab", serif;
		text-decoration: none !important;
		display: block;
		margin-top: 25px;
	}
	.main-content .to-services:hover { text-decoration: underline !important; }

/*	>>>>  Benefits  <<<<  */
	.main-content .benefits .title {
		font: 500 18px/26px "Roboto",sans-serif;
		margin-bottom: 0;
	}
	.main-content .benefits p { font: 300 16px/26px "Roboto",sans-serif; }
	.main-content .benefits a {
		display: block;
		margin: -20px 0 20px;
	}
	.main-content .benefits a .title {
		display: block;
		margin: 20px 0 -20px;
	}
	.main-content .benefits img {
		width: 100%;
		max-width: 50px !important;
		margin: 20px auto;
		display: block;
	}
	.main-content .icons .benefits img {
		max-width: 100% !important;
		width: auto;
	}
	.main-content .row .benefits img { margin: 0 auto 20px; }
	.main-content .row .benefits a img {
		margin-top: 25px;
	}
	.main-content .benefits { margin-bottom: 30px; }
	.main-content .benefits li,
	.main-content .intro li {
		list-style-type: disc;
		font-weight: 300;
	}
	.main-content .benefits ul { margin: 5px 0 5px 40px; }
	.video-window .service-intro {
		padding: 30px 0;
		width: 100%;
		height: 420px;
	}
	.video-window .service-intro.mid {
		background: #006595;
	}
	.service-intro img {
		float: none;
		margin: 20px auto 0;
		height: 125px;
	}
	.video-window {
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.service-intro .title {
		color: #fff !important;
		padding-top: 25px;
		font: 400 28px/36px "Roboto Slab",serif;
		margin-bottom: 20px;
	}
	.service-intro .subtitle,
	.service-intro .mini-nav li a {
		color: #fff !important;
		font: 300 20px/28px "Roboto",sans-serif;
		margin-bottom: 25px;
	}

	.main-content .features .icon li {
		list-style-type: disc;
		margin-left: 15px;
	}


/*	=================================================================
		9. MODULES
	=================================================================	*/


	/*.module {
		background: #e9e9e9;
		padding: 30px 19px;
		border-radius: 3px;
		border: 1px solid #ddd;
		margin: 0 auto 25px;
		line-height: 20px;
		font-size: 14px;
	}
	.module a {
		color: #006495;
		font-weight: 400;
	}
	.module a:hover { text-decoration: underline; }
	.module .button {
		margin: 20px auto 0;
		max-width: 300px;
	}*/
	/*.module .title {
		color: #006595;
		font: 600 22px/30px "Roboto Slab", serif;
		padding-bottom: 10px;
	}

	.module .subtitle {
		color: #333;
		font: 500 20px/24px "Roboto", sans-serif;
		padding-bottom: 10px;
	}*/
	/*.module.form .title {
		background-color: #666;
		color: #fff;
		padding: 20px 15px;
		height: 70px;
		font: 500 22px/30px "Roboto Slab", serif !important;
		margin: -31px -20px 20px -20px;
		position: relative;
		text-align: center;
		border-radius: 3px 3px 0 0;
	}*/
	.sidebar-single-magazine .module.form .title {
		font: 500 20px/27px "Roboto Slab", serif !important;
	}
	.module.form.calculator .title .left-side {
		width: 60%;
		float: left;
		padding: 0 2%;
		text-align: left;
		height: auto;
	}
	/*.module.form .title .shadow {
		height: 14px;
		left: 0px;
		top: 100%;
		width: 10px;
		background: url(../images/icon-sprite.png) -184px -117px;
		position: absolute;
	}*/
	.module.form .text {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.module.form .wrap {
		cursor: pointer;
		background: #fff;
		padding: 8px 10px;
		border-radius: 3px;
		border: 1px solid #C8C8C8;
		font-size: 14px;
		margin: 0 auto;
		line-height: 14px;
	}
	.module.form .wrap:hover { background: #f7f7f7; }
	.module.form .wrap .text {
		color: #006595;
		font-weight: 600;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 0;
		text-align: center;
	}
	.module.form input[type=submit] { width: 100%; }
	.module.form.for-insperity-ninja-form-widget/*,
	.module.form.for-gating-form*/ {
		background: url(../images/envelope.jpg) no-repeat right bottom #81C341;
		border: 1px solid #349946;
		border-top: 5px solid #349946;
	}
	.module.form.for-insperity-ninja-form-widget .shadow/*,
	.module.form.for-gating-form .shadow*/ {
		width: 10px;
		height: 14px;
		top: 100%;
	}
	.module.form.for-insperity-ninja-form-widget .title/*,
	.module.form.for-gating-form .title */ {
		padding: 15px;
		text-align: left;
		font: 700 22px/30px "Roboto Slab", serif;
		margin: -10px -10px 20px -30px;
		height: auto;
		background: #349946;
	}
	.module.form.for-insperity-ninja-form-widget form/*,
	.module.form.for-gating-form form */ {
		margin: 15px 0 60px 0;
	}
	.module.form.for-insperity-ninja-form-widget .text/*,
	.module.form.for-gating-form .text */ {
		color: #fff;
		line-height: 28px;
		margin: 15px aut 0;
	}
	.module.form.for-insperity-ninja-form-widget label/*,
	.module.form.for-gating-form label*/ {
		text-transform: none;
		color: #fff;
		letter-spacing: 0;
		font-weight: 300;
	}
	.module.ebook {
		background: #EAE9E0;
		border: 1px solid #d1d0c9;
		padding: 18px 18px 30px 18px;
	}
	.module.ebook img {
		display: block;
		margin: 0 auto;
	}
	.module.ebook .title {
		color: #fff;
		text-align: center;
		line-height: 48px;
	}
	.module.ebook .subtitle {
		color: #006495;
		font: 400 16px/22px "Roboto Slab", serif;
		padding: 10px 0;
	}
	.module.ebook .title { background: #006495; }
	.module.ebook img { box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
	.module.ebook.blue .image {
		padding: 20px 0;
		background: url(../images/guides/blue-guide.jpg);
	}
	.module.ebook.orange .image {
		padding: 20px 0;
		background: url(../images/guides/orange-guide.jpg);
	}
	.module.demo {
		background: #fff;
		padding: 10px;
		text-align: center;
	}
	.module.demo .wrap {
		background: #006595;
		color: #fff;
		font: 300 24px/30px 'Roboto', sans-serif;
		padding: 20px;
		border-radius: 3px;
	}
	.module .tagline {
		font: 500 18px/18px "Roboto", sans-serif;
		margin-top: 25px;
	}
	.module a img { width: 100%; }
	.module label {
		width: 100%;
		font-weight: 400;
		font-size: 14px;
		padding-bottom: 4px;
		display: block;
	}
	.second-form,
	.third-form,
	.fourth-form,
	.module label.second-form,
	.module label.third-form,
	.module label.fourth-form{
		display: none;
	}
	.module input[type=text] {
		padding: 2px 2%;
		border: 1px solid #cfcfcf;
		border-radius: 3px;
		box-shadow: inset -2px 2px 2px rgba(0,0,0,0.1);
		margin-bottom: 10px;
	}
	.lpPoweredBy, .lpEmtStarRating, lpPoweredByDiv { display: block; }


/*	=================================================================
		10. VALIDATION
	=================================================================	*/


	.correct, .correct:focus {
		border: 1px solid #b9c793 !important;
		box-shadow: inset 0px 0px 14px rgba(232, 250, 184, 0.6) !important;
		background: #fff url(../images/checkmark.svg) 98% 6px no-repeat;
	}
	.error, .error:focus {
		border: 1px solid #ba6f64 !important;
		box-shadow: inset 0px 0px 14px rgba(251, 196, 188, 0.6) !important;
		background: #fff url(../images/ex.svg) 98% 6px no-repeat;
	}
	.group1 .correct,
	.group1 .error {
		background-position: 99.2% 6px;
	}
	.correct-select, .correct-select:focus {
		border: 1px solid #b9c793 !important;
		box-shadow: inset 0px 0px 14px rgba(232, 250, 184, 0.6) !important;
	}
	.error-select, .error-select:focus {
		border: 1px solid #ba6f64 !important;
		box-shadow: inset 0px 0px 14px rgba(251, 196, 188, 0.6) !important;
	}


/*	=================================================================
		11. SHARE ICONS
	=================================================================	*/


	.share-bar {
		background: #E9E9E9;
		padding: 10px;
		margin: -40px 0 60px;
	}
	.share-bar ul {
		float: right;
		margin: 0 0 0 10px !important;
	}
	.share {
		float: right;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
	}
	.share-bar ul li {
		list-style-type: none !important;
		float: right;
		margin-bottom: 0 !important;
	}
	.share-bar ul li a {
		display: block;
		float: left;
		height: 24px;
		width: 24px;
		margin-left: 10px;
		background: url(../images/blog_social.png) !important;
	}
	.share-bar ul li a.twitter { background-position: -24px 0 !important; }
	.share-bar ul li a.linkedin { background-position: -72px 0 !important; }
	.share-bar ul li a.mail { background-position: -96px 0 !important; }
	.share-bar ul li a:hover { opacity: 0.7; }


/*	=================================================================
		12. FOOTER
	=================================================================	*/


	footer, #footer {
		background: #fafafa;
		position: relative;
		z-index: 300;
		padding: 10px 0 30px 0;
		color: #565656;
	}
	footer .fourth {
		padding: 0 2.5%;
		width: 20%;
		float: left;
	}
	#footer { border-top: 1px solid #cccccc; padding: 20px 0 60px; }
	footer h3 {
		font-weight: 500;
		margin: 15px 0 8px 0;
	}
	footer li {
		padding: 0 5px;
		margin: 0 0 5px -5px;
		line-height: 18px;
	}
	footer li:hover { background: #cccccc; }
	footer li a, #footer a, #footer {
		font-size: 12px;
		color: #565656;
	}
	#footer .util { float: right; }
	#footer .copyright { float: left; }
	#footer a:hover { text-decoration: underline; }
	.social .icon {
		background: url(../images/icon-sprite.png);
		cursor: pointer;
		display: block;
		float: left;
		height: 16px;
		margin: 0 10px 0 0;
		width: 16px;
	}
	.social .thelinkedin { background-position: -50px 0; }
	.social .theyoutube { background-position: -70px 0; }
	.social .thetwitter { background-position: -90px 0; }
	.social .thefacebook { background-position: -110px 0; }


/*	=================================================================
		13. OVERLAY ELEMENTS
	=================================================================	*/


	#overlay, #config-modal, #quantity-modal {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		display:none;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
	}
	#overlay .wrap {
		width: 90%;
		max-width: 920px;
		margin: 100px auto;
		vertical-align: middle;
		padding: 15px;
		border-radius: 3px;
		box-shadow: 0px 0px 5px rgba(0,0,0,1);
		background: #fff;
		-webkit-transform: translateZ(0);
	}
	#overlay .wrap .close {
		background: url(../images/icon-sprite.png) no-repeat scroll -80px -65px rgba(0, 0, 0, 0);
		cursor: pointer;
		height: 30px;
		position: relative;
		right: -30px;
		top: -30px;
		width: 31px;
		z-index: 10001;
		float: right;
		opacity: 1.0 !important;
	}
	#overlay .wrap iframe {
		width: 100% !important;
		min-height: 400px !important;
		margin-top: -30px;
	}
	#overlay .wrap.iframe {
		background: 0;
		box-shadow: none;
		max-width: 380px;
		margin: 40px auto;
		padding: 0;
	}
	#overlay .wrap .subtitle {
		color: #534741;
		font: 600 20px/20px "Roboto",sans-serif;
		padding-bottom: 20px;
	}

	#overlay .module.form {
		padding: 0;
		margin-bottom: 0;
	}
	#overlay .module.form .title {
		background: #006595;
		margin: 0 0 0 -1px;
		width: 100%;
		padding: 15px 1px;
		text-align: right;
		font: 400 18px/40px "Roboto", sans-serif;
		height: 70px;
	}
	#overlay .module.form .title img {
		float: left;
		margin-left: 2%;
	}
	#overlay .module.form .title span {
		font-size: 26px;
	}
	#overlay .module.form .wrap {
		background: 0;
		border: 0;
		box-shadow: none;
		margin: 25px auto;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		padding: 0;
	}
	#overlay .module.form .wrap h2 {
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 10px;
	}
	#overlay .module.form p { margin: 0 2% 25px 2%; }
	#overlay .module.form .input {
		text-align: left;
		float: left;
		width: 46%;
		margin: 0 2% 15px 2%;
	}
	#overlay .module.form .input input { max-width: none; }
	#overlay .module.form .input .wrap {
		width: 20%;
		float: left;
		margin: 5px 10px 0 0;
		padding: 0;
	}
	#overlay .module.form .input input[type=radio] { margin-left: -15px; }
	#overlay .module.form .submit {
		max-width: 200px;
		margin-left: 2%;
	}
	#overlay .module.form.calculator .step {
		font-size: 14px;
		font-weight: 500;
		padding: 0 0 10px 0;
	}


/*	=================================================================
		14. PAGINATION
	=================================================================	*/


	.pagination {
		margin-bottom: 25px;
		height: 20px;
		clear:both;
	}
	.pagination .count {
		font-family: 'Roboto';
		font-weight: 500;
		float:left;
		margin-right: 10px;
	}
	.pagination nav { margin-left: 20px; }
	.pagination nav a {
		float: left;
		margin: 0 6px;
		background: #DED9C9;
		color: #333 !important;
		font-weight: 400;
		height: 28px;
		width: 28px;
		padding: 3px 0 6px 0 !important;
		display:inline-block;
		text-align: center;
		line-height: 22px;
		border-radius: 250px;
	}
	.pagination nav span, .pagination nav a:hover {
		text-decoration: none !important;
		float: left;
		line-height: 22px;
		margin: 0 6px;
		border-radius: 250px;
		background: #439539;
		color: #fff;
		font-weight: 400;
		height: 28px;
		width: 28px;
		padding: 3px 0 6px 0 !important;
		color: #fff !important;
		display: inline-block;
		text-align: center;
	}
	.pagination nav a.next {
		background: 0;
		color: #439539 !important;
		font-family: "Roboto Slab",serif !important;
		width: auto;
	}
	.pagination nav a.next:hover { color: #333 !important; }

	.iframe-holder iframe {
		max-width: 100%;
	}


/*	=================================================================
		15. CSS TRANSITIONS
	=================================================================	*/


	@keyframes slideInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} }
	@-webkit-keyframes slideInDown { 0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)} }
	@keyframes fadeIn{ 0%{opacity:0}100%{opacity:1} }
	@-webkit-keyframes fadeIn{ 0%{opacity:0}100%{opacity:1} }
	.fade {
		opacity: 1.0 !important;
		transition: .3s;
			-ms-transition: .3s;
			-webkit-transition: .3s;
			-moz-transition: .3s;
	}
	.tooltip.fade {
		transition: 0;
			-ms-transition: 0;
			-webkit-transition: 0;
			-moz-transition: 0;
	}

	.button {
		transition: 0s;
			-ms-transition: 0s;
			-webkit-transition: 0s;
			-moz-transition: 0s;
	}
	.fadeIn { 		-webkit-animation-name:fadeIn;animation-name:fadeIn }
	.slideInDown { 	-webkit-animation-name:slideInDown;animation-name:slideInDown }
	.one-second { 	-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
	.five-second { 	-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
	.tenth {		-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
	.fifth { 		-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }
	.quarter { 		-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }
	.athird { 		-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1.83s; animation-delay: 1.83s; }
	.two-fifth {	-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1.9s; animation-delay: 1.9s;}
	.half { 		-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 2s; animation-delay: 2s; }
	.two-third { 	-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 2.16s; animation-delay: 2.16s; }
	.three-quarter {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 2.25s; animation-delay: 2.25s; }
	.four-fifth {	-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 2.3s; animation-delay: 2.3s;}
	.full {			-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
	.full-zero {	-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay: 1s; animation-delay: 1s;}
	.full-none {	-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


/*	=================================================================
		16. MEDIA QUERIES
	=================================================================	*/


	@media only screen and (max-width: 1400px) {
		.fixed-area {
			position: relative;
			z-index: 1000;
		}
		body { padding-top: 0px; }
	}

	@media only screen and (max-width: 1100px) {
		.search-form input[type="submit"] { display: none; }
	}
	@media only screen and (max-width: 992px) {
		.form-section .title,
		.form-section .subtitle,
		.form-section .caveat {
			text-align: center;
		}
		.form-section form { margin-top: 30px; }
	}
	@media only screen and (max-width: 980px) {
		/*.module.form .title {
			font-size: 20px;
			line-height: 24px;
		}*/
		.module.form .wrap .text { font-size: 18px; }
		.breadcrumbs { display: none; }
		.main li.menu-trigger {
			line-height: 21px;
			padding: 20px;
		}
		.main li.menu-trigger{ padding: 29px 20px; }
		.std-form { padding: 0; }
		.main-content .resources .post .entry .text-center {
			text-align: center;
		}
		.main-content .resources .post .entry .col-md-8 {
			padding-left: 15px;
		}
		#quantity-modal [class*="col"] {
			width: 33.33%;
			float: left;
			font-size: 18px !important;
		}
		#quantity-modal [class*="col"] span {
			font-size: 18px !important;
		}
		.img-responsive {
			display: block;
			margin: 0 auto 25px;
			max-width: 300px;
			width: 100%;
		}
		.fa-3x {
			display: none;
		}
		.theformsection {
			overflow-y: scroll;
			height: 100%;
			width: 100%;

		}
		.innerformsection {
			-webkit-overflow-scrolling: touch;
			-webkit-transform: translateZ(0);
		}
		section.tabs .container {
			width: 100% !important;
		}
	}
	@media only screen and (max-width: 810px) {
		.module.form .wrap {
			margin-left: auto;
			margin-right: auto;
			max-width: 250px;
		}
	}
	@media only screen and (max-width: 800px) {
		.video-holder {
			margin: 25px auto;
			width: 85%;
		}
		.mini-nav {
			width: 100%;
			text-align: center;
			display: block;
		}
	}
	@media only screen and (max-width: 767px) {
		.video-window .service-intro { padding-bottom: 35px; height: auto; }
		body { padding-top: 55px }
		.fixed-area { position: fixed; }
		.product-intro .pagination,
		.service-intro .pagination,
		.intro .pagination,
		.product-intro .meta,
		.service-intro .meta { display: none; }
		.form-section .phone-form {
			text-align: center;
			font-size: 26px !important;
			line-height: 32px;
		}
		.form-section .title { font-size: 26px !important; }
		.form-section .group2,
		.form-section .group3,
		.form-section .group4,
		.form-section .group5,
		.form-section .group6 {
			width: 100%;
			float: none;
		}
		input[type="submit"] { width: auto; min-width: 200px; }

		.main-content .col-sm-8.border {
			border: 0 !important;
			min-height: 0;
		}
		.brand-bar { height: auto; }
		.brand-bar .col-sm-3 {
			max-width: 50%;
			float: left;
		}
		.brand-bar .col-sm-9,
		.brand-bar .col-sm-2,
		.top-bar,
		.search-form,
		.fa-caret-down,
		.secondary-menu .hr,
		.secondary-menu .solutions,
		.secondary-menu .resources,
		nav.secondary-menu .solutions ul li .fa { display: none; }
		.secondary-menu .hr {
			background: 0;
		}
		.insperity img,
		.search-icon,
		.hamburger {
			display: block;
			max-width: 142px;
		}
		.nav-icons {
			float: right;
			max-width: 50%;
		}
		.nav-icons li {
			float: left;
			list-style-type: none;
			color: #999;
			font-size: 18px;
			line-height: 55px;
			margin: 0 10px;
		}
		.nav-icons li.hamburger {
			font-size: 24px;
			color: #46943e;
			width: 21px;
		}
		.signin,
		.mycart { background: none; }
		.secondary-menu h4,
		.secondary-menu h5 {
			font-size: 20px;
		}
		.secondary-menu .green,
		.secondary-menu .blue {
			margin: 0 auto 30px;
		}
		.secondary-menu img {
			margin: 15px auto 0	;
			display: block;
		}
		.secondary-menu h6 {
			font: 400 22px/26px "Roboto Slab", serif;
			color: #439539;
			text-align: center;
			padding: 20px 0 30px;
		}
		nav.secondary-menu .solutions ul li {
			text-align: center;
			float: left;
			width: 33.33%;
			margin-bottom: 30px;
			min-height: 55px;
		}
		nav.secondary-menu .solutions ul li a {
			display: block;
			width: 100%;
			font-size: 12px;
			line-height: 16px;
			max-width: 90px;
			margin: 0 auto;
		}
		.brand-bar .col-sm-2 {
			position: absolute;
			top: 50px;
			left: 0;
			right: 0;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			width: 100%;
			background: #f4f4f4;
			padding: 0 15px;
			height: auto;
			z-index: 10000;
		}
		.search-form {
			display: block;
			height: 40px;
		}
		.search-form input[type="search"] {
			width:100%;
			height: 40px;
			float: none;
			display: block;
		}
		.search-form input[type="submit"] {
			float: right;
			width: 10%;
			min-width: 0;
			background-repeat: no-repeat;
			background-position: 5px 13px;
			height: 40px;
		}
		.signin:hover { background: 0; }
		.mycart:hover { background: 0; }
				.hamburger i {
			position: relative;
			top: 15px;
		}
		.search-icon i,
		.hamburger i,
		.signin i,
		.mycart i {
			position: relative;
			top: 18px;
		}
		.signin i,
		.mycart i {
			display: inline;
		}
		.signin a, .mycart a { display: none; }
		.brand-bar .signin,
		.brand-bar .mycart { display: block; }
		#overlay .wrap { margin: 20px auto; }
		.button { margin: 0 auto 25px; display: block; }
		.form-section .title {
			font-size: 18px !important;
			line-height: 24px;
		}
		.form-section .subtitle {
			font-size: 16px !important;
		}
		.mini-list {
			display: none;
		}
		.main-content .mini-nav li.mini-nav-trigger {
			display: block;
			text-align: left;
		}
		.main-content .mini-nav li.mini-nav-trigger .fa-caret-down {
			display: inline-block;
		}
		.main-content .mini-nav li,
		.main-content .mini-nav li a {
			width: 100%;
			padding: 10px 4%;
			text-align: left;
		}
		.main-content .mini-list li.active {
			border-bottom: 0;
			background: #18aae2;
		}
		.main-content .mini-list li.active a {
			color: #fff !important;
		}
		.main-content .mini-nav li:hover {
			border-bottom: 0;
		}
		#overlay .module.form .input { width: 96%; }
	}
	@media only screen and (max-width: 720px) {
		.main {
			width: 100%;
			float: none;
			border-top: 1px solid #efefef;
			background: #fbfbfb;
		}
		.main li {
			width: 33%;
			padding: 0;
			text-align: center;
			font-size: 14px;
			line-height: 50px;
		}
		.brand-bar, .main, .main li { height: auto; }
		.menu-trigger:last-of-type { border-right: 0; }
		.insperity img { z-index: 1201; }
		.breadcrumbs, .main, #overlay .module.form .title { display: none; }
		#footer .copyright, #footer .util, .insperity { float: none; }
	}
	@media only screen and (max-width: 560px) {
		.main-content.resources .post { position: relative; }
		.main-content.resources .post .entry p,
		#services .main-content.resources .post .continue {
			font-size: 14px;
			line-height: 22px;
		}
		.main-content.resources .post .entry .type {
			font-size: 12px;
			padding-bottom: 5px;
		}
		.main-content.resources .post .entry h3 a {
			font-size: 18px;
			line-height: 24px;
		}
		.pagination .count {
			float: none;
			display: block;
			width: 100%;
		}
		.pagination nav {
			margin: 10px 0 20px 0;
			display: block;
			width: 100%;
		}
		.pagination { height: 70px; }
		.button, .submit { width: 100%; padding: 10px 4%; }
		.module .button { padding: 10px 5%; }
		.main-content.resources .meta, #services .main-content .subtitle a,
		.main-content .subtitle span { display: none; }
		#headerArea .headerImg img {
			float: none;
			margin: 0 auto 25px;
			padding-top: 25px;
			display: block;
		}
		#headerArea {
			padding: 0 10px 20px;
			text-align: center;
		}
		#quantity-modal [class*="col"] {
			width: 100%;
			text-align: center;
			padding: 10px 0;
		}
		#quantity-modal [class*="col"] span {
			float: none !important;
		}

		.main-content .col-sm-8 .col-sm-10 a {
			font-size: 16px;
		}
		.form-section .tabs {
			width: 100%;
			left: 0;
			right: 0;
		}
		.form-section .tabs li {
			margin-left: 0;
			border-radius: 0;
			text-align: center;
			padding: 0;
			font-size: 14px;
		}
		.form-section .form-phone {
			width: 40%;
		}
		.form-section .form-email,
		.form-section .form-chat {
			width: 30%;
		}
		.form-section .form-phone .fa {
			display: inline;
		}
	}
	@media only screen and (max-width: 440px) {
		.main li {
			height: 40px;
			line-height: 20px;
			padding: 5px 0;
			display: table-cell;
			vertical-align: middle;
		}
		.main-content.resources .post .share { bottom: 15px; right: 0; left: auto; }
	}

	.modal.in .modal-dialog {
		-webkit-transform: translate(0, 5%);
	    -ms-transform: translate(0, 5%);
	    -o-transform: translate(0, 5%);
	    transform: translate(0, 5%);
	}


	.bootbox h2, .bootbox h3 {
		color: white;
	}

	.bootbox h2 {
		line-height: 110%;
	    font-size: 28px;
	    color: #fff;
	    font-family: 'Roboto Slab';
	    font-weight: bold;
	    margin: 0 20px 15px 15px;
	}

	.bootbox h3 {
		font-family: 'Roboto';
	    font-weight: 400;
	    font-size: 22px;
	    margin: 0 20px 92px 20px;
	}

	::selection,
	::-moz-selection {
	    background-color: #ACCEF7;
	}

	.tagline h3 {
		margin: 0;
	    min-width: 190px;
	    width: 33%;
	    font: 400 16px/24px "Roboto Slab", serif;
	    padding-bottom: 10px;
	    background: url(../images/windows-logo.png) right 4px no-repeat;
	    color: #333;
	}

	.hr-outsourcing .fl-callout-photo-left .fl-callout-photo {
	    display: table-cell;
	    height: 100px;
	    padding-right: 0;
	    vertical-align: top;
	    width: 7%;
	}

.wo-facts {
    background: #419639;
    font-family: "Roboto Slab", sans-serif;
    height: auto;
    margin: 50px auto 0 auto;
    padding: 15px 0;
    width: 85%;
}

.wo-facts-title {
    background: #81c341;
    color: #fff;
    font: 300 44px/70px "Roboto Slab", serif;
    margin-left: -18px;
    max-width: 590px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.facts-arrow {
    background: url(../images/facts-arrow.jpg);
    height: 28px;
    left: 0;
    position: absolute;
    top: 70px;
    width: 18px;
}

.wo-facts .tagline {
	margin: 0;
}

.wo-facts .info {
    overflow: hidden;
    padding: 50px;
}

.wo-facts .white {
    color: #fff;
}

.wo-facts .green {
    background: none !important;
    color: #81c341;
}

.established {
    border-right: 1px dotted #fff;
    float: left;
    height: 55px;
    width: 173px;
}

.est {
    float: left;
    margin: 20px 0 0 -5px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.wo-facts .year {
    float: right;
    font-size: 70px;
    line-height: 55px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.established .year {
    left: -5px;
    position: relative;
}

.plus-years {
    float: right;
    width: 307px;
}

.plus-years .year {
    font-size: 58px;
    margin-bottom: 3px;
    min-width: 310px;
    position: relative;
    text-transform: uppercase;
}

.wo-facts .tagline {
    font-size: 12px;
    font-weight: 400;
    min-width: 310px;
    text-transform: uppercase;
}

.revenues {
    margin-top: 30px;
}

.revenues .tagline {
    float: left;
    font-size: 14px;
}

.revenues .dotted-line {
    border-bottom: 1px dotted #fff;
    float: right;
    margin-top: -32px;
    width: 390px;
}

.billions {
    padding: 15px 0;
}

.billions .year {
    font-size: 84px;
    line-height: 84px;
}

.debt-free {
    float: right;
    margin-right: 85px;
    text-transform: uppercase;
}

.break {
    padding: 20px 0;
}

.break .dotted-line {
    border-bottom: 1px dotted #fff;
    float: left;
    margin-top: -5px;
    width: 335px;
}

.break .line-fourfivedown {
    border-bottom: 1px dotted #fff;
    float: left;
    margin-left: 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 55px;
}

.break .line-fourfiveup {
    border-bottom: 1px dotted #fff;
    float: left;
    margin-left: -28px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 55px;
}

.wo-facts .client-text.white {
	line-height: 19.6px;
}

.wo-facts .client-text.white b {
	font-weight: 400;
}

.wo-facts .nyse-text.white {
	line-height: 19.6px;
}

.break .dotted-line-short {
    border-bottom: 1px dotted #fff;
    float: right;
    margin-top: -5px;
    width: 94px;
}

.triangle {
    float: right;
    margin: -3px 0 0 0;
    width: 182px;
}

.statistics {
    margin-top: 10px;
}

.statistics .clients {
    border-right: 1px dotted #FFFFFF;
    float: left;
    padding: 10px 10px 15px 0;
    width: 173px;
}

.statistics .clients .people {
    background: url(../images/people.jpg);
    height: 98px;
    margin: 0 auto 10px 29px;
    width: 79px;
}

.statistics .clients .client-text {
    font-size: 14px;
    width: 95%;
}

.statistics .businesses .tagline {
    font-size: 13px;
    margin-left: 6px;
}

.businesses {
    float: right;
    padding-top: 15px;
    width: 320px;
}

.statistics .year {
    font-size: 62.5px;
    left: 6px;
    margin: 8px 0;
    min-width: 320px;
    position: relative;
    text-transform: uppercase;
}

.statistics .population {
    background: url(../images/pop.jpg);
    height: 106px;
    margin: 10px auto 0 8px;
    width: 309px;
}

.additional-info {
    margin-top: 30px;
}

.service-team .white {
    font-size: 21.3px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.service-team {
    border-right: 1px dotted #fff;
    float: left;
    padding-bottom: 10px;
    width: 47%;
}

.service-team .year {
    float: none;
    font-size: 42.5px;
    font-weight: 700;
    left: 0;
    line-height: 36px;
    margin: 0;
}

.service-team .tagline {
    font-size: 12.5px;
    font-weight: 400;
    margin-top: 4px;
}

.stock {
    float: right;
    width: 50%;
}

.nyse {
    background: url(../images/nsp.jpg);
    float: left;
    height: 64px;
    margin: 15px 15px 15px 5px;
    width: 64px;
}

.stock .tagline,
.nyse-text {
    font-size: 14px;
}

.fl-node-564dc626f04ec .menu li {
	border-left: none;
}

.page-template-general-layout .secondary-navigation .fl-row-fixed-width {
	padding-left: 0;
	padding-right: 0;
}

.secondary-navigation .fl-module-content {
	margin: 0;
}

.secondary-navigation .fl-row-content-wrap {
	padding: 0;
}

#menu-hr-outsourcing-alt-menu {
	margin: 0;
}

.secondary-navigation {
    overflow: hidden;
    padding: 0px;
    width: 100%;
}

@media (min-width: 585px) {
	.secondary-navigation {
		position: relative;
		top: -15px;
	}
}

.secondary-navigation ul {
    display: table;
    list-style: none;
    margin: 0 0 0.7em 0;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
}

.secondary-navigation li {
    display: table-cell;
    width: 25%;
}

.secondary-navigation ul li a {
    background-color: #999999;
    border-left: 1px solid #a3a3a3;
    color: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 25px;
    padding: 15px 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.secondary-navigation ul li a:before {
    border-left: 1px solid #8c8c8c;
    content: '';
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 2px;
}

.secondary-navigation ul li a:hover {
    background-color: #666666;
    border-left: 1px solid #666666;
    cursor: pointer;
    text-decoration: none;
    z-index: 4;
}

.secondary-navigation ul li a:hover:before {
    border-left: 1px solid #666666;
}

.secondary-navigation ul li a:hover:after {
    background-color: #999999;
    content: "";
    height: 55px;
    position: absolute;
    right: -2px;
    top: 0px;
    width: 2px;
}

.secondary-navigation ul li:hover {
    z-index: 3;
}

.secondary-navigation ul li:first-child a {
    border-left: none;
}

.secondary-navigation ul li.last-child:after {
    background-color: #999999;
    content: " ";
    height: 55px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: -1;
}

.unselected.secondary-navigation ul li.last-child:after {
    top: 0px;
}

.secondary-navigation ul li.current-menu-item {
    background-color: rgb(0, 101, 149);
    margin-bottom: 5px;
    margin-top: 5px;
}

.secondary-navigation ul li.current-menu-item a {
    background-color: rgb(0, 101, 149);
    border-left: 1px solid rgb(0, 101, 149);
    display: block;
    margin: 6px 0px;
    padding: 15px 15px;
    position: relative;
    z-index: 10;
}

.secondary-navigation ul li.current-menu-item a:before {
    border-left: none;
}

.secondary-navigation ul li.current-menu-item a:after {
    background-color: rgb(0, 101, 149);
    content: " ";
    height: 67px;
    position: absolute;
    right: -2px;
    top: -6px;
    width: 2px;
}

.secondary-navigation ul#tabs-left {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.secondary-navigation ul#tabs-left li {
    list-style-type: none;
    margin: 0px;
}

#secondary-nav-outer {
    min-height: 50px;
    overflow: hidden;
    position: relative;
    top: -16px;
    z-index: 100;
}

.hr-outsourcing .fl-callout-photo-left .fl-callout-photo, .hr-outsourcing .fl-callout-photo-left-text .fl-callout-photo {
	padding-right: 0;
	width: 7%;
}

.fl-node-564dd103261e5 .fl-col-content {
	background-color: transparent;
}

.fl-node-564dd103261e5 .gray-area {
	border: 1px solid #D5D2D2;
	margin: 0 20px;
}

.hr-menu li:not(.current-menu-item) {
	margin-top: 12px;
}

@media (max-width: 585px) {
	.hr-menu li {
		display: block;
		margin: 0;
		width: 100%;
	}

	.hr-menu li:not(.current-menu-item) {
		margin-top: 0;
	}

	.hr-menu li.current-menu-item a {
		border-left: none;
		margin: 0;
	}

	.secondary-navigation ul li {
		margin: 0;
	}

	.secondary-navigation ul li a {
		border-left: 0;
		margin: 0;
	}

	.secondary-navigation ul li {
		margin: 0 !important;
	}

	.secondary-navigation ul li.current-menu-item {
		margin: 0;
	}

	.secondary-navigation ul li.current-menu-item a {
		margin: 0;
	}

	.secondary-navigation ul li.current-menu-item a:after {
		background-color: transparent;
	}
}

@media (max-width: 768px) {
	.secondary-navigation ul li {
		border: none !important;
	}
}

/*
	Module Gray Sidebar
*/

.module-gray-new {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #efefef;
    background-image: none;
    border-radius: 3px;
    box-shadow: none;
    line-height: 120%;
    margin: 0 10px;
    position: relative;
}

.module-gray-new .module-logo {
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background-color: #016699;
    background-color: #595959;
    border-radius: 3px 3px 0 0;
    color: #efefef;
    font-size: 18px;
    line-height: 120%;
    margin: 0px;
    padding: 8px 15px 8px;
}

.module-gray-new .module-logo img {
    margin-right: 250px;
}

.module-gray-new:last-child,
.module-gray-new.last {
    margin-bottom: 0;
}

.module-gray-new:first-child,
.module-gray-new.first {
    margin-top: 0;
}

.module-gray-new .module-content-wrapper {
    position: relative;
}

.module-gray-new .module-header {
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background-color: #666;
    border-radius: 3px 3px 0 0;
    color: #efefef;
    font-size: 18px;
    line-height: 120%;
    margin: 0px;
    padding: 15px 20px;
    text-align: center;
}

.module-gray-new .module-content, .module-gray-new.module-wrap {
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #d6d6d6;
    border-color: #d6d6d6;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0px 1px 0px #f6f6f6;
    display: block;
    padding: 18px 20px 18px;
}

.module-gray-new.white-bg {
    background: white;
}

.module-gray-new.no-header .module-content {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    position: relative;
}

.module-gray-new .module-teaser {
    left: -20px;
    margin-bottom: -14px;
    position: relative;
    top: -18px;
}

.module-gray-new .module-header h2 {
    color: white;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0px;
}

.module-gray-new .module-header h3 {
    border-top: 1px solid #888;
    color: white;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2em;
    margin-top: 4px;
    padding-top: 4px;
}

.module-gray-new .module-content h2 {
    color: #333;
    font-size: 20px;
    line-height: 1.1;
    margin: 10px 0px;
}

.module-gray-new p {
    margin: 10px 0px;
}

.module-gray-new form {
    margin-top: 20px;
}

.module-gray-new .bottom-note {
    color: #333;
    font-family: 'Roboto';
    font-size: 0.95em;
    font-style: italic;
    font-weight: 400;
    margin-top: 10px;
}

.module-gray-new input.text {
    padding: 8px 9px;
    position: relative;
}

.module-gray-new .module-form {
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #d6d6d6;
    border-color: #d6d6d6;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    padding-left: 28px;
    padding: 18px 20px 18px;
}

.module-gray-new .module-form h2 {
    color: #333333;
    font-size: 20px;
    line-height: 1.1;
    margin: 10px 0px;
    padding-left: 29px;
}

#ninja_forms_form_194_cont .title {
	display: none;
}

.new-button {
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: 17px;
    font-weight: normal;
    line-height: 1em;
    padding: 4px 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.new-button:hover {
    background-color: #f8f8f8;
    text-decoration: none;
}
.new-button span {
    display: block;
    filter: none;
    padding: 8px 15px 11px;
    position: relative;
    vertical-align: top;
}
.new-button span big {
    color: #005e86;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
.new-button span.with-icon {
    font-family: 'Roboto';
    font-weight: 500;
}
.new-button img.icon {
    margin-left: 7px;
    /*  position: absolute;
  top: 15px;
  right: 14px;*/
    /*  position: relative;

  top: 1px;*/
}
/* chat-buttons */

.new-button.chat-button {
    font-size: 1em;
    margin-top: 10px;
    padding: 0px;
}
/* submit button */

.new-button.sumbit {
    font-size: 1.2em;
    font-weight: normal;
    padding: 4px 0px;
}
/* blue button */

.new-button.blue {
    background: #0279ac;
    background: -moz-linear-gradient(top, #0279ac 0%, #005f87 100%);
    background: -o-linear-gradient(top, rgb(2, 121, 172), rgb(0, 95, 135));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0279ac), color-stop(100%, #005f87));
    border: 1px solid #014d6e;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 64, 91, .75);
}
.new-button.blue span big {
    color: #fff;
}
.new-button.blue:hover {
    background: #005f87;
    text-decoration: none;
}
/* green button */

.new-button.green {
    background: #509630;
    background: -moz-linear-gradient(top, #559e33 0%, #4b8c2d 100%);
    background: -o-linear-gradient(top, #559e33 0%, #4b8c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #559e33), color-stop(100%, #4b8c2d));
    border: 1px solid #3a6e23;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 64, 91, .75);
}
.new-button.green span {
    padding: 10px 10px 10px;
}
.new-button.green span big {
    color: #fff;
}
.new-button.green:hover {
    background: #448227;
    text-decoration: none;
}
/* Yellow Button */

a.new-button.yellow, .new-button.yellow {
    background: #FCD400;
    background: -moz-linear-gradient(top, #FCD400 0%, #EEB500 100%);
    background: -o-linear-gradient(top, #FCD400 0%, #EEB500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCD400), color-stop(100%, #EEB500));
    border: 1px solid #d9a102;
    color: #333333;
    padding: 10px 0;
    position: relative;
    width: 100%;
    z-index: 100;
    /*text-shadow: 1px 1px 0px rgba(0,64,91,.75); */
}
.new-button.yellow span {
    padding: 10px 15px 10px;
}
.new-button.yellow span big {
    color: #fff;
}
.new-button.yellow:hover {
    background: #fddf40;
    text-decoration: none;
}
/* Grey Button */

.new-button.gray {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #ececec 100%);
    /* Old browsers */

    background: -ms-linear-gradient(top, #fafafa 0%, #ececec 100%);
    /* Opera 11.10+ */

    background: -o-linear-gradient(top, #fafafa 0%, #ececec 100%);
    /* Chrome10+,Safari5.1+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #ececec));
    /* FF3.6+ */

    background: -webkit-linear-gradient(top, #fafafa 0%, #ececec 100%);
    /* Chrome,Safari4+ */

    background: linear-gradient(to bottom, #fafafa 0%, #ececec 100%);
    /* IE10+ */

    border-radius: 2px;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec', GradientType=0);
    /* W3C */

    font-size: 12px;
    /* IE6-9 */

    font-weight: bold;
    letter-spacing: 0px;
    padding: 8px 14px;
}
.new-button.gray:hover {
    background: #fff;
}

.new-button.chat-icon span {
    background: url('../images/chat-icon.png') 5px 3px no-repeat;
    padding: 8px 10px 8px 55px;
    text-align: left;
}
.new-button.call-icon span {
    background: url('../images/call-icon.png') 5px 3px no-repeat;
    padding: 8px 10px 8px 55px;
    text-align: left;
}

.new-button.small-button {
    font-size: 15px;
    width: 152px;
}
.new-button.small-button span {
    padding: 3px 10px 4px;
}

a.new-button.mini-button {
    font-size: 12px;
    padding: 0px;
}
a.new-button.mini-button.green:visited,
a.new-button.mini-button.green:hover {
    color: white;
}
a.new-button.mini-button.green:hover {
    color: white;
}
.new-button.mini-button span {
    left: 5px;
    letter-spacing: 1px;
    padding: 0px 10px;
    position: relative;
    top: -6px;
}

a.new-button.mini-button-my-cart {
    font-size: 12px;
    height: 10px !important;
    padding: 0px;
    width: 90px;
}
.new-button.mini-button-my-cart span {
    font-family: 'Roboto';
    font-weight: 400;
    left: 5px;
    letter-spacing: .030em;
    padding: 0px 10px;
    position: relative;
    top: -4px;
}
/* LEFT SIDEBAR MODULE-NEW-GRAy styles */

.left-sidebar .module-gray-new .module-header {
    padding: 10px 12px 12px;
}
.left-sidebar .module-gray-new .module-content {
    padding: 9px 10px;
    /*  padding: 10px 12px;*/
}
.left-sidebar .module-gray-new .new-button {
    font-size: 15px;
    width: 152px;
}
.left-sidebar .module-gray-new .new-button span {
    padding: 3px 10px 4px;
}
.left-sidebar .module-gray-new .new-button span.with-icon {
    /*    padding-right: 22px;*/
}
.left-sidebar .module-gray-new .new-button img.icon {
    /*    position: absolute;
    right: 7px;
    top: 10px;*/
}
.left-sidebar .module-gray-new form input.text {
    padding: 6px;
    position: relative;
    width: 143px;
}
/* CHAT & CONTACT US / services overview page */

.cta input.text {
    width: 218px;
}
.cta input.with-more {
    margin-right: 10px;
    width: 175px;
}
.cta .new-button {
    width: 236px;
}
.cta .toggle-wrap.open input.with-more {
    margin-right: 0px;
    width: 218px;
}
#content .subscribe .new-button {
    width: 100%;
}
/* SOCIAL ICONS */

ul.social {
    list-style: none outside none;
    margin: 10px 0px;
}
ul.social li {
    display: block;
    float: left;
    font-size: 10px;
    margin: 0px 2px;
    padding: 0px;
    text-align: center;
    width: 45px;
}
ul.social li img {
    margin-bottom: 5px;
}
ul.social li a {
    color: #333;
}

#WO-LM .module-header {
    background-color: #359946;
    color: #fff;
    font: 500 24px/30px "Roboto Slab", serif;
    margin-left: -10px;
    margin: 0px;
    padding: 30px 15px;
    position: relative;
    text-align: center;
}
#WO-LM .learn-arrow {
    background: url(../images/facts-arrow.jpg);
    height: 14px;
    left: -9px;
    position: absolute;
    top: 0;
    width: 10px;
}

.wo-ebook {
    background: #eae9e0;
    border: 1px solid #d3d2cc;
    min-width: 245px;
    padding: 16px;
}
.wo-ebook-title {
    background: #006595;
    color: #fff;
    font: 400 24px/48px "Roboto Slab", serif;
    text-align: center;
    width: 100%;
}
.wo-ebook-pic {
    background: url(../images/WO---Guide-Background.jpg) repeat;
    background-size: cover;
    min-height: 237px;
    padding: 22px 0;
}
.wo-ebook-pic img {
    box-shadow: 0px 0px 5px rgba(1, 68, 100, 0.5);
    display: block;
    margin: 0 auto;
}
.wo-ebook-headline {
    color: #016699;
    font: 600 16px/22px "Roboto Slab", serif;
    margin: 15px 0 5px 0;
}
.wo-ebook-text {
    width: 95%;
}
.wo-ebook .new-button {
    margin-top: 40px;
    width: 100%;
}

.wo-contact-box {
    background: #f0f0f0;
    border: 1px solid #c9c7c7;
    margin: 40px 0;
    padding: 20px 30px 35px 30px;
    width: 100%;
}
.contact-title {
    background: url(../images/quote-bubble.png) 0 5px no-repeat;
    color: #333;
    font: 400 24px/30px "Roboto Slab", serif;
    min-height: 60px;
    padding-left: 80px;
}
.wo-contact-box .new-button {
    float: right;
    margin: 15px 65px 15px 0;
}
.contact-tagline {
    float: right;
    margin-right: 17px;
}

.wo-body {
    margin-left: 40px;
    font-size: 20px;
    font-weight: 300;
}
.wo-fullwidth {
    width: 790px;
    margin-left: 50px;
}
.wo-title {
    color: #333;
    font: 400 28px/34px "Roboto Slab", serif;
    margin-bottom: 20px;
}
.wo-body p {
    margin-bottom: 25px;
    line-height: 28px;
    color: # 333;
}
.wo-icon {
    width: 65px;
    float: left;
    background: url(../images/wo-sprite.png);
    margin: 5px 15px 0 0;
}
.wo-icon1 {
    height: 52px;
}
.wo-icon2 {
    height: 47px;
    background-position: 0 -52px;
}
.wo-icon3 {
    height: 57px;
    background-position: 0 -99px;
}
.wo-icon4 {
    height: 70px;
    background-position: 0 -156px;
}
.wo-icon5 {
    height: 48px;
    background-position: 0 -226px;
}
.wo-icon6 {
    height: 52px;
    background-position: 0 -274px;
}
.wo-text {
    display: table-cell;
}
.wo-text p {
    line-height: 30px;
}
.wo-feature {
    margin-bottom: 30px;
    font-size: 16px;
}
.wo-subtitle {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 5px;
    color: #419639;
}
.wo-body a {
    margin-top: 5px;
    color: # 18 aae2;
    display: block;
    font-weight: 400;
    font-size: 18px;
}
.wo-body b {
    font-weight: 400;
}
.wo-app {
    background: #e9e9e9;
    border-radius: 3px;
    padding: 30px 20px 0 20px;
    min-width: 238px;
    margin: -17px 0 -17px -17px;
}
.wo-app img {
    float: right;
}
.wo-app.new-button.blue {
    width: 100 %;
}
.wo-app-text {
    float: left;
    width: 50%;
}
.wo-app-title {
    color: #006595;
    font: 400 22px/30px "Roboto Slab", serif;
    margin: 10px 0 10px 0;
}
.wo-app-tagline {
    color: # 999;
}
.wo-app img {
    margin-right: 3px;
}
.wo-app.new-button {
    margin-top: 25px;
}
.wo-app.new-button img {
    position: relative;
    left: -25px;
    top: 2px;
}
.module-gray-new.module-header: after {
    background: url(../images/WO---Feature-Arrows.jpg);
    width: 10px;
    height: 10px;
    position: absolute;
}

.take-a-spin {
	margin-bottom: 30px;
}

.take-a-spin .wo-app-text {
	display: block;
	float: left;
	width: 50%;
}

.wo-app img {
	margin-right: 0;
}

.app-button.app-trigger {
	display: block;
	margin: 15px auto 0 auto;
	text-align: center;
}

.app-button.app-trigger .new-button.blue {
	width: 80%;
}

.wo-ebook .new-button.blue {
	color: #fff;
}

#videoBtn {
	display: none;
}

/*** Hero ***/

#hero {
  padding-top: 6rem;
  padding-bottom: 4rem;
  color: #ffffff;
  text-align: center;
  background-color: #006695;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: none;
}
#hero.dark {
  background-color: #cccccc;
}
#hero h1,
#hero .h1 {
  color: #ffffff;
  text-shadow: 0 0 6px #565656;
  font-size: 2rem;
  line-height: 1.2em;
}
#hero.dark h1, #hero.dark .h1 {
  color: #004865;
  text-shadow: 0 0 6px #ffffff;
}
#hero h1 > span {
  font-size: .5em;
  line-height: 1.25em;
  display:block;
}
.container #hero
.container-fluid #hero {
  padding-left: 15px;
  padding-right: 15px;
}
#hero .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #hero, #hero.dark {
    padding-top: 8rem;
    padding-bottom: 8rem;
    text-align: left;
  }
  .container #hero,
  .container-fluid #hero {
    padding-left: 60px;
    padding-right: 60px;
  }
  #hero h1,
  #hero .h1 {
  	font-size: 2.75rem;
  }
}