/* CSS 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for oldr browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style:none outside none;
}

input, button {
		-webkit-appearance: none;
		-webkit-border-radius:0;
		border-radius: 0;
}

html {
	margin-top:0 !important;
}

img {
	max-width:100%;
}

a {
	text-decoration:none;
	color:#4b759b;
	
}
a:hover {
	color:#ac1f2e;
}

body {
		background:#fff;
		overflow-x:hidden;
		margin:0;
		padding:0;
		font-family:'Raleway', sans-serif;
		overflow-x:hidden !important;
		position:relative;
}

::-webkit-input-placeholder {
		font-family:'Raleway', sans-serif;
		color:#1e252b;
		font-size:18px;
		font-weight:300;
}

:-moz-placeholder { /* Firfox 18- */
		font-family:'Raleway', sans-serif;
		color:#1e252b;
		font-size:18px;
		font-weight:300;
	}

::-moz-placeholder {  /* Firefox 19+ */
		font-family:'Raleway', sans-serif;
		color:#1e252b;
		font-size:18px;
		font-weight:300;
	}

:-ms-input-placeholder {  
		font-family:'Raleway', sans-serif;
		color:#1e252b;
		font-size:18px;
		font-weight:300;
	}		

section {
		margin:0;
		padding:0;
		display:block;
		position:relative;
		width:100%;
}

h3 {
	color: #a21c28;
    font-family: 'Raleway', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: none;
}

.container {
		overflow:hidden;
		position:relative;
		margin:0 auto;
		width:90%;
		max-width:1200px;
}
.banner .container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
header {
		width:100%;
		position:relative;
		padding:0;
		min-height:61px;
}

.logo {
		width:150px;
		height:87px;
		position:absolute;
		left:0;
		top:0;
		z-index:10;
}

.logo a {
	display:block;
	width:100%;
	height:100%;
}

.logo img {
	width:100%;
	top:50%;
	position:relative;
	transform:translateY(-50%);
}

nav {
		margin:0 auto;
		display:block;
		position:relative;
		text-align:center;
		height:87px;
		z-index:9;
}

nav ul.menu {
		display:inline-block;
		top: 40%;
		position: relative;
		height:100%;
}

nav ul li {
		display:inline-block;
		vertical-align:top;
		font-family:'Raleway', sans-serif;
		color:#202020;
		font-weight:700;
		font-size:18px;
		margin:0 15px;
		text-transform:uppercase;
		height:100%;
}

nav ul li ul li.menu-item-has-children:after {
		content:'\002B';
		position:absolute;
		right:15px;
		top:15px;
		font-size:25px;
		font-weight:400;
}

nav ul li ul li.menu-item-has-children:hover:after {
		content:'\002B';
		position:absolute;
		right:15px;
		top:15px;
		font-size:25px;
		font-weight:400;
		color:#ac1f2d;
}

nav ul li a {
	color:#202020;
	text-decoration:none;
}

nav ul li a:hover, nav ul li.active a, nav ul li:hover > a {
		color:#ac1f2d;
}

nav ul li ul {
		display:none;
		position:absolute;
		background:#fff;
		width:300px;
		z-index:999;
		top:auto;
		transform:none;
		box-shadow:0 7px 20px -5px rgba(0,0,0,0.5);
}

nav ul li:hover > ul {
		display:block;
		z-index:999;
		margin-top:33px;
}

nav ul li ul li {
		display:block;
		padding:20px 0;
		border-bottom:1px solid #dadada;
		width:100%;
		margin:0;
		text-align:left;
		text-indent:20px;
		font-size:15px;
		position:relative;
		font-weight:400;
}

nav ul li ul li:last-child {
	border-bottom:none;
}

nav ul li ul li a {
		display:block;
		width:100%;
		height:100%;
}

nav ul li ul li ul {
		position:absolute;
		top:-33px;
		left:300px;
		display:none;
}

nav ul li ul li:hover > ul {
		display:block;
}

button.navicon {
		color:#a21b28;
		background:transparent;
		border:none;
		font-size:30px;
		position:absolute;
		right:0;
		top:25px;
		cursor:pointer;
		display:none;
}

.new .banner {
		background-color:#1d242b;
		font-family:'Raleway', sans-serif;
		color:#fff;
		height:0;
		padding-bottom:28%;
		position:relative;
}

.new .banner img.bg {
		position:absolute;
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:1;
		top:0;
		left:0;
}

.new .banner .container {
	position:relative;
	z-index:2;
}

.new .banner h1 {
		font-size:55px;
		font-weight:600;
		padding-top:10vw;
		width:100%;
		display:block;
		text-align:center;
		color:#fff;
		font-family:'Raleway', sans-serif;
}

.new .banner .subtitle {
		font-weight:400;
		font-size:36px;
		padding-top:30px;
		width:100%;
		display:block;
		text-align:center;
		padding-bottom:5px;
}

.banner span, .cat-bar {
		display: inline-block;
		/*display:block;*/
		color:#fff;
		font-weight:700;
		text-transform:uppercase;
		font-size:11px;
		padding:7px 0;
		width:100px;
		text-align:center;
		text-decoration:none;
		margin:30px auto 75px;
}

.new.insights .banner a, .new .cat-bar.insights {
		background:#4b759b;
}

.new.blog-post .banner span, .new .cat-bar.blog-post {
		background:#9c9d9d;
}

.new.event .banner a, .new .cat-bar.event {
		background:#a21c28;
}

.new.webinar .banner a, .new .cat-bar.webinar {
		background:#a29b88;
}

.new.case-study .banner a, .new .cat-bar.case-study {
		background:#ebae1f;
}

.new .banner a.red {
	background:#a21b28;
	border:2px solid #a21b28;
}

.new .banner a.red:hover {
		color:#a21b28;
		background:#fff;
}

/*------------------------------------------
	Start of Main Content Styles
------------------------------------------*/

.main-content .main, .main-content .side {
		display:inline-block;
		vertical-align:top;
		margin-top:75px;
		margin-bottom:50px;
}

.main-content .main {
		width:calc(100% - 490px);
		text-align:left;
		font-family:'Raleway', sans-serif;
		margin-right:50px;
}

.main .main-image {
		width:100%;
		height:auto;
		margin-bottom:25px;
}

.main .main-image img {
	width:100%;
}
.tag-wrap{
	text-align: center;
}
.main .cat-bar {
		display:inline-block;
		vertical-align:top;
		/*margin-right:15px;*/
		margin-bottom:30px;
		margin-top:0;
}
.new .resources ul li .cat-bar.sec-cat, .cat-bar.sec-cat{
	margin-right: 5px;
}
.new .resources ul li .cat-bar.sec-cat.filtered-cat{margin-right: 0; margin-left: 5px}
.main .author {
		display:inline-block;
		vertical-align:top;
		padding-top:3px;
		color:#ac1f2e;
		font-style:italic;
		font-weight:500;
		font-size:18px;
		margin-bottom: 10px
}

.main .opening-text {
		color:#1d252b;
		font-weight:600;
		letter-spacing:1px;
		font-size:24px;
		line-height:30px;
		padding-bottom:30px;
}

.main h1 {
		color:#ac1f2e;
		font-weight:700;
		font-size:21px;
		padding-bottom:20px;
}

.main p {
		color:#1d252b;
		font-weight:400;
		font-size:16px;
		line-height:24px;
		padding-bottom:30px;
}

.main h2 {
		color:#ac1f2e;
		font-weight:500;
		font-size:20px;
		padding-bottom:20px;
		text-transform:none;
}

.main h3 {
		color:#ac1f2e;
		font-weight:400;
		font-style:italic;
		font-size:20px;
		padding-bottom:20px;
}

.main ul{
		list-style:none;
		display:block;
		margin-left:20px;
}

.main ul li {
		font-size:16px;
		line-height:24px;
		padding-bottom:15px;
		position:relative;
}

.main ul li:before {
		content:'';
			background:#a21b28;
			width:6px;
			height:6px;
			border-radius:50%;
			top:10px;
			left:-18px;
			position:absolute;
}

/*----------------------------------
	Sidebar Form Section
------------------------------------*/
.main-content .side {
		width:425px;
		background:#fff;
		box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.13); 
		box-sizing:border-box;
		font-family:'Raleway', sans-serif;
		margin-top:80px;
		padding-bottom:30px;
}

.new.blog-post .main-content .side {
		box-shadow:none;
}

.side .title {
		background:#1e252b;
		color:#fff;
		width:100%;
		padding:30px 0;
		text-align:center;
		position:relative;
		top:-5px;
		font-size:30px;
		font-weight:700;
		margin-bottom:25px;
		height:auto;
}

.new.blog-post .side .title {
		background:transparent;
		color:#ac1f2e;
		font-style:italic;
		font-size:24px;
		font-weight:500;
		margin-bottom:0;
		padding-top:0;
}

.side form, .new .resources form, .careers-opps form {
		width:90%;
		margin:0 auto;
		display:block;
		text-align:left;
}

.new .resources form, .careers-opps form {
		text-align:center;
		width:100%;
}

.careers-opps form {
	margin-bottom:100px;
}

