/* mobile */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {

	body { 
		font-size: .75em;
		-webkit-text-size-adjust: 100%;
	}

	.mobile { 
		display: block !important; 
	}
	span.mobile { 
		display: inline !important; 
	}
	table.mobile {
		display: table !important; 
	}
	col.mobile { 
		display: table-column !important; 
	}
	th.mobile, td.mobile { 
		display: table-cell !important; 
	}
	tr.mobile { 
		display: table-row !important; 
	}
	.desktop, span.desktop, table.desktop, col.desktop, th.desktop, td.desktop, tr.desktop { 
		display: none !important; 
	}

	/* column styles */
	.columns, 
	.columns.tight { 
		margin: 0 -5px; 
	}
	.columns:after { 
	}
	.c10, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66,.c70,.c75, .c80, .c90, .c100,
	.cm10, .cm20, .cm25, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm70, .cm75, .cm80, .cm90, .cm100 {
		float: none;
		width: 100%;
	}

	.c10.float-right,.c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c70.float-right,.c75.float-right, .c80.float-right,.c90.float-right {  
	}
	.columns .c10, .columns .c20, .columns .c25, .columns .c30, .columns .c33, .columns .c40, .columns .c50, .columns .c60, .columns .c66, .columns .c70, .columns .c75, .columns .c80, .columns .c90, .columns .c100, .columns.tight .c10, .columns.tight .c20, .columns.tight .c25, .columns.tight .c30, .columns.tight .c33, .columns.tight .c40, .columns.tight .c50, .columns.tight .c60, .columns.tight .c66, .columns.tight .c70, .columns.tight .c75, .columns.tight .c80, .columns.tight .c90, .columns.tight .c100 { 
		padding: 5px; 
	}

	.cm10,.cm20, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm70, .cm80, .cm90,.cm100 { 
		float: left; 
		min-height: 1px; 
	}


	.lc { 
		padding-right: 15px; 
	}
	.rc { 
		padding-left: 15px; 
	}
	.cm100.lc,
	.cm100.rc,
	.lcm,
	.rcm {  
		padding-left: 0;
		padding-right: 0;
	}


	.tablescroll {
		max-width: 100%;
		position: relative;
	}
		.tablescroll > div { 
			overflow-x: auto;
		}
			.tablescroll table {
			}
		.tablescroll:after {
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
			
			content: '';
			height: 100%;
			pointer-events: none;
			position: absolute; right: 0; top: 0;
			width: 30px;
			z-index: 10;
		}


	/* xinha */
	.inset-left { 
		float: none; 
		height: auto;
		margin: 1em 0;
		width: 100%;
	}
	.inset-right { 
		float: none; 
		height: auto;
		margin: 1em 0; 
		width: 100%;
	}



	.navi-arrow { 
		height: 30px; 
		top: calc(50% - 15px); 
		width: 30px; 
	}
	.navi-arrow:hover { 
	}
	.navi-arrow.left { 
	}
	.navi-arrow.right { 
	}



	.root { 
		width: 100%; 
	}
		.root > div, .page-width { 
			padding-left: 10px;
			padding-right: 10px;
			width: 100%;
		}



	/* ----------------------------- PAGE STRUCTURE ----------------------------- */

	header { 
		height: auto;
		padding: 10px 20px; 
	}
		header > div {
			height: auto; max-height: none; 
		}
			header .logo { 
				margin: 0; 
				position: static; 
				width: 120px; 
			}
				header .logo img {  }
		
			header .quick-menu {
				display: none;
			}
		
		.mobile-menu-toggle {
			cursor: pointer;
			display: block;
			height: 20px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			position: absolute; right: 0; top: 0; 
			width: 22px;
		}
			.mobile-menu-toggle span {
				display: block;
				position: absolute;
				height: 3px;
				background: #000000;
				border-radius: 2px;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
				width: 100%;
			}
			.mobile-menu-toggle span:nth-child(1) {
				top: 0px;
			}
			.mobile-menu-toggle span:nth-child(2), .mobile-menu-toggle span:nth-child(3) {
				top: 7px;
			}
			.mobile-menu-toggle span:nth-child(4) {
				top: 14px;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(1) {
				top: 7px;
				width: 0%;
				left: 50%;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(4) {
				top: 7px;
				width: 0%;
				left: 50%;
			}



	/* responsive navigation */
	.main-navigation { 
		background: #FFFFFF; 
		-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		font-size: 1em;
		height: 100%; 
		left: 0; 
		margin-left: -75%; 
		padding: 10px 20px; 
		position: fixed; 
		right: auto; 
		top: 0; 
		transition: all .3s ease;
		width: 70%; 
		z-index: 1003; 
	}
	body.mobile-menu .main-navigation { 
		margin-left: 0; 
		overflow-x: hidden; 
		overflow-y: auto; 
	}
		.main-navigation .logo { 
			display: block; 
			margin: 0 0 20px;
			width: 120px; 
		}
			.main-navigation .logo img { 
				display: block; 
				width: 100%;
			}
			
			
			.main-navigation .quick-menu {
				display: block;
				font-size: .9em;
				position: static; top: auto; right: auto;
				text-align: left;
			}
				.main-navigation .quick-menu .benefits-link {
					
				}
					.main-navigation .quick-menu .benefits-link img {
						
					}
				.main-navigation form.job-search {
					background: #e5e5e5;
					margin: .5em 0;
					width: 100%;
				}
				.main-navigation .quick-menu form.job-search {
					
				}
					.main-navigation form.job-search input[type="text"] {
						
					}
					.main-navigation form.job-search input[type="image"] {
						
					}
				.main-navigation .quick-menu .phone {
					
				}
		
		
		.main-navigation ul:not(.social-media-list) { 
			padding-bottom: 20px; 
			text-align: left; 
		}
			.main-navigation ul:not(.social-media-list) li { 
				display: block;
				float: none;
				margin: 0; 
			}
				.main-navigation ul:not(.social-media-list) a, 
				.main-navigation ul:not(.social-media-list) a:visited { 
					border-right: 0;
					font-size: .9em;
					height: auto;
					line-height: normal; 
					padding: .3em 1em .3em 0; 
				}
				.main-navigation ul:not(.social-media-list) li.current_page_item a,
				.main-navigation ul:not(.social-media-list) li.current_page_ancestor a { 
					text-decoration: underline; 
				}
				.main-navigation ul:not(.social-media-list) li:first-child a {  }
				.main-navigation ul:not(.social-media-list) li:last-child a { 
					border: 0; 
					padding-right: 0; 
				}
				.main-navigation ul:not(.social-media-list) a:hover, 
				.main-navigation ul:not(.social-media-list) ul a:hover { 
					background: transparent; 
					text-decoration: none; 
				}
				.main-navigation ul:not(.social-media-list) :hover > a, 
				.main-navigation ul:not(.social-media-list) ul :hover > a { 
					background: transparent; 
					text-decoration: underline; 
				}
				.main-navigation ul:not(.social-media-list) a:hover { 
					background: transparent; 
					text-decoration: underline; 
				}
				
				.main-navigation ul:not(.social-media-list) ul.sub-menu { 
					border-top: 0;
					height: auto;
					left: auto;
					padding: .3em 0 10px 10px;
					position: static;
					top: auto;
					visibility: visible;
					width: auto;
				}
					.main-navigation ul:not(.social-media-list) ul.sub-menu li { 
						background: transparent; 
						padding: 0; 
					}
						.main-navigation ul:not(.social-media-list) ul.sub-menu a, 
						.main-navigation ul:not(.social-media-list) ul a:visited { 
							background: none; 
							font-size: .8em;
							padding: .5em 0; 
						}
						.main-navigation ul:not(.social-media-list) ul.sub-menu li.current_page_item a { 
							background-color: transparent; 
						}
						.main-navigation ul:not(.social-media-list) ul.sub-menu li:first-child a { 
							padding-top: .5em;
						}
						.main-navigation ul:not(.social-media-list) ul.sub-menu li:last-child a { 
							padding-bottom: .5em;
						}
						/* style the second level hover */
						.main-navigation ul:not(.social-media-list) ul.sub-menu a:hover, 
						.dropdown-box ul.menu a:hover { 
							background: transparent; 
						}
						.main-navigation ul:not(.social-media-list) ul.sub-menu :hover > a { 
							background: transparent; 
						}
						
			/* make the second level visible when hover on first level list OR link */
			.main-navigation ul:not(.social-media-list) li:hover ul, 
			.main-navigation ul:not(.social-media-list) a:hover ul {  }

		.main-navigation ul.social-media-list {
			margin: 0 0 .5em;
			text-align: left;
		}
		ul.social-media-list li {
			margin: 0;
		}
			ul.social-media-list li a {
				width: 20px; height: 20px;
			}





	.banner { 
	}
		.banner .cycle-slideshow { 
		}
			.banner .item {
			}
				.banner .item .link { 
				}
				.banner .root {  
				}
					.banner .page-width {  
					}
	.banner.shallow {
	}

	.banner.bannertext > div {
	}


	/* SiteOrigin Hero banner images styling */
	.so-widget-sow-hero {
		font-size: .9em !important;
	}
		.so-widget-sow-hero li,
		.so-widget-sow-hero li .sow-slider-image-wrapper {
		}
			.so-widget-sow-hero li a {
			}
			.so-widget-sow-hero li .sow-slider-image-wrapper {
				padding: .6em 3em !important;
			}
				/* circle that grows */
				.so-widget-sow-hero li .sow-slider-image-wrapper:before {
				}
				.so-widget-sow-hero li.cycle-slide-active .sow-slider-image-wrapper:before {
				}
				/* make the move text in br corner */
				.so-widget-sow-hero li .sow-slider-image-wrapper:after {
					width: 10em; 
				}
			.so-widget-sow-hero li p:nth-of-type(1) {
				font-size: 1em !important;
				margin-bottom: .5em !important;
			}
			.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(1) {
			}
				.so-widget-sow-hero li p:nth-of-type(1):before {
				}
			.so-widget-sow-hero li p:nth-of-type(2) {
				font-size: 1em !important;
			}
			.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(2) {
			}
			.so-widget-sow-hero li p:nth-of-type(3) {
				font-size: 1em !important;
				margin: .5em 0 !important;
			}
			.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(3) {
			}






		
		
		
		
		.home-jobs-widget {
			margin-bottom: 1em;
		}
		
		.values .textwidget img:first-of-type {
			top: .2em;
			width: 2em; height: 2em;
		}
		
		.twitter-feed {
			margin-bottom: 5px;
			height: auto; max-height: none;
		}
		
		.ignition-benefits {
			height: auto; max-height: none;
		}
		
		ul.social-media-list {
			margin: 1em 0;
			text-align: left;
		}
		
	footer .social-media-list li a {
		background-size: 60%;
		height: 24px;
		width: 24px;
	}

}




/* medium size screens */
@media only screen and (min-device-width: 480px) and (max-device-width: 1040px), only screen and (min-width: 480px) and (max-width: 1040px) {

	body { 
		font-size: calc(.4em + .8vw);
	}

	.navigation-circles {
		padding-top: 1em;
		padding-bottom: 1em;
	}
		.circle-link { margin-bottom: 1em; }
	
	.cr10 { width: 10%; }
	.cr20 { width: 20%; }
	.cr25 { width: 25%; }
	.cr30 { width: 30%; }
	.cr33 { width: 33.33%; }
	.cr40 { width: 40%; }
	.cr50 { width: 50%; }
	.cr60 { width: 60%; }
	.cr66 { width: 66.66%; }
	.cr70 { width: 70%; }
	.cr75 { width: 75%; }
	.cr80 { width: 80%; }
	.cr90 { width: 90%; }
	.cr100 { width: 100%; }

	.lcr {
		padding-left: 20px;
	}
	.rcr {
		padding-right: 20px;
	}




	.root {  
		
	}



}