.side form input, .new .resources form input, .careers-opps form input {
		width:100%;
		box-sizing:border-box;
		padding-left:5%;
		border:1px solid #dadada;
		border-radius:5px;
		height:45px;
		margin-bottom:15px;
		display:block;
		font-weight:500;
		font-family: 'Raleway', sans-serif;
		font-size:18px;
}

.new .resources form input, .careers-opps form input {
		width:250px;
		display:inline-block;
		vertical-align:top;
		margin-right:15px;
		margin-bottom:0;
}

.new .resources .drop-container, .careers-opps .drop-container {
		width:300px;
		margin-right:15px;
		display:inline-block;
		vertical-align:top;
}

.careers-opps .drop-container {
		width:360px;
		
}

@media only screen and (max-width:499px) {
		.careers-opps .drop-container {
			width:90%;
			margin-bottom:20px;
		}
}

.side form label {
		display:block;
		box-sizing:border-box;
		border:1px solid #dadada;
		padding:20px;
		margin-bottom:12px;
		border-radius:5px;
}

.side form label .label-text {
		color:#1e252b;
		position:relative;
		margin-bottom:10px;
		font-weight:500;
		font-size:18px;
}

.side form label input[type="radio"] {
		-webkit-appearance:radio;
		appearance:radio;
		width:20px;
		height:20px;
		position:relative;
		margin-right:10px;
		display:inline-block;
		vertical-align:top;
		margin-bottom:5px;
}

.side form .radio-text {
		color:#878d92;
		font-weight:500;
		font-size:18px;
}

.side .selectDefault, .new .resources form .selectDefault, .new .resources form .selectDefault2, .careers-opps form .selectDefault2 {
		padding-left:5%;
		width:100%;
		border:1px solid #dadada;
		border-radius:5px 0 0 5px;
		padding-top:13px;
		height:45px;
		font-weight:500;
		font-family: 'Raleway', sans-serif;
		font-size:18px;
		background:#fff;
		display:block;
		color:#1e252b;
		cursor:pointer;
		text-align:left;
		box-sizing:border-box;
		margin-bottom:15px;
	}

.new .resources form .selectDefault, .new .resources form .selectDefault2, .careers-opps form .selectDefault2 {
		display:inline-block;
		vertical-align:top;
		width:100%;
		margin-right:15px;
		margin-bottom:0;
		padding-left:10px;
}
	
.side img, .new .resources form img, .careers-opps form img {
		background:#ac1f2e;
		width:19px;
		height:12px;
		position:absolute;
		margin-top:-60px;
		margin-left:337px;
		padding:16px 13px;

}	

.new .resources form img, .careers-opps form img {
		margin-top:-44px;
		margin-left:255px;
		display:block;
}

.careers-opps form img {
		margin-left:314px;
}

@media only screen and (max-width:499px) {
		.careers-opps form img {
			margin-left:75%;
		}
}

.side img:hover, .new .resources form img:hover, .careers-opps form img:hover {
		background:#b9162f;
		cursor:pointer;
}
	
.side select.selectBox, .new .resources form select.selectBox, .new .resources form select.selectBox2, .careers-opps form select.selectBox2 {
		display:none;
}	
	
.new .resources ul.styled-select, .new .resources ul.styled-select2, .careers-opps ul.styled-select2 {
		background:#fff;
		box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5); 
		overflow:hidden;
		position:absolute;
		width:300px;
		z-index:3;
		margin-top:-5px;
		margin-left:0;
		display:none;
		min-height:0 !important;
}

.new .resources ul.styled-select li, .new .resources ul.styled-select2 li, .careers-opps ul.styled-select2 li {
		width:100%;
		box-sizing:border-box;
		color:#878d92;
		font-size:18px;
		font-family:'Raleway', sans-serif;
		font-weight:500;
		padding:15px 0 15px 5%;
		margin-bottom:0 !important;
}

.new .resources ul.styled-select li:hover, .new .resources ul.styled-select2 li:hover, .careers-opps ul.styled-select2 li:hover {
		background:#a21b28;
		color:#fff;
		cursor:pointer;
}
	
.side form input[type="checkbox"] {
		-webkit-appearance:checkbox;
		appearance:checkbox;
		width:20px;
		height:20px;
		position:relative;
		margin-right:10px;
		display:inline-block;
		vertical-align:top;
		top:-3px;
}	

.side form input[type="tel"] {
		margin-bottom:25px;
}

.side form button, .new .resources form button, .careers-opps form button {
		border:none;
		font-weight:700;
		font-family: 'Raleway', sans-serif;
		font-size:22px;
		color:#fff;
		text-transform:uppercase;
		display:block;
		margin-bottom:50px;
		margin-top:10px;
		background:#ab162c;
		padding:15px 0;
		width:175px;
		border:2px solid #ab162c;
}

.new .resources form button, .careers-opps form button {
		font-size:17px;
		padding:10px 0;
		display:inline-block;
		vertical-align:top;
		margin:0;
}

.side form button:hover, .new .resources form button:hover, .careers-opps form button:hover {
		background:#fff;
		color:#ab162c;
		cursor:pointer;
}
	
/*-------------------------------------
	Resources Section Styles
--------------------------------------*/
.new .resources {
		background:#fafafa;
		text-align:center;
		padding:70px 0;
		font-family:'Raleway', sans-serif;
}

.new .resources .title {
		color:#a21b28;
		font-weight:600;
		font-size:35px;
		width:100%;
		display:block;
		text-align:center;
		height:auto;
}

.new .resources ul, .new .side ul {
		text-align:center;
		display:block;
		margin:50px auto;
		width:100%;
}

.new .main-content.careers .side ul {
		margin-bottom:0;
}

.new.resources .resources ul {
		text-align:left;
		min-height:400px;
}

.new .side ul {
	margin-top:0;
}

.new .resources ul li, .new .side ul li {
		display:inline-block;
		vertical-align:top;
		width:370px;
		max-width:370px;
		margin:0 1%;
		text-align:left;
}

.page-template-template-resources-page.new .resources ul li {
		margin:0 2% 30px 0;
}

.page-template-template-resources-page.new .resources ul li:hover .title-section, .new .resources ul li:hover .title-section {
		background:rgba(172,31,46,0.85);
}

.page-template-template-resources-page.new .resources ul li.featured {
		width:64%;
		max-width:none;
}

.new .side ul li {
		width:100%;
		display:block;
		margin:0 auto 15px;
}

.new .resources ul li a, .new .side ul li a {
		text-decoration:none;
}

.new .resources ul li .title-section, .new .side ul li .title-section {
		background:rgba(29,36,43,0.85);
		margin-top:200px;
		padding:30px 15px;
		box-sizing:border-box;
		width:100%;
		text-align:left;
		position:relative;
		z-index:1;
		height:175px;
}

.new .resources ul li .title-section .title, .new .side ul li .title-section .title {
		color:#fff;
		font-weight:700;
		text-align:left;
		font-size:21px;
		line-height:25px;
		padding:0 0 15px 0 !important;
		background:transparent;
		font-style:normal;
		margin:0;
		top:0;
		height:70px !important;
}

.new .resources ul li .title-section .title span, .new .side ul li .title-section .title span {
		font-weight:400;
}

.new .resources ul li .title-section .date, .new .side ul li .title-section .date {
		font-weight:300;
		font-size:16px;
		color:#fff;
}

.new .resources ul li .title-section .date img, .new .side ul li .title-section .date img {
		position:relative;
		margin-right:5px;
		top:5px;
		background:transparent !important;
		width:auto;
		height:auto;
		margin:0 5px 0 0;
		padding:0;
}

.new .resources ul li .cat-bar, .new .side ul li .cat-bar {
		top:212px;
		position:relative;
		margin:0;
		z-index:2;
}

.new .side a.re {
		font-family:'Raleway', sans-serif;
		font-size:16px;
		text-transform:uppercase;
		font-weight:600;
		text-align:center;
		background:#ac1f2e;
		border:2px solid #ac1f2e;
		padding:15px 20px;
		margin-left:6.5%;
		color:#fff;
}

.new .side a.re:hover {
		background:#fff;
		color:#ac1f2e;
}

footer .container_inner {
		width:1200px;
}

.spacer {
		background:#fff;
		min-height:calc(100vh - 719px);
}

/*------------------------------------
	Newsletter Section
----------------------------------*/
.new .newsletter {
		background-color:#1d252b;
		padding:80px 0;
		text-align:center;
		color:#fff;
		position:relative;
}

.new .newsletter img.bg {
		position:absolute;
		width:auto;
		height:100%;
		top:0;
		left:0;
}

.new .newsletter h2 {
		font-family:'Raleway', sans-serif;
		font-size:48px;
		color:#fff;
		font-weight:600;
		line-height:55px;
		padding-bottom:40px;
		width:90%;
		max-width:1000px;
		margin:0 auto;
		display:block;
		text-transform:none;
}

.new .newsletter p {
		color:#fff;
		font-family:'Raleway', sans-serif;
		font-size:24px;
		font-weight:400;
		line-height:28px;
		width:100%;
		max-width:1200px;
		margin:0 auto;
		display:block;
		padding-bottom:10px;
}

.new .newsletter form {
		width:100%;
		text-align:center;
		display:block;
		margin-top:30px;
}

.new .newsletter form input {
		font-size:18px;
		color:#1d252b;
		font-weight:300;
		text-transform:uppercase;
		padding-left:15px;
		border:none;
		background:#fff;
		height:50px;
		width:70%;
		max-width:500px;
		display:inline-block;
		vertical-align:top;
		margin-right:5px;
}

.new .newsletter form button {
		font-size:18px;
		font-weight:600;
		text-transform:uppercase;
		text-align:center;
		width:150px;
		height:53px;
		background:#1d252b;
		border:none;
		display:inline-block;
		vertical-align:top;
		color:#fff;
}

.new .newsletter form button:hover {
		cursor:pointer;
		background:#263139;
}

.bottom-right {
	width:45%;
}

/*-------------------------------------
	Footer Styles
--------------------------------------*/
footer {
		background:#a21b28;
		padding:20px 0;
		width:100%;
		margin:0;
		color:#fff;
		font-family:'Raleway', sans-serif;
		height:auto;
}

footer .right {
		float:right;
		position:relative;
		top:-17px;
		margin-bottom:-17px;
}

footer .right .flogo {
		float:right;
		position:relative;
		width:69px;
		height:45px;
}

footer .right .flogo img {
		width:100%;
}

footer .right .published {
		font-size:11px;
		width:360px;
		line-height:18px;
		float:right;
		margin-right:50px;
		font-weight:300;
}

footer  a {
		text-decoration:none;
		color:#fff;
}

footer a:hover {
		color:#fff !important;
}

footer .left .locations {
		font-weight:700;
		font-size:12px;
		line-height:18px;
		margin-top:5px;
		text-transform:uppercase;
}

footer .left .locations a {
		color:#fff;
		text-decoration:none;
}

footer .left .locations a:hover {
		color:#fff !important;
}

footer .left .links a {
		position:relative;
		margin-right:10px;
		font-size:12px;
		font-weight:400;
		text-transform:uppercase;
}

footer .left .links a:hover {
		color:#fff;
}

footer .flogo a {
		display:block;
		width:100%;
		height:100%;
}

footer .flogo a object {
	pointer-events:none;
	height:45px;
	width:69px;
}

.new .side .event-date, .new .side .event-time, .new .side .event-location {
		font-size:20px;
		color:#a21c28;
		font-weight:400;
		margin-bottom:15px;
		margin-left:6.5%;
}

.new .side .event-date span, .new .side .event-time span, .new .side .event-location span {
		color:#000;
		font-weight:700;
		position:relative;
		margin-right:10px;
}

.new .side .event-location {
		margin-bottom:50px;
}

/*------------------------------------
	Listing Page
------------------------------------*/
.listings {
		padding:50px 0;
		width:100%;
}

.listings ul {
		width:100%;
		text-align:center;
		display:block;
		margin-top:50px;
}

.listings ul li {
		display:block;
		margin-bottom:125px;
		width:100%;
		height:300px;
}

.listings ul li .page-image {
		width: 300px;
		height: 300px;
		border-radius: 150px;
		border-radius: 50%;
		display: inline-block;
		vertical-align:top;
		text-align: left;
		perspective: 1px;
		overflow: hidden;
		position: relative;
		margin-right:50px;
		float:left;
}

.listings ul li .page-image img {
		width: 300px;
		height: auto;
		position: absolute;
		clip: rect(0px, 300px, 300px, 0px);
		opacity:0;
		transition:opacity 1s ease-in;
		left:-300px;
}

.listings ul li .page-image img.fadeIn {
		opacity:1;
		left:0;
}

.listings ul li:nth-child(even) .page-image {
		float:right;
		margin-right:0;
}

.listings ul li:nth-child(even) .page-image img {
		left:auto;
		right:-300px;
}

.listings ul li:nth-child(even) .page-image img.fadeIn {
		right:0;
}

.listings ul li .info {
		text-align:left;
		width:800px;
		position:relative;
		display: table-cell;
		height:300px;
		vertical-align:middle;
}

.listings ul li .info .page-title {
		font-weight:700;
		font-size:28px;
		text-transform:uppercase;
		padding-bottom:5px;
		color:#202020;
}

.listings ul li .info .page-line {
		height:4px;
		width:50px;
		background-color:#a21b28;
		margin-bottom:30px;
}

.listings ul li .info .page-line.c {
		height:4px;
		width:50px;
		background-color:#4b759b;
		margin-bottom:30px;
}

.listings ul li .info .page-excerpt {
		color: #1d252b;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 30px;
}

.listings ul li .info button, .listings ul li .info button.c {
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
		background: #ac1f2e;
		border: 2px solid #ac1f2e;
		padding: 12px 20px;
		color: #fff;
		border-radius:5px;
		cursor:pointer;
}

.listings ul li .info button.c {
		background:#4b759b;
		border:2px solid #4b759b;
}

.listings ul li .info button:hover {
		background: #fff;
		color: #ac1f2e;
}

.listings ul li .info button.c:hover {
	background:#fff;
	color:#4b759b;
}

.new .banner object {
		width:100px;
		height:75px;
		margin:5vw auto 0;
		display:block;
}

.new .banner h1.compliance {
		padding-top:30px;
}

/*-----------------------------------
	Compliance Listing Sections
-------------------------------------*/
.compliance-best {
		height:500px;
		/* The scaling of the images would add a horizontal scrollbar, so disable x overflow. */
		overflow: hidden;
		/* Set the perspective to 2px. This is essentailly the simulated distance from the viewport to transformed objects.*/
		perspective: 2px;
}

.parallax {
		position:relative;
		height:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		color:#fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.parallax {
		display:block;
	}
  .parallax .container {
		position:relative;
		display:block;
		top:50%;
		margin-top:-132px;
		color:#fff;
}
}

.parallax::after {
		content: " ";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		/* Move the pseudo-element back away from the camera,
		* then scale it back up to fill the viewport.
		* Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
		transform: translateZ(-1px) scale(2);
		/* Force the background image to fill the whole element. */
		background-size: 100%;
		/* Keep the image from overlapping sibling elements. */ 
		z-index: -1;
		background-image: url(https://tdinternational.com/wp-content/uploads/TDI-TabletScreen_blue-filter.jpg);
		background-attachment:fixed;
		background-repeat:no-repeat;
}

@media (hover:none) {
	.parallax::after {
		background-attachment:initial;
	}
}

.compliance-best .small-font {
		font-size: 16px;
		line-height: 18px;
		font-style: normal;
		font-weight: 700;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
}

.compliance-best .line {
		height: 4px;
		width: 50px;
		background-color: #fff;
		margin:10px auto 30px;
}

.compliance-best .large-font {
		font-size: 60px;
		line-height: 64px;
		font-style: normal;
		font-weight: 700;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
}

.compliance-best a {
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
		background:transparent;
		border: 2px solid #fff;
		padding: 12px 20px;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		margin:30px auto 0;
		display:block;
		width:115px;
}

.compliance-best a:hover {
		background:#4b759b;
}

.compliance-approach {
		text-align:center;
		padding:100px 0;
		background:#fff;
}

.compliance-approach h3 {
		text-transform:uppercase;
		color:#303030;
		font-size:21px;
		line-height:26px;
		letter-spacing:1px;
		font-weight:700;
}

.compliance-approach .line {
		height: 4px;
		width: 50px;
		background-color: #4b759b;
		margin:10px auto 30px;
}

.compliance-approach ul {
		width:100%;
		text-align:left;
		margin:50px auto 0;
}

.compliance-approach ul li {
		display:inline-block;
		vertical-align:top;
		width:25%;
		margin-left:5%;
}

.compliance-approach ul li .title {
		font-weight:600;
		letter-spacing:1px;
		line-height:20px;
		font-size:16px;
		padding-bottom:10px;
		height:37px;
}

.compliance-approach ul li .line {
		margin:0 0 30px;
}

/*-----------------------------------
	Technology Page
-----------------------------------*/
.g-content p.c-line {
		height: 7px;
		width: 50px;
		background-color: #ebae1f;
		margin:10px auto 30px;
		padding:0;
}

.technology {
		text-align:left;
		padding:80px 0;
}

.cloud-image {
		float:right;
		width:600px;
}

@keyframes fadeInRight {
		0% { opacity:0;right:-200px;}
		100% { opacity:1;right:0;}
}

.cloud-image img {
	width:100%;
	opacity:0;
	position:relative;
	right:-200px;
	-webkit-animation: fadeInRight 800ms normal 1s forwards ease; /* Safari 4+ */
	-moz-animation:    fadeInRight 800ms normal 1s forwards ease; /* Fx 5+ */
	-o-animation:      fadeInRight 800ms normal 1s forwards ease; /* Opera 12+ */
	animation:         fadeInRight 800ms normal 1s forwards ease; /* IE 10+, Fx 29+ */
}

.cloud-data {
		display:inline-block;
		vertical-align:top;
		width:600px;
}

@keyframes fadeInLeft {
		0% { opacity:0;margin-left:-200px;}
		100% { opacity:1;margin-left:0;}
}



.cloud-data ul {
		width:100%;
		display:block;
		margin-top:25px;
		opacity:0;
		margin-left:-200px;
		-webkit-animation: fadeInLeft 1s normal 1s forwards ease; /* Safari 4+ */
		-moz-animation:    fadeInLeft 1s normal 1s forwards ease; /* Fx 5+ */
		-o-animation:      fadeInLeft 1s normal 1s forwards ease; /* Opera 12+ */
		animation:         fadeInLeft 1s normal 1s forwards ease; /* IE 10+, Fx 29+ */
}

.cloud-data ul li {
		display:block;
		width:100%;
		margin-bottom:50px;
}

.cloud-data ul li i {
		display:inline-block;
		vertical-align:top;
		margin-right:30px;
		font-size:40px;
		position:relative;
		
}

.cloud-data ul li p {
		display:inline-block;
		vertical-align:top;
		color:#1e252b;
		font-size:22px;
		font-weight:600;
		letter-spacing:1px;
		text-transform:uppercase;
		line-height:30px;
		width:calc(100% - 90px);
}

.technology2 {
		padding:80px 0;
		background:#fff;
}

.technology2 h2 {
		width:100%;
		text-align:center;
		font-size:28px;
		font-weight:700;
		color:#303030;
		line-height:35px;
		letter-spacing:1px;
}

.technology2 .line {
		height: 4px;
		width: 50px;
		background-color: #ebae1f;
		margin:10px auto 30px;
}

.technology2 p {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 28px;
		font-style: normal;
		font-weight: 400;
		text-transform: none;
		padding-bottom: 20px;
}

.technology2 a {
		color:#ebae1f;
		text-decoration:none;
		font-weight:700;
		font-size:14px;
		line-height:26px;
		font-family:Raleway, sans-serif;
		display:block;
		margin-top:30px;
}

.technology2 a:hover {
		color:#4b759b;
}

/*-----------------------------------
	General Page Styles
------------------------------------*/
.g-content {
		padding:50px 0;
		display:block;
}
.g-content h2, .g-content h2 a {
	color: #1d252b;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    line-height: 38px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
	margin-bottom:30px;
}

.g-content p {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 28px;
		font-style: normal;
		font-weight: 400;
		text-transform: none;
		padding-bottom:20px;
}

.g-content a {
		color: #4b759b;
		font-weight:700;
}

.g-content ul {
		list-style:disc;
		margin-left:25px;
		display:block;
		margin-bottom:20px;
}

.g-content ul li {
		display:list-item;
		padding-bottom:10px;
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 23px;
		font-style: normal;
		font-weight: 400;
		text-transform: none;
}

/*-----------------------------------
	Company Page Styles
------------------------------------*/
.company-meaning {
		padding:150px 0;
		text-align:center;
		color:#fff;
		position:relative;
}

.company-meaning .container {
		position:relative;
		z-index:2;
}

.company-meaning img.bg {
		position:absolute;
		width:100%;
		height:100%;
		object-fit:cover;
		top:0;
		left:0;
		z-index:1;
}

.company-meaning h3 {
		font-family: 'Raleway', sans-serif;
		font-size: 25px;
		line-height: 30px;
		font-style: normal;
		font-weight: 300;
		text-transform: none;
		color:#fff;
		font-weight:700;
		padding-bottom:30px;
}

.company-meaning p {
		font-family: 'Raleway', sans-serif;
		font-size: 25px;
		line-height: 30px;
		font-style: normal;
		font-weight: 300;
		text-transform: none;
		padding-bottom:25px;
		color:#fff;
}

.company-why {
		background:#fff;
		padding:50px 0;
		text-align:left;
}

.company-why .left, .company-why .right {
		display:inline-block;
		vertical-align:top;
		width:49%;
		margin-bottom:50px;
}

.company-why .left {
		margin-right:1%;
}

.company-why h4 {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 28px;
		line-height: 38px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: uppercase;
}

.company-why .right h4 span {
		color:#EAAF24;
}

.company-why .right .map {
		background:url('../img/company-map.png') no-repeat;
		background-size:100%;
		background-position:center;
		width:100%;
		height:0;
		padding-bottom:49.52%;
		margin-top:15px;
}

.company-why .line {
	margin-top: 10px;
    margin-bottom: 10px;
	border-top:2px solid #000;
	height:2px;
	width:20px;
}

.company-why p {
		color: #303030;
		font-family: 'Raleway', sans-serif;
		font-size: 14px;
		line-height: 21px;
		font-style: normal;
		font-weight: 400;
		padding-bottom:20px;
		width:90%;
}

.company-why .left.bottom {
	width:40%;
}

.company-why .right.bottom {
		width:57%;
}

.company-why .left.bottom .heading {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 20px;
		line-height: 30px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: uppercase;
}

.company-why .left.bottom .line {
		margin-top: 10px;
		margin-bottom: 15px;
		border-top:5px solid #EAAF24;
		height:5px;
		width:20px;
}

.company-why .left.bottom  ul {
		width:100%;
		text-align:left;
		display:block;
}

.company-why .left.bottom ul li {
		display:block;
		height:auto;
		width:100%;
		margin-bottom:5px;
}

.company-why .left.bottom ul li:hover {
		cursor:pointer;
}

.company-why .left.bottom ul li .icon {
		display:inline-block;
		vertical-align:top;
		font-family: 'Raleway', sans-serif;
		font-size:25px;
		text-align:center;
		width:40px;
		height:40px;
		color:#000;
		border-radius:3px;
		box-sizing:border-box;
		padding-top:6px;
		border: 2px solid #CECECE;
		margin-right:15px;
		background:#fff;
		transition:background 500ms ease;
}

.company-why .left.bottom ul li.open .icon {
		background:#CECECE;;
}

.company-why .left.bottom ul li .title {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 18px;
		line-height: 40px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: uppercase;
		display:inline-block;
		vertical-align:top;
}

.company-why .left.bottom ul li:hover .title {
		color:#EAAF24;
}

.company-why .left.bottom ul li .info {
		color: #303030;
		font-family: 'Raleway', sans-serif;
		font-size: 14px;
		line-height: 21px;
		font-style: normal;
		font-weight: 400;
		width:90%;
		box-sizing:border-box;
		padding-left:60px;
		max-height:0;
		height:auto;
		position:relative;
		opacity:0;
		z-index:-1;
		transition:max-height 500ms ease, opacity 500ms ease;
}

.company-why .left.bottom ul li.open .info {
		opacity:1;
		max-height:500px;
		z-index:1;
}

.company-why .right.bottom ul {
		display:flex;
		width:100%;
		align-items: flex-start;
		justify-content:space-between;
		flex-wrap:wrap;
}

.company-why .right.bottom ul li {
		text-align:left;
}

.company-why .right.bottom ul li .number {
		width: 181px;	
		color: #EAAF24;	
		font-family: 'Raleway', sans-serif;
		font-size: 75px;	
		font-weight: 500;	
		line-height: 75px;
		margin-bottom:25px;
}

.company-why .right.bottom ul li .line {
		box-sizing: border-box;	
		height: 1px;	
		width: 83px;	
		border: 3px solid #CECECE;
		border-radius:5px;
		margin-bottom:15px;
}

.company-why .right.bottom ul li .info {
		color: #1B2227;	
		font-family: 'Raleway', sans-serif;
		text-transform:uppercase;
		width:90%;
		max-width:205px;
		font-size: 16px;	
		font-weight: 600;	
		line-height: 29px;
}

.learn-more {
		background:url('../img/tdi_learn-more-background.png') no-repeat;
		background-size:cover;
		background-position:center top;
		padding:80px 0;
		text-align:center;
}

.learn-more h3 {
		color: #FFFFFF;	
		font-family: 'Raleway', sans-serif;
		font-size: 27px;	
		font-weight: bold;	
		line-height: 29px;	
		text-align: center;
		text-transform:uppercase;
}

.learn-more ul {
		width:100%;
		margin:80px 0 0;
		display:flex;
		align-items: center;
		justify-content:center;
}

.learn-more ul li {
		height: 247px;	
		max-width: 223px;	
		border-radius: 8px;	
		background-color: #FFFFFF;
		margin:0 5%;
}

.learn-more ul li .page-image, .learn-more ul li .page-image img {
	width:100%;
}

.learn-more ul li .page-title {
		color: #4B759B;	
		font-family: 'Raleway', sans-serif;
		font-size: 19px;	
		font-weight: bold;	
		line-height: 29px;	
		text-align: center;
		padding-top:25px;
		text-transform:uppercase;
}

.chart .bar {
    height: 15px;
	margin: 5px 0 15px;
	width: 0;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}
.chart ul li:first-child .bar{background-color: #a29b88}
.chart ul li:nth-child(2) .bar{background-color: #a21c28}
.chart ul li:nth-child(3) .bar{background-color: #4b759b}
.chart ul li:nth-child(4) .bar{background-color: #ebae1f}
.chart ul li:nth-child(5) .bar{background-color: #bcbcbc}

.chart ul li:first-child .bar.inView{width: 70%}
.chart ul li:nth-child(2) .bar.inView{width: 95%}
.chart ul li:nth-child(3) .bar.inView{width: 80%}
.chart ul li:nth-child(4) .bar.inView{width: 85%}
.chart ul li:nth-child(5) .bar.inView{width: 90%}

/*------------------------------------
	Team Page Styles
-------------------------------------*/
.team-area {
		background:#A21C26;
		width:100%;
		display:block;
}

.team-area .area-title {
		background:url('../img/tdi-team-areas_of_expertise.png') no-repeat;
		background-size:cover;
		background-position:left center;
		width:40%;
		height:475px;
		display:inline-block;
}

.team-area ul {
		display:inline-flex;
		width:60%;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: flex-end;
		height:475px;
		float:right;
}

.team-area ul li {
		width:33.3333%;
		background-color:#fff;
		border-left:3px solid #fff;
		border-bottom:3px solid #fff;
		text-align:center;
		position:relative;
		min-height:230px;
		box-sizing:border-box;
}

.team-area ul li .overlay {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:rgba(83,72,62,0.75);
}

.team-area .centered {
		position:relative;
		top:50%;
		left:50%;
		width:80%;
		transform:translate(-50%, -50%);
		color:#fff;
		font-family:'Raleway', sans-serif;
		text-align:center;
}

.team-area ul li .centered .title {
		font-family:'Raleway', sans-serif;
		font-size:20px;
		font-weight:600;
		margin-bottom:15px;
}

.team-area ul li .centered p {
		color: #FFFFFF;	
		font-family:'Raleway', sans-serif;	
		font-size: 16px;	
		line-height: 26px;	
		text-align: center;
}

.team-area .area-title .centered {
		font-weight:700;
		font-size:27px;
		line-height:36px;
		text-transform:uppercase;
}

/*-------------------------------------
	Contact Page Styles
-------------------------------------*/
.contact-content {
		background:#fff;
		padding:80px 0;
		text-align:left;
}

.contact-content .left, .contact-content .top-right {
		display:inline-block;
		vertical-align:top;
		width:49%;
		position:relative;
}

.contact-content .left {
		margin-right:1%;
}

.contact-content h2 {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 28px;
		line-height: 38px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: uppercase;
		margin-bottom:30px;
}

.contact-content p {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 23px;
		font-style: normal;
		font-weight: 400;
		text-transform: none;
		padding-bottom:20px;
}

.contact-content p strong {
		font-weight:700;
}

.contact-banner {
		height: 450px;
		background-image: url(https://tdinternational.com/wp-content/uploads/2016/07/TDI_parallax_map.jpg);
		background-position: 50% 0px;
		text-align:center;
		background-attachment:fixed;
}

.contact-banner .container {
		top:50%;
		transform:translateY(-50%);
		font-family: 'Raleway', sans-serif;
		font-size: 47px;
		font-weight: 600;
		color:#fff;
}

.contact-local {
		padding:80px 0;
		background:#fff;
		text-align:center;
}

.contact-local h4 {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 28px;
		line-height: 38px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: uppercase;
		padding-bottom:30px;
}

.contact-local p {
		color: #1d252b;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 23px;
		font-style: normal;
		font-weight: 400;
		text-transform: none;
}

.contact-local ul {
		width:100%;
		display:block;
		text-align:left;
		margin:50px 0 0;
		text-align:center;
}

.contact-local ul li {
		display:inline-block;
		vertical-align:top;
		width:22.5%;
		margin:0 1%;
}

.contact-local ul li .title {
		color: #a21c28;
		font-family: 'Raleway', sans-serif;
		font-size: 21px;
		font-style: normal;
		font-weight: 600;
		letter-spacing: 0px;
		text-transform: none;
		border:none;
		height:auto;
		text-align:center;
		padding-bottom:5px;
}

/*-----------------------------------
	Homepage Template
------------------------------------*/
.homepage {
		background-image: url(https://tdinternational.com/wp-content/uploads/2016/10/TDI_Home_New03.jpg);
		background-size:cover;
}

.homepage .container {
		color:#fff;
		position:relative;
		height:calc(100vh - 251px);
		padding:50px 0;
		margin:0 auto;
		text-align:center;
		opacity:0;
		transition:opacity 1000ms ease-in;
}

.homepage h1 {
		color: #ffffff;
		font-size: 47px;
		line-height: 60px;
		font-family: 'Raleway';
		font-style: normal;
		font-weight: 600;
		text-shadow: none;
		letter-spacing: 0px;
		margin-bottom:30px;
		text-transform:uppercase;
}

.homepage h1.norm {
		padding-top:150px;
}

.homepage .bx-wrapper ul li.active-slide .container, .homepage .bx-wrapper ul li.active-clicked .container {
		opacity:1;
}



.homepage .bx-wrapper .bx-pager {
		position:absolute;
		width:100%;
		text-align:center;
		margin-top:-45px;
}

.homepage .bx-wrapper .bx-pager .bx-pager-item {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		display: inline-block;
		vertical-align: top;
		margin: 0 8px 8px;
		transition: width 300ms ease;
}

.homepage .bx-wrapper .bx-pager .bx-pager-item a {
		text-indent: -9999px;
		display: block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #404041;
}

.homepage .bx-wrapper .bx-pager .bx-pager-item a.active {
		background:#a21b28;
		width:18px;
		height:18px;
		top:-1px;
		position:relative;
}



.homepage .bx-wrapper .bx-controls-direction {
	display:none;
}

.homepage .icon {
		width:100%;
		height:200px;
		overflow:hidden;
}

.homepage img.slide-brand {
		max-width:200px;
		width:auto;
		max-height:200px;
		height:auto;
		margin:0 auto;
		display:block;
}

.homepage .line {
		width:15%;
		margin:0 auto 30px;
		height:2px;
		border-top:2px solid rgba(162, 155, 136, 1);
}

.homepage .sub {
		text-shadow: none;
		color: #ffffff;
		font-size: 20px;
		line-height: 32px;
		font-family: Raleway;
		text-transform: none;
		max-width:600px;
		margin:0 auto;
}

.homepage .container a {
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
		background: #fff;
		border: 2px solid #a21b28;
		padding: 12px 20px;
		color: #a21b28;
		border-radius: 5px;
		cursor: pointer;
		margin: 30px 15px 0;
		display: inline-block;
		width: 115px;
}

.homepage .container a:hover {
		background:#a21b28;
		border:2px solid #fff;
		color:#fff;
}
/* careers form */
.open-positions .container{
	overflow: visible
}
.open-positions .heading-area{
	display: flex
}
.open-positions .select-options{
	width: 50%;
	margin-left: auto 
}
.open-positions .title{
	font-size: 27px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 36px;
	letter-spacing: .25px;
}
.open-positions .select-options{
	display: flex;
}
/* dropdown style */
.open-positions .drop-container:first-child {
    margin-right: 5%;
}
.open-positions .drop-container {
    border: 1px solid #eee;
    border-radius: 5px;
	width: 45%;
	height: 44px;
    position: relative;
}
.open-positions .drop-container span{
	padding-left: 5%;
	padding-top: 15px;
	vertical-align: middle;
	position:absolute;
}
.open-positions .drop-container img{
	background: #4B759B;
	width: 19px;
	height: 12px;
	position: absolute;
	padding: 16px 13px;
	right: 0;
}
.open-positions .drop-container .styled-select, .open-positions .drop-container .styled-select2, .open-positions .drop-container select{
	display: none;
}
.open-positions .styled-select, .open-positions .styled-select2 {
    position: absolute;
    bottom: -184px;
    width: 100%;
    z-index: 10;
	background: #fff;
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
}
.open-positions .styled-select li, .open-positions .styled-select2 li {
	padding: 15px 0 15px 5%;
	cursor: pointer;
}
.open-positions .styled-select li:hover, .open-positions .styled-select2 li:hover{
	background-color: #4B759B;
	color: #fff
}

/* position entry */
.position{
	border-bottom: 1px solid #CDCDCD;
	padding: 40px 0
}
.position:last-child{
	border-bottom: none
}
.position .title, .position .location{
	font-size: 18px;
}
.position .location{
	font-weight: 600
}
.position p{
	font-size: 16px;
	line-height: 26px;
	color: #1B2227;
	margin: 15px 0	
}
.position a{
	color: #A21A27;
	font-weight: 600;
	text-transform: uppercase;
}
.position a:hover{
	color: #4b759b
}
.position a span{
	margin-left: 5px
}

/*------------------------------------
	Careers Page Styles
-------------------------------------*/
.banner.careers {
		padding-bottom:0;
		height:450px;
}

@media only screen and (max-width:1249px) {
		.banner.careers {
			height:auto;
		}
}

.banner.careers .container {
		position:relative;
		top:50%;
		transform:translateY(-50%);
		text-align:center;
		max-width:1000px;
}

@media only screen and (max-width:1249px) {
		.banner.careers .container {
			top:0;
			transform:none;
			padding:100px 10%;
			box-sizing:border-box;
		}
}

@media only screen and (max-width:799px) {
		.banner.careers .container {
			padding:70px 0;
		}
}

.banner.careers .container h1 {
		top:0;
		transform:none;
		padding-bottom:30px;
		padding-top:0;
		transition:500ms ease-in-out;
}

@media only screen and (max-width:1249px) {
		.banner.careers .container h1 {
			font-size:45px;
		}
}

@media only screen and (max-width:599px) {
		.banner.careers .container h1 {
			font-size:40px;
		}
}

.banner.careers .container .careers-subtitle {
		font-family:'Raleway', sans-serif;
		font-weight:500;
		font-size:36px;
		color:#fff;
}

@media only screen and (max-width:699px) {
		.banner.careers .container .careers-subtitle {
			font-size:26px;
		}
}

.careers-culture {
		padding:80px 0;
		background:#fff;
}

.careers-culture .f-container {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
}

@media only screen and (max-width:899px) {
		.careers-culture .f-container {
			flex-flow:column nowrap;
			justify-content:center;
		}
}

.careers-culture .text {
		text-align:left;
		width:45%;
		max-width:600px;
}

@media only screen and (max-width:899px) {
		.careers-culture .text {
			width:100%;
			max-width:100%;
			text-align:center;
			margin-bottom:50px;
		}
}

.careers-culture .text .title {
		font-family:'Raleway', sans-serif;
		font-weight:700;
		font-size:28px;
		text-transform:uppercase;
		color:#1e252b;
		padding-bottom:30px;
}

.careers-culture .text p {
		font-family:'Raleway', sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		color:#282f3a;
		padding-bottom:20px;
}

.careers-culture .text a.btn {
		position:relative;
		margin-top:20px;
		display:inline-block;
		text-align:center;
		background:#a21c28;
		border:2px solid #a21c28;
		color:#fff;
		font-family:'Raleway', sans-serif;
		text-transform:uppercase;
		font-weight:700;
		font-size:16px;
		padding:15px 20px;
}

.careers-culture .text a.btn:hover {
		background:#fff;
		color:#a21c28;
}

.careers-culture .v-container {
		width:45%;
		max-width:550px;
}

@media only screen and (max-width:899px) {
		.careers-culture .v-container {
			width:100%;
			max-width:100%;
		}
}

.careers-culture .v-container img {
	width:100%;
	height:auto;
}

.careers-culture .v-container .vid {
		position:relative;
		width:100%;
		height:0;
		padding-bottom:56.25%;
		background:#efefef;
}

.careers-culture .v-container .vid iframe {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:-1;
}

.careers-culture .v-container .vid.active iframe {
		z-index:2;
}

.careers-culture .v-container .vid .cover {
		background:transparent;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:2;
		cursor:pointer;
}

.careers-culture .v-container .vid.active .cover {
		z-index:-1;
}

.careers-culture .v-container .vid .cover img.bg {
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:1;
		position:relative;
}

.careers-culture .v-container .vid .cover img.check {
		width:80px;
		height:80px;
		top:50%;
		transform:translate(-50%, -50%);
		left:50%;
		position:absolute;
		z-index:2;
}

.careers-values {
		background:#efefef;
		padding:80px 0;
}

.careers-values h2 {
		font-family:'Raleway', sans-serif;
		font-size:28px;
		text-transform:uppercase;
		font-weight:700;
		width:100%;
		text-align:center;
		color:#282f3a;
}

.careers-values ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
		margin:30px auto 0;
}

@media only screen and (max-width:899px) {
		.careers-values ul {
			flex-flow:column nowrap;
			justify-content:center;
		}
}

.careers-values ul li {
		width:45%;
		border-bottom:1px solid #dadada;
		text-align:left;
		padding:20px 0;
		cursor:pointer;
}

@media only screen and (max-width:899px) {
		.careers-values ul li {
			width:100%;
		}
}

.careers-values ul li .title {
		display:block;
		font-family:'Raleway', sans-serif;
		font-weight:700;
		font-size:16px;
		line-height:28px;
		color:#282f3a;
		display:inline-block;
}

.careers-values ul li .title .angle {
		transition:500ms ease-in-out;
		transform-style:preserve-3d;
		position:relative;
		margin-left:10px;
		display:inline-block;
}

.careers-values ul li.open .title .angle {
		transform:rotateX(180deg);
}

.careers-values ul li .title img.check {
		position:relative;
		top:6px;
		margin-right:10px;
}

.careers-values ul li .info {
		padding-left:43px;
		text-align:left;
		height:auto;
		max-height:0;
		font-family:'Raleway', sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		color:#282f3a;
		overflow:hidden;
		transition:1s ease;
}

@media only screen and (max-width:499px) {
		.careers-values ul li .info {
			padding-left:5px;
		}
}

.careers-values ul li.open .info {
		max-height:1000px;
}

.careers-benefits {
		background:#fff;
		border-bottom:1px solid #efefef;
		padding:80px 0;
}

.careers-benefits h2 {
		font-family:'Raleway', sans-serif;
		font-size:28px;
		text-transform:uppercase;
		font-weight:700;
		width:100%;
		text-align:center;
		color:#282f3a;
		padding-bottom:30px;
}

.careers-benefits p {
		width:90%;
		max-width:900px;
		text-align:center;
		font-family:'Raleway', sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		color:#000;
		padding-bottom:50px;
		position:relative;
		margin:0 auto;
}

.careers-benefits ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
}

@media only screen and (max-width:899px) {
		.careers-benefits ul {
			flex-flow:column nowrap;
			justify-content:center;
		}
}

.careers-benefits ul li {
		width:45%;
		text-align:left;
		position:relative;
		font-family:'Raleway', sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		margin-bottom:20px;
		display:flex;
		flex-flow:row wrap;
		justify-content:flex-start;
		align-items:flex-start;
}

@media only screen and (max-width:899px) {
		.careers-benefits ul li {
			width:100%;
		}
}

.careers-benefits ul li img {
		position:relative;
		top:0;
		margin-right:20px;
}

.careers-benefits ul li .title {
		width:calc(100% - 50px);
}

.careers-opps {
		background:#fff;
		padding:80px 0;
}

.careers-opps h2 {
		font-family:'Raleway', sans-serif;
		font-size:28px;
		text-transform:uppercase;
		font-weight:700;
		width:100%;
		text-align:center;
		color:#282f3a;
		padding-bottom:50px;
}

.careers-opps ul {
		width:100%;
		display:block;
}

.careers-opps ul li {
		display:block;
		background:#efefef;
		padding:40px 50px;
		box-sizing:border-box;
		text-align:left;
		margin-bottom:20px;
}

@media only screen and (max-width:499px) {
		.careers-opps ul li {
			padding:30px;
		}
}

.careers-opps ul li .position-info {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
		padding-top:20px;
}

@media only screen and (max-width:899px) {
		.careers-opps ul li .position-info {
			flex-flow:column nowrap;
			justify-content:flex-start;
		}
}

.careers-opps ul li .position-info .text {
		width:calc(100% - 230px);
}

@media only screen and (max-width:899px) {
		.careers-opps ul li .position-info .text {
			width:100%;
			margin-bottom:30px;
		}
}

.careers-opps ul li .position-info .text .title {
		font-family:'Raleway', sans-serif;
		font-weight:800;
		color:#282f3a;
		font-size:21px;
		line-height:25px;
		padding-bottom:10px;
}

.careers-opps ul li .position-info .text p {
		font-family:'Raleway', sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		color:#282f3a;
}

.careers-opps ul li .position-info a.btn {
		position:relative;
		display:inline-block;
		text-align:center;
		background:#a21c28;
		border:2px solid #a21c28;
		color:#fff;
		font-family:'Raleway', sans-serif;
		text-transform:uppercase;
		font-weight:700;
		font-size:16px;
		padding:15px 20px;
}

.careers-opps ul li .position-info a.btn:hover {
		background:#fff;
		color:#a21c28;
}

.main-content.careers {
		background:#fff;
		padding:80px 0;
}

@media only screen and (max-width:499px) {
		.main-content.careers {
			padding:50px 0 0;
		}
}

.main-content.careers .container {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
		overflow:visible;
		box-sizing:border-box;
		width:100%;
}

@media only screen and (max-width:1249px) {
		.main-content.careers .container {
			width:90%;
		}
}

@media only screen and (max-width:1199px) {
		.main-content.careers .container {
			flex-flow:column nowrap;
			justify-content:center;
		}
}

@media only screen and (max-width:899px) {
		.main-content.careers .container {
			width:85%;
		}
}

@media only screen and (max-width:699px) {
		.main-content.careers .container {
			padding:0 10%;
			width:100%;
		}
}

@media only screen and (max-width:499px) {
		.main-content.careers .container {
			padding:0 5%;
		}
}

.main-content.careers .job-content {
		width:calc(100% - 500px);
		text-align:left;
		color:#1e252b;
		font-size:16px;
		line-height:28px;
}

@media only screen and (max-width:1199px) {
		.main-content.careers .job-content {
			width:100%;
			margin-bottom:50px;
		}
}

.main-content.careers .job-content .heading {
		font-weight:700;
}

.main-content.careers .job-content .link-box {
		background:#efefef;
		width:100%;
		box-sizing:border-box;
		padding:35px;
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:center;
		margin:50px 0;
}

@media only screen and (max-width:749px) {
		.main-content.careers .job-content .link-box {
			flex-flow:column nowrap;
			justify-content:center;
			align-items:flex-start;
		}
}

@media only screen and (max-width:499px) {
		.main-content.careers .job-content .link-box {
			padding:25px;
		}
}

.main-content.careers .job-content .link-box .actively {
		font-size:20px;
		font-weight:400;
		color:#1e252b;
}

@media only screen and (max-width:749px) {
		.main-content.careers .job-content .link-box .actively {
			padding-bottom:15px;
		}
}

@media only screen and (max-width:399px) {
		.main-content.careers .job-content .link-box .actively {
			font-size:17px;
		}
}

.main-content.careers .job-content .link-box .actively span {
		font-weight:700;
}

.main-content.careers .job-content .link-box a.btn {
		position:relative;
		display:inline-block;
		text-align:center;
		background:#a21c28;
		border:2px solid #a21c28;
		color:#fff;
		font-family:'Raleway', sans-serif;
		text-transform:uppercase;
		font-weight:700;
		font-size:16px;
		padding:15px 20px;
}

.main-content.careers .job-content .link-box a.btn:hover {
		background:#fff;
		color:#a21c28;
}

.main-content.careers .job-content p {
		padding-bottom:30px;
}

.main-content.careers .job-content ul {
		list-style:disc;
		position:relative;
		margin-top:-30px;
		margin-left:20px;
		margin-bottom:30px;
}

.main-content.careers .job-content ul li {
		display:list-item;
		color:#1e252b;
		font-size:16px;
		line-height:28px;
}

.main-content.careers .job-content ul li ul {
		margin:0;
		margin-left:20px;
}

.main-content.careers .job-content ul li ul li {
		font-size:14px;
}

.main-content.careers .job-content .back {
		width:100%;
		border-top:1px solid #efefef;
		padding:40px 0 0;
		font-family:'Raleway', sans-serif;
		font-weight:700;
		font-size:16px;
		
}

.main-content.careers .job-content .back a {
		color:#282f3a;
		text-decoration:none;
}

.main-content.careers .job-content .back a img {
		position:relative;
		margin-right:10px;
}

.main-content.careers .side {
		margin-top:0;
		padding-bottom:0;
}

.main-content.careers .side .cat-bar {
		top:0;
		margin:0 5px;
}

.main-content.careers .side .cat-bar:first-child {
		margin-left:0;
}

.main-content.careers .side ul li {
		margin:0 auto 25px;
		background:#efefef;
		box-sizing:border-box;
		padding:40px 50px;
		width:100%;
		text-align:left;
		max-width:90%;
}

@media only screen and (max-width:499px) {
		.main-content.careers .side ul li {
			padding:30px 20px;
		}
}

.main-content.careers .side ul li .text {
		font-family:'Raleway', sans-serif;
		color:#282f3a;
		font-weight:800;
		font-size:21px;
		line-height:25px;
}

.main-content.careers .side ul li .text .position {
		border:none;
		padding-bottom:20px;
		padding-top:20px;
}

.main-content.careers .side ul li a.btn {
		position:relative;
		display:inline-block;
		text-align:center;
		background:#a21c28;
		border:2px solid #a21c28;
		color:#fff;
		font-family:'Raleway', sans-serif;
		text-transform:uppercase;
		font-weight:700;
		font-size:16px;
		padding:15px 20px;
}

.main-content.careers .side ul li a.btn:hover {
		background:#fff;
		color:#a21c28;
}

.cat-box {
		display:flex;
		flex-flow:row wrap;
		width:100%;
		justify-content:flex-start;
		align-items:center;
		margin-top:30px;
}

.careers-opps ul li .cat-box {
	margin-top:0;
}

.banner .cat-box {
		justify-content:center;
}

.cat-box .cat-bar.sec-cat {
		margin:0 5px;
}

.cat-box .cat-bar.sec-cat:last-child {
		background:#a21c28;
}

.main-content.careers .side .cat-box {
		margin-top:0;
}

/*------------------------------------
	Media Queries
-------------------------------------*/
@media only screen and (max-width:1699px) {
	.new .banner h1 {
		padding-top:7vw
	}
}

@media only screen and (max-width:1349px) {
		.new.resources .resources ul.first {
			text-align:center;
		}
		
		.new .side ul li, .new.resources .resources ul li, .new.resources .resources ul li.featured, .new .resources ul li, .new .side ul li {
			width:100%;
			margin:0 0 12px;
		}
		
		.new .resources ul li .title-section, .new .side ul li .title-section {
			margin-top:145px;
			padding:30px 15px 15px;
			height:150px;
		}
		
		.new .resources ul li .title-section .title, .new .side ul li .title-section .title {
			font-size:16px;
			line-height:22px;
			height:60px !important;
		}
		
		.new .resources ul li .title-section .date, .new .side ul li .title-section .date {
			font-size:14px;
		}
		
		.new .resources ul li .cat-bar, .new .side ul li .cat-bar {
			top:158px;
		}
		
		.cloud-data, .cloud-image {
			width:550px;
		}
		
		.homepage h1.norm {
			padding-top:50px;
		}
		
		.homepage .container {
			padding:15px 0;
			height:calc(100vh - 150px);
		}
		
}

@media only screen and (max-width:1299px) {
		.listings ul li .info {
			width:700px;
		}
		
		.cloud-data, .cloud-image {
			width:525px;
		}
}

@media only screen and (max-width:1249px) {
	.new .banner {
		padding-bottom:0;
		height:auto;
	}
}

@media only screen and (max-width:1199px) {
		.listings ul li .info {
			width:600px;
		}
		
		.cloud-data, .cloud-image {
			width:500px;
		}
		
		.parallax::after { 
			background-size:125%;
		}
		
		.compliance-approach ul li .title {
			height:auto;
		}
}

@media only screen and (max-width:1099px) {
		.listings ul li {
			height:auto;
		}
		.listings ul li .page-image {
			display:block;
			float:none;
			margin:0 auto 25px;
		}
		.listings ul li:nth-child(even) .page-image {
			float:none;
			margin:0 auto 25px;
		}
		.listings ul li .info {
			width:100%;
			max-width:800px;
			margin:0 auto;
			display:block;
			text-align:center;
			height:auto;
		}
		.listings ul li .info .page-line {
			margin:0 auto 25px;
			display:block;
		}
		.listings ul li .info button {
			margin:0 auto;
			display:block;
		}
		.compliance-best { 
			height:354px;
		}
		.compliance-best .large-font {
			font-size:35px;
			line-height:45px;
		}
		
		.cloud-data, .cloud-image {
			width:450px;
		}
		
		.cloud-data ul li p {
			font-size:18px;
			line-height:24px;
		}
}

@media only screen and (max-width:1049px) {
		.new .main-content .main {
			width:100%;
			display:block;
		}
		
		.new .main-content .side {
			display:block;
			margin:0 auto 50px;
			padding-bottom:10px;
			width:100%;
			text-align:center;
		}
		
		.new .side a.re {
			margin:0 auto;
			display:block;
			max-width:130px;
		}
		
		.new .side .event-date, .new .side .event-time, .new .side .event-location {
			margin-left:0;
		}
		
		
		
}

@media only screen and (max-width:999px) {
		
		.new .banner h1 {
			font-size:45px;
		}
		
		.new .banner .subtitle {
			font-size:30px;
		}
		
		.technology, .technology2 {
			padding-top:0;
		}
		
		.cloud-image {
			float:none;
			width:90%;
			margin:0 0 30px;
		}
		
		.cloud-data {
			width:90%;
			margin-left:5%;
		}
		
		.homepage .container {
			position:relative;
			left:auto;
			transform:none;
			top:auto;
			padding:50px 0;
		}
		
}

@media only screen and (max-width:999px) {
		nav {
			text-align:right;
		}
		
		.new .resources ul li {
			margin:0 0 30px;
		}
}

@media only screen and (max-width:949px) {
		.new .resources .drop-container, .new .resources ul.styled-select, .new .resources ul.styled-select2 {
			width:250px;
		}
		
		.new .resources form img {
			margin-left:204px;
		}
		
		.new .resources form button {
			width:auto;
			padding:12px 20px;
		}
		
		.team-area .area-title {
			width:100%;
			display:block;
			border-bottom:3px solid #fff;
			height:275px;
		}
		
		.team-area ul {
			width:100%;
			float:none;
			justify-content:center;
			background:#fff;
		}
		
		.team-area ul li {
			border-left:1.5px solid #fff;
			border-right:1.5px solid #fff;
		}
		
		.team-area ul li:first-child {
			border-left:none;
		}
		
		.team-area ul li:nth-child(3n +1) {
			border-left:none;
		}
		
		.team-area ul li:nth-child(3n) {
			border-right:none;
		}
		
}

@media only screen and (max-width:799px) {
	.new header .logo {
		position:relative;
		margin:0;
		left:5%;
	}
	.new header .container {
		width:100%;
	}
	nav {
		position:absolute;
		height:auto;
		max-height:0;
		background:#fff;
		width:100%;
		opacity:0;
		transition:max-height, opacity 500ms ease-in;
		display:none;
	}
	button.navicon {
		display:block;
		right:5%;
	}
	nav.open {
		max-height:1000px;
		opacity:1;
		display:block;
	}
	nav ul {
		position:relative;
		top:0;
		width:100%;
		margin:0;
	}
	nav ul li {
		display:block;
		width:100%;
		text-indent:20px;
		text-align:left;
		padding:20px 0;
		border-bottom:1px solid #dadada;
		margin:0;
		position: relative;
	}
	
	nav ul li a {
		display:inline-block;
		width:auto;
	}
	
	nav ul li.menu-item-has-children:after {
		content:'\002B';
		position:absolute;
		right:5%;
		top:18px;
		font-size:30px;
		font-weight:400;
		z-index:999;
	}
	nav ul li.menu-item-has-children:hover:after {
		color:#ac1f2d;
	}
	nav ul li ul {
		position:relative;
		height:auto;
		max-height:0;
		left:0;
		width:100%;
		box-shadow:none;
	}
	nav ul li ul li {
		text-indent:40px;
		border-bottom:none;
		padding:10px 0;
		font-weight:400;
	}
	nav ul li ul li a {
		display:inline-block;
		width:auto;
	}
	nav ul li ul li.menu-item-has-children:after {
		content:'\002B';
		position:absolute;
		right:10%;
		top:5px;
		font-size:30px;
		font-weight:400;
		z-index:999;
	}
	nav ul li ul li.menu-item-has-children:hover:after {
		content:'\002B';
		position:absolute;
		right:10%;
		top:5px;
		font-size:30px;
		font-weight:400;
		z-index:999;
	}
	
	nav ul li ul li ul {
		position:relative;
		height:auto;
		max-height:0;
		left:0;
		width:100%;
		box-shadow:none;
		padding-top:15px;
	}
	
	nav ul li ul li.hover > ul {
		max-height:0;
		display:none;
	}
	
	nav ul li:hover > ul {
		max-height:0;
		display:none;
	}
	
	nav ul li ul li:hover > ul {
		max-height:0;
		display:none;
	}
	
	nav ul li.tap > ul {
		max-height:1000px;
		display:block;
	}
	
	nav ul li ul li.hover > ul {
		max-height:0;
		display:none;
	}
	
	nav ul li ul li.tapped > ul {
		max-height:1000px;
		display:block;
	}
	
	nav ul li ul li ul li {
		text-indent:60px;
		border-bottom:none;
		padding:10px 0;
	}
	
	.parallax::after {
		background-attachment:none;
		background-position:center top;
		background:#4b759b;
	}

	.compliance-approach ul li {
		width:90%;
		margin:0 auto 30px;
	}
	
	.contact-content .left, .contact-content .top-right, .company-why .left, .company-why .right {
		width:100%;
		display:block;
	}
	
	.homepage .container h1 {
		font-size:40px;
		line-height:50px;
	}
	
	.company-why .right.bottom, .company-why .left.bottom {
		width:100%;
	}
	
	.learn-more ul li {
		max-width:200px;
	}
	
}

@media only screen and (max-width:749px) {
		
		.new .resources ul li {
			width:100%;
			margin:0 auto 30px;
		}
		
		.new footer .right, .new footer .left {
			float:none;
			display:block;
			text-align:center !important;
		}
		
		.new footer .right {
			top:auto;
			margin-bottom:0;
			margin-top:15px;
		}
		
		.new footer .right .published {
			width:100%;
			text-align:center !important;
			margin-bottom:0;
		}
		
		.new footer .right .flogo, .new footer .right .published {
			float:none;
			display:block;
			margin:0 auto;
			text-align:center !important;
		}
		.open-positions .heading-area{
			flex-direction: column
		}
		.open-positions .title{
			margin-bottom: 15px
		}
		.open-positions .select-options{
			margin-left: initial;
			width: 100%;
		} 
		
}

@media only screen and (max-width:699px) {
		.new .container {
			width:96%;
		}
		
		.homepage h1.norm {
			padding-top:0;
		}
		
		.new .banner {
			height:auto;
		}
		
		.new .banner h1 {
			font-size:35px;
		}
		
		.new .banner .subtitle {
			font-size:20px;
		}
		
		.new.resources .banner .subtitle {
			padding:5px 0 7vw;
		}
		
		.new .banner a {
			margin:30px auto;
		}
		
		.new nav ul li {
			font-size:15px;
		}
		
		.new .newsletter h2 {
			font-size:35px;
			line-height:45px;
		}
		
		.new .newsletter form input {
			margin-right:0;
		}
		
		.new .newsletter form button {
			width:73%;
			margin-top:15px;
		}
		
		.team-area ul {
			height:auto;
		}
		
		.team-area ul li {
			width:50%;
			border-left:none;
			border-right:none;
		}
		
		.team-area ul li:nth-child(even) {
			border-left:3px solid #fff;
		}
		
}

@media only screen and (max-width:649px) {
		.new .side ul li {
			width:100%;
			max-width:320px;
			display:block;
			margin:0 auto 30px;
		}
	
		.new .resources .drop-container, .new .resources ul.styled-select, .new .resources ul.styled-select2 {
			width:200px;
		}
		
		.new .resources form img {
			margin-left:154px;
		}
		
		.new .resources form button {
			padding:12px 15px;
		}
		
		.learn-more ul {
			display:block;
		}
		
		.learn-more ul li {
			height:auto;
			max-width:400px;
			width:90%;
			margin:0 auto 30px;
			display:block;
			border-radius:16px;
		}
		
		.learn-more ul li .page-title {
			padding:25px 0;
		}
		
}

@media only screen and (max-width:599px) {
		.new nav ul li {
			margin:15px 10px 0;
		}
		
		footer .left .locations {
			width:100%;
		}
		
		.new .resources .drop-container, .new .resources ul.styled-select, .new .resources ul.styled-select2 {
			width:90%;
			margin:0 auto 10px;
			margin-right:0;
		}
		
		.new .resources form img {
			margin-left:auto;
			right:5%;
		}
		
		.new .resources form button {
			padding:12px 0;
			width:90%;
			display:block;
			margin:0 auto;
		}
		
		.compliance-best .large-font {
			font-size:25px;
			line-height:35px;
		}
		
		.homepage .container {
		top:0;
		height:auto;
		min-height:calc(100vh - 230px);
	}
	
	.homepage ul, .homepage ul li {
		min-height:100%;
	}
	
	.homepage .icon {
		height:100px;
	}
	
	.homepage .icon img {
		max-height:100%;
	}
	
	.homepage .container h1 {
		font-size:30px;
		line-height:40px;
	}
	
	.homepage .sub {
		font-size:16px;
		line-height:26px;
	}
	
	.contact-local ul li {
		width:47%;
		margin:0 1% 30px;
	}
	
	.company-why .container, .g-content .container {
		width:85%;
	}
	
	.homepage img.anniversary-logo {
		width:150px;
	}
	
	.team-area ul li .centered p {
		display:none;
	}
}

@media only screen and (max-width:499px) {
		.new header .logo {
			width:130px;
		}
		
		.new .main-content .side {
			box-shadow:none;
			width:100%;
			margin-bottom:0;
		}
		
		.new .side .title {
			font-size:25px;
		}
		
		.new .side img {
			margin-left:79%;
		}
		
		.new .main .opening-text {
			font-size:20px;
			line-height:28px;
		}
		
		.new .main .author {
			font-size:16px;
		}
		
		.listings ul li .page-image {
			width: 200px;
			height: 200px;
			border-radius: 100px;
			border-radius: 50%;
		}

		.listings ul li .page-image img {
			width: 200px;
			clip: rect(0px, 200px, 200px, 0px);
		}
		.open-positions .select-options{
			flex-direction: column
		}
		.open-positions .drop-container{
			width: 100%;
		}
		.open-positions .drop-container:first-child{
			margin-right: 0px;
			margin-bottom: 15px;
		}
		.open-positions .heading-area{padding-right: 5px}
		.open-positions .heading-area .title{
			text-align: center
		}
}

@media only screen and (max-width:399px) {
		.new .styled-select {
			width:275px;
			margin-left:11px;
		}
		
		.new .side img {
			margin-left:76%;
		}
	
		footer .left .locations {
			width:100%;
		}
		
		footer .right .published {
			width:100%;
		}
		
}

/*---------------------------------------
	Landing Page Red
---------------------------------------*/
.lp-red .logo {
		position:relative;
}
.lp-red header .subtitle {
		float:right;
		font-weight:500;
		font-size:24px;
		position:relative;
		top:5px;
}

/*------------------------------------------------
	Two Column with Form Template
------------------------------------------------*/
.page-template-template-two-columns-with-form .g-content .container {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:flex-start;
}

.page-template-template-two-columns-with-form .g-content .main {
		width: calc(100% - 500px);
		text-align: left;
		color: #1e252b;
		font-size: 16px;
		line-height: 28px;
}

.page-template-template-two-columns-with-form .g-content .side {
		width: 425px;
		background: #fff;
		box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 13%);
		box-sizing: border-box;
		font-family: 'Raleway', sans-serif;
		padding-bottom: 30px;
		margin-right:20px;
}

@media only screen and (max-width:999px) {
		.page-template-template-two-columns-with-form .g-content .container {
			flex-flow:column nowrap;
			justify-content:center;
		}
		
		.page-template-template-two-columns-with-form .g-content .main {
			width:100%;
		}
		
		.page-template-template-two-columns-with-form .g-content .side {
			width:96%;
			margin:50px auto 0;
		}
}