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

Project: Operative
Author: XHTMLized
Last updated: Fri Nov 07 2014 11:12:00

1. Normalize
2. Plugins
3. Form
4. Common
5. Animation 
6. Ie8

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


/*@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600,600i,700,700i,900,900i');*/
@import url("https://use.typekit.net/hvf5iea.css");

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
/*
white : White
#ffffff
255,255,255

black : Black
#010101
1,1,1

dark-grey : Dark Grey
#424240
66,66,64

grey : Grey
#969592
150,149,146

light-grey : Light Grey
#eaeaea
234,234,234

orange : Orange
#da7a28
218,122,40

op-one-orange : Operative One
#F58858
245,136,88

compete : Compete
#F58858
245,136,88

connect : Connect
#F58858
245,136,88

broadway : Broadway
#FAAF7B
250,175,123

onair : OnAir
#D25527
210,85,39

mediapro : MediaPro
#AE3924
174,57,36

ibms : IBMS
#71BDD7
113,189,215

sims : SIMS
#106E84
16,110,132

nestor : Nestor
#93CE97
147,206,151

medea : Medea
#499153
73,145,83

*/

html {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
* Remove default margin.
*/

body {
	margin: 0;
}

/* HTML5 display definitions
========================================================================== */


/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/

[hidden],
template,
[id^="google"],
[id*=" google"]{
	display: none;
}

/* Links
========================================================================== */


/**
* Remove the gray background color from active links in IE 10.
*/

a {
	background-color: transparent;
	color: #DB7B29;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
	outline: 0;
	color: #c95d00;
}

/* Text-level semantics
========================================================================== */


/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
	border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
	font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
	font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/

h1 {
	font-size: 2em;
	margin: 0.67em 0;
	font-weight: 500;
}
h2 {
	font-weight: 500;
}
h3 {
	font-weight: 500;
}
h4 {
	font-weight: 500;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
	background: #ff0;
	color: #010101;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
========================================================================== */


/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
	max-width:100%; height:auto;
	margin:0; padding:0;
	border:0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
========================================================================== */


/**
* Address margin not present in IE 8/9 and Safari.
*/

figure {
	margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
	box-sizing: content-box;
	height: 0;
}

/**
* Contain overflow in all browsers.
*/

pre {
	overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
========================================================================== */


/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/

/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
	overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
	text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
	line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	/* 2 */
	box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
	overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
	font-weight: bold;
}

/* Tables
========================================================================== */


/**
* Remove most spacing between table cells.
*/

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

td,
th {
	padding: 0;
}

/* ==========================================================================
Custom Styling
========================================================================== */
input:focus,
textarea:focus {
	outline: #DB7B29 solid 1px;
}

.container1:after,
.container:after,
.nav:after,
.footer ul:after,
.footer-link:after,
.offices ul:after,
.middle-area:after,
.box-hero:after,
.post-list li:after,
.post-links:after,
.post-links .social:after,
.post-links .with-category:after,
.author:after,
.jumbotron:after,
.from-blog:after,
.events-list article:after,
.clients-hero:after,
.logos:after,
.worked-with:after,
.worked-with ul:after,
.main-area:after,
.main-area .multimedia-list:after,
.main-area .multimedia-list li:after,
.jumbotron-box:after,
.landing-jumbotron:after,
.intro-careers ul:after,
.panels-info:after,
.panels-info ul:after,
.photos:after,
.leadership:after,
.leadership li:after,
.nav-leader:after,
.intro-anim:after,
.box-list ul:after,
.minimal-form:after,
.top-info > div:after,
.workflow:after,
.workflow ul:after,
.workflow ul div:after,
.top-partners ul:after,
.intro-home:after,
.intro-home ul:after,
.our-clients:after,
.wrapper-slider-home .slider-home:after,
.short-nav:after,
.section#software .row:after,
.row:after,
.bars:after,
.animated-logos,
.gform_body:after,
.gform_fields:after {
	content: "";
	display: table;
	clear: both;
}

.link-grey,
.footer .links a {
	color: #585858;
	text-transform: uppercase;
}

.link-grey:hover,
.footer .links a:hover {
	color: #DB7B29;
}

.link-orange,
.footer a.link-orange {
	color: #DB7B29;
}

.link-orange:hover,
.footer a.link-orange:hover {
	color: #c95d00;
}

/*@function slick-image-url($url) {
@if function-exists(image-url) {
@return image-url($url, false, false);
}

@else  {
@return url($slick-loader-path + $url);
}

}

@function slick-font-url($url) {
@if function-exists(font-url) {
@return font-url($url);
}

@else  {
@return url($slick-font-path + $url);
}

}
*/

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-loading .slick-list {
	background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px;
}

.slick-prev:before {
	content: '\2190';
}

[dir="rtl"] .slick-prev:before {
	content: '\2192';
}

.slick-next {
	right: -25px;
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto;
}

.slick-next:before {
	content: '\2192';
}

[dir="rtl"] .slick-next:before {
	content: '\2190';
}

/* Dots */

.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '\2022';
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

/* Form
========================================================================== */


.form {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
	padding: 1px 15px 20px;
}

.form p {
	text-align: center;
	padding: 0 5px;
	line-height: 1.2em;
}

.form label {
	position: relative;
	display: block;
	color: #585858;
	font-size: 16px;
	margin-bottom: 16px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.form input[type="checkbox"] + label {
	display: inline;
	margin-left: 8px;
}

.form label.error {
	display: none;
	top: 0;
	left: 30%;
	padding: 0;
	margin: 0;
	color: #DB7B29;
	position: absolute;
}

.form .label {
	display: block;
	margin: 0 0 6px;
}

.form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.form input[type=text],
.form input[type=email],
.form textarea {
	resize: none;
	height: 41px;
	background: #fff;
	width: 100%;
	border-radius: 0;
	border: 1px solid #eeeeee;
	-webkit-appearance: none;
	color: #585858;
	text-align: left;
	padding: 0 10px;
}

.form input[type=text].error,
.form input[type=email].error,
.form textarea.error {
	border-color: #DB7B29;
}

.form input[type=text]::-webkit-input-placeholder,
.form input[type=email]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
	color: #585858;
}

.form input[type=text]:-moz-placeholder,
.form input[type=email]:-moz-placeholder,
.form textarea:-moz-placeholder {
	color: #585858;
	opacity: 1;
}

.form input[type=text]::-moz-placeholder,
.form input[type=email]::-moz-placeholder,
.form textarea::-moz-placeholder {
	color: #585858;
	opacity: 1;
}

.form input[type=text]:-ms-input-placeholder,
.form input[type=email]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
	color: #585858;
}

.form textarea {
	padding-top: 10px;
	height: 133px;
}

@media screen and (min-width: 768px) {
	.form {
		margin-bottom: 50px;
		padding: 35px 0 52px;
	}

	.form fieldset {
		padding: 32px 22px 4px;
		display: inline-block;
		max-width: 385px;
		width: 49%;
		vertical-align: top;
	}

}

.content-form {
	margin: 0 auto 40px;
	max-width: 540px;
	padding: 0 15px;
}

.content-form .info-form {
	font-size: 12px;
	color: #7c7e7e;
}

.content-form label {
	margin-bottom: 15px;
}

.content-form input[type=text],
.content-form input[type=email],
.content-form textarea {
	text-align: center;
}

.content-form .more-info {
	text-align: left;
	color: #7c7e7e;
	margin: 25px 0 16px;
	line-height: 1.7em;
}

.content-form .btn {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 18px;
	margin: 4px 0 12px;
}

@media screen and (min-width: 560px) {
	.content-form .form {
		margin-top: 20px;
		padding-left: 54px;
		padding-bottom: 60px;
		padding-right: 54px;
		padding-top: 25px;
	}

}

@media screen and (min-width: 768px) {
	.content-form .form {
		margin-bottom: 78px;
		margin-top: 60px;
	}

	.content-form textarea {
		height: 160px;
	}

	.content-form h1 {
		margin-bottom: 43px;
	}

}

/* Common
========================================================================== */


/* Acessibility navigation */

.accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

.accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

.accessibility-nav a:active,
.accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}

/* Image Replacement */

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

/* Container */

body {
	font-size: 16px;
	color: #585858;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.85em;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
}

.container1 {
	max-width: 1020px;
	position: relative;
	margin: 0 auto;
	min-width: 290px;
}

.container1 img {
	max-width: 100%;
}

.container {
	position: relative;
	max-width: 1050px;
	margin: 0 auto;
	min-width: 290px;
}

.container.header-container {
	position: static;
	/*min-height: 75px;*/
	height: 70px;
}

@media screen and (min-width: 1024px) {
	
	.container.header-container {
		position: static;
		/*min-height: 75px;*/
		min-height: 82px;
	}
}

.container img {
	max-width: 100%;
}

* {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
	text-decoration: none;
}

input[type=text]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input[type=text]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent;
}

input[type=text]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
}

input[type=text]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

.btn {
	display: inline-block;
	/*border-radius: 4px;*/
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	font-weight:500;
	text-decoration: none;
	padding: 9px 12px 10px;
	min-width: 140px;
	text-align: center;
	border: none;
	margin: 10px 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	text-indent: 7px;
}

.btn:hover {
	text-indent: -7px;
	padding-left: 19px;
	padding-right: 19px;
}

.btn:after {
	content: "\f105";
	font-weight: 300;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	position: relative;
	top: 1px;
	left: 0;
	width: 7px;
	text-indent: -7px;
}

.btn:hover:after {
	opacity: 1;
	text-indent: 7px;
}

.btn-events {
	color: #fff;
}
.btn-events:hover {
	color: #fff;
}
.cb-2-box-2-inner .btn-orange {
	background-color: #DB7B29;
}

.cb-2-box-2-inner .btn-orange:hover {
	background-color: #c95d00;
}



.btn-orange {
	/*background-color: #DB7B29;*/
	background-color: #DB7B29;
}
.btn-orange:hover {
	/*background: #c95d00;*/
	background: #c95d00;
	color: #fff;
}
.btn-stroked-orange {
	background-color: transparent;
	border:1px solid #DB7B29;
	color: #DB7B29;
}
.btn-stroked-orange:hover {
	background-color: #DB7B29;
	border:1px solid #DB7B29;
	color: #fff;
}


.btn-op-one-orange {
	background-color: #f58858;
	color: #fff;
}
.btn-op-one-orange:hover {
	background: #c95d00;
	color: #fff;
}
.btn-stroked-op-one-orange {
	background-color: transparent;
	border:1px solid #f58858;
	color: #f58858;
}
.btn-stroked-op-one-orange:hover {
	background-color:#CF6232;
	border:1px solid #f58858;
	color: #fff;
}

.btn-black {
	background: #010101;
	color: #fff;
}
.btn-black:hover {
	background-color: #424240;
	color: #fff;
}
.btn-stroked-black {
	background-color: transparent;
	border:1px solid #010101;
	color: #010101;
}
.btn-stroked-black:hover {
	background-color: #010101;
	border:1px solid #010101;
	color: #fff;
}

.btn-dark-grey {
	background-color: #424240;
	color: #fff;
}
.btn-dark-grey:hover {
	background: #010101;
	color: #fff;
}
.btn-stroked-dark-grey {
	background-color: transparent;
	border:1px solid #424240;
	color: #424240;
}
.btn-stroked-dark-grey:hover {
	background-color: #424240;
	border:1px solid #424240;
	color: #fff;
}


.btn-light-grey {
	background-color: #eaeaea;
	color: #424240;
}
.btn-light-grey:hover {
	background:#fff;
	color: #010101;
}
.btn-stroked-light-grey {
	background-color: transparent;
	border:1px solid #eaeaea;
	color: #eaeaea;
}
.btn-stroked-light-grey:hover {
	background-color: #eaeaea;
	border:1px solid #eaeaea;
	color: #fff;
}

.btn-grey {
	background-color: #969592;
	color: #fff;
}
.btn-grey:hover {
	background: #010101;
	color: #fff;
}
.btn-stroked-grey {
	background-color: transparent;
	border:1px solid #969592;
	color: #969592;
}
.btn-stroked-grey:hover {
	background-color: #969592;
	border:1px solid #969592;
	color: #fff;
}

.btn-white {
	background-color:#fff;
	color: #DB7B29;
}
.btn-white:hover {
	background: #f6f6f6;
	color: #DB7B29;
}
.btn-stroked-white {
	background-color: transparent;
	border:1px solid #fff;
	color: #fff;
}
.btn-stroked-white:hover {
	background-color: #fff;
	border:1px solid #fff;
	color: #010101;
}

.btn-compete {
	background-color: #F58858;
	color: #fff;
}
.btn-compete:hover {
	background: #CF6232;
	color: #fff;
}

.btn-connect {
	background-color: #F58858;
	color: #fff;
}
.btn-connect:hover {
	background: #CF6232;
	color: #fff;
}

.btn-broadway {
	background-color: #FAAF7B;
	color: #fff;
}
.btn-broadway:hover {
	background: #D98145;
	color: #fff;
}

.btn-onair {
	background-color: #D25527;
	color: #fff;
}
.btn-onair:hover {
	background: #AF3A0F;
	color: #fff;
}

.btn-mediapro {
	background-color: #AE3924;
	color: #fff;
}
.btn-mediapro:hover {
	background: #891F0D;
	color: #fff;
}

.btn-ibms {
	background-color: #71BDD7;
	color: #fff;
}
.btn-ibms:hover {
	background: #4A9BB6;
	color: #fff;
}

.btn-sims {
	background-color: #106E84;
	color: #fff;
}
.btn-sims:hover {
	background: #014F61;
	color: #fff;
}

.btn-nestor {
	background-color: #93CE97;
	color: #fff;
}
.btn-nestor:hover {
	background: #63B268;
	color: #fff;
}

.btn-medea {
	background-color: #499153;
	color: #fff;
}
.btn-medea:hover {
	background: #2E7538;
	color: #fff;
}

.btn-margin {
	margin:5px;
}

.btn-dark-blue {
	background-color: #0e2330;
}

.btn-dark-blue:hover {
	background: #2b404d;
	color: #fff;
}

.btn-green {
	background-color: #21a88a;
}

.btn-green:hover {
	background: #1c9278;
	color: #fff;
}

.btn-white {
	background-color:#fff;
	color: #DB7B29;
}

.btn-white:hover {
	background: #f6f6f6;
	color: #DB7B29;
}


.btn-yellow {
	background-color: #DB7B29;
}

.btn-yellow:hover {
	background: #ea901f;
	color: #fff;
}
.btn-blue {
	background-color: #57caf4;
}

.btn-blue:hover {
	background: #3aafda;
	color: #fff;
}

.link-yellow {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #DB7B29;
}

.link-yellow:hover {
	color: #DB7B29;
}

.link-orange {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.link-blue {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #57caf4;
}

.link-blue:hover {
	color: #3aafda;
}

.link-grey {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.link-dark {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #0e2330;
}

.link-dark:hover {
	color: #2b404d;
}

.link-light {
	color: #fff;
}

.link-green {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #DB7B29;
}

.link-green:hover {
	color: #c95d00;
}

.bg-grey {
	background: #f6f6f6;
}

.bg-maps {
	background: #21a88a url(../img/bg_maps.png) no-repeat center -20px;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

h1 {
	text-align: center;
	font-size: 30px;
	line-height: 1em;
	color: #0e2330;
	margin: 30px 0 22px;
}

h2 {
	color: #fefefe;
	line-height: 1em;
	font-size: 30px;
}
.careers-content h2 {
	font-size: 1.7em;
	color: #585858;
	
}
@media screen and (min-width: 768px) {
	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 60px;
	}
}

h3 {
	font-size: 21px;
	color: #0e2330;
	line-height: 1.5em;
}
.careers-content h3 {
	color: #DB7B29;
}

@media screen and (min-width: 768px) {
	h3 {
		font-size: 28px;
	}

	h3.font-35 {
		font-size: 30px;
	}

}

h4 {
	font-size: 24px;
	color: #0e2330;
	line-height: 1em;
}

h5 {
	font-size: 17px;
	color: #0e2330;
	line-height: 1em;
	font-weight: 400;
	
}

.col-db {
	color: #0e2330;
}

.underline {
	text-decoration: underline;
}

.btn-down {
	display: none;
	transition: opacity 0.3s ease-out,
	visibility 0.3s ease-out;
}

.btn-down.hidden {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 768px) {
	.btn-down {
		display: inline-block;
		width: 58px;
		height: 58px;
		line-height: 59px!important;
		text-align: center;
		font-size: 50px !important;
		background: rgba(255, 255, 255, 0.9);
		color: #DB7B29;
		position: absolute;
		bottom: 6%;
		z-index: 1000;
		left: 50%;
		opacity: 1;
		border-radius: 100%;
		margin-left: -29px;
		-webkit-animation: bounce 2.2s infinite;
		animation: bounce 2s infinite;
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

}

/* Notifications Bar */

.notifications-bar {
	text-align: center;
	background: #0E2330;
	color: #B7BDC1;
	font-size: 15px;
	line-height: 20px;
	padding: 12px 0;
}

.notifications-bar p {
	margin: 0;
}

.notifications-bar a {
	color: #58CAF4;
	margin: 0 1em;
}

.notifications-bar a:hover {
	text-decoration: underline;
}

/* Header */

.header {
	line-height: 1.4em;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
	border-bottom: 1px solid #ebebeb;
	padding: 0;
	z-index: 1001;
	position: relative;
}

.header .container {
	max-width: 1200px;
	z-index: 1001;
}

.header-wrapper {
	position: relative;
}

@media screen and (min-width: 1025px) {
	.header {
		position: fixed;
		width: 100%;
		background: #fff;
	}

}

.header-landing {
	height: auto;
}

.header-landing .left p {
	
	float: left;
	padding: 0 15px;
	display: block;
	width: 100%;
	color: #7c7e7e;
	font-size: 18px;
	font-weight:500;
}

.header-landing .social {
	right: 15px;
	top: 3px;
	position: absolute;
}

.header-landing .social p {
	font-size: 14px;
	color: #848484;
	margin: 0;
	text-indent: -999999px;
}

.header-landing .social a {
	margin: 0 1px;
}

@media screen and (min-width: 768px) {
	.header-landing {
		height: 74px;
	}

	.header-landing .left {
		display: table;
		float: left;
		width: 70%;
	}

	.header-landing .left p {
		height: 74px;
		margin: 0;
		vertical-align: middle;
		display: table-cell;
		float: none;
		padding-left: 45px;
		position: relative;
		padding-right: 0;
	}

	.header-landing .left p:before {
		content: '';
		position: absolute;
		left: 22px;
		top: 16px;
		height: 45px;
		width: 1px;
		background: #e0e2e2;
	}

	.header-landing .social {
		top: 25px;
	}

	.header-landing .social p {
		margin-right: 10px;
		text-indent: 0;
		display: inline-block;
	}

	.header-landing .social a {
		margin: 0 5px;
	}

}

@media screen and (min-width: 990px) {
	.header-landing .social a {
		margin: 0 7px;
	}

}

.site-name {
	float: left;
	margin: 10px 0 10px 10px;
	text-indent: -99999999px;
	width: 230px;
	height: 50px;
}

.site-name span {
	/*background: url(../img/sintec-media-digital-solutions.png) no-repeat;*/
	background: url(../img/logo.png) no-repeat;
		width: 200px;
		height: 28px;
		background-size: 200px 28px;
	margin-top: 10px;
	/*width: 156px;
	height: 29px;
	background-size: 156px 29px;*/
}

.dropdown-menu {
	float: right;
	margin: 30px 15px 0 0;
	color: #0f2431;
	font-size: 20px;
}

@media screen and (min-width: 1024px) {
	.dropdown-menu {
		display: none;
	}
	

	.site-name {
		float: left;
		margin: 10px 0 10px 5px;
		text-indent: -99999999px;
		width: 264px;
		height: 60px;
	}
	.site-name {
		float: left;
		margin: 21px 0 20px 5px;
		text-indent: -99999999px;
		width: 264px;
		height: 60px;
	}
	.site-name span {
		background: url(../img/logo.png) no-repeat;
		width: 264px;
		height: 37px;
		background-size: 264px 37px;
		/*width: 156px;
		height: 29px;
		background-size: 156px 29px;*/
	}

}

.open-menu .dropdown-menu {
	color: #DB7B29;
}

/* Navigation */

/* Before Sintec Digital	.navigation {
	top: 74px;
	background: #fff url(../img/shadow_subnav.png) repeat-x left top;
	width: 100%;
	position: absolute;
	display: none;
	z-index: -1;
	padding: 10px 0;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}*/

.navigation .btn-orange {
	float: right;
	margin-right: 15px;
}

	.navigation {
		float: right;
	}
	
@media screen and (min-width:1025px) {
	.navigation {
		margin-right:55px;
	}	
}
	
@media screen and (min-width: 990px) {
/* Before Sintec Digital	.navigation {
		display: block !important;
		position: static;
		float: right;
		width: 70%;
		z-index: 1;
		padding: 0;
		top: 0;
		box-shadow: none;
		background: none;
	}*/
	.navigation .btn-orange {
		padding: 9px 10px 10px 18px;
		margin: 16px 15px 0 0;
	}
}

.subnav {
	padding: 0;
	/*display: block !important;*/
	list-style: none;
	margin: 0;
	opacity: 0;
	height: 0;
	position: relative;
	visibility: hidden;
	overflow: hidden;
	top: -5px;
	-webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out;
	transition: top 0.3s ease-out, opacity 0.3s ease-out;
}

.subnav ul {
	padding: 0;
	list-style: none;
}

.subnav a {
	text-align: right;
}

@media screen and (min-width: 990px) {
	.subnav {
		/*background: #DB7B29;*/
		background-color: #DB7B29;
		top: 74px;
		height: 75px;
		position: absolute;
		z-index: -1;
		width: 100%;
		left: 0;
		text-align: center;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.subnav ul {
		list-style: none;
		display: table;
	}

	.international .subnav,
	.subnav.green {
		background: #21a88a;
	}

	.connect .subnav a:before{
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		content: '';
		line-height: 24px;
		font-size: 15px;
		color: #c95d00;
		text-align: center;
		background: #fff;
		border-radius: 100%;
		width: 24px;
		height: 24px;
		vertical-align: top;
		margin: 0 11px;
		display: inline-block;
	}
	.connect .subnav .facebook a:before {
		content: "\f09a"
	}
	.connect .subnav .twitter a:before{
		content: "\f099"
	}
	.connect .subnav .linkedin a:before{
		content: "\f0e1"
	}
}

@media screen and (min-width: 1025px) {
	.subnav {
		-webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
		transition: top 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
	}
}

.open-subnav .subnav {
	padding: 2px 0 10px;
	opacity: 1;
	visibility: visible;
	height: auto;
	top: 0;
	background-color: #f2f2f2;
box-shadow: 0 8px 15px rgba(0,0,0,.1),inset 0 12px 12px -12px rgba(0,0,0,.1);
border: 1px solid #e5e5e5;
	color: #010101;
}

@media screen and (min-width: 990px) {
	.open-subnav .subnav {
		top: 74px;
	}
}

.closed-subnav .subnav {
	opacity: 0;
	visibility: hidden;
	height: 0;
	top: -10px;
}

@media screen and (min-width: 990px) {
	.closed-subnav .subnav {
		top: 74px;
	}

	.subnav-desktop {
		height: 150px;
	}
}

.nav {
	padding: 0;
	list-style: none;
	margin: 0;
}

.nav a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight:500;
	color: #7c7e7e;
	font-size: 15px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: right;
}

.nav li:not(.menu-item-has-children) a {
	/*-webkit-transition-delay: 300ms;
	transition-delay: 300ms;*/
}

.nav li:not(.menu-item-has-children) a:hover,
.nav a.hover,
.nav a:hover {
	/*background: #DB7B29;*/
	background-color: rgba(0,106,177,.96);
    color: #fff;

}

.nav .subnav li:not(.menu-item-has-children) a:hover {
	background: transparent;
}

.nav .login a,
.nav .international a{
	color: #b6b6b6;
}

.nav .login a:hover,
.nav .international li:not(.menu-item-has-children) a:hover,
.nav .international a.hover,
.nav .international a:hover{
	background: #21a88a;
	color: #fff;
}

.nav .international .subnav li:not(.menu-item-has-children) a:hover {
	background: transparent;
}

.nav .login a i,
.nav .international a i {
	top: 1px;
	margin-right: 2px;
	position: relative;
}

.nav .international .subnav a {
	color: #bde6dc;
}

.nav .international .subnav a:hover {
	color: #fff;
}

.nav .subnav a {
	color: #fbd3c3;
}

.nav .subnav a:hover {
	color: #fff;
}

@media screen and (min-width: 990px) {
	.nav {
		/*float: left;*/
	}

	.nav li {
		/*float: left;*/
	}

	.nav a {
		/*height: 82px;*/
		padding: 25px 5px;
	}

	.nav .subnav a {
		/*height: 65px;
		color: #fbd3c3;*/
		color: #fff;
	}

	.nav .subnav a:hover {
		/*color: #fff;*/
		color: #7e7e7e;
	}

}

@media (min-width: 1120px) {
	.nav a {
		padding: 25px 11px;
	}

}

/* Content */

.wrapper {
	position: relative;
}

@media screen and (min-width: 990px) {
	.wrapper {
		padding-top: 82px;
	}

}

.hero p {
	color: #fff;
	font-size: 18px;
	opacity: 0.7;
}

.bg,
.slide {
	/*  behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;*/
	position: relative;
}

.bg.bg1,
.slide.bg1 {
	background-image: url(../media/hero_home.jpg);
}

.bg.bg2,
.slide.bg2 {
	background-image: url(../media/hero1.jpg);
}

.bg.bg3,
.slide.bg3 {
	background-image: url(../media/hero2.jpg);
}

.bg.bg4,
.slide.bg4 {
	background-image: url(../media/hero3.jpg);
}

.bg.bg7,
.slide.bg7 {
	background-image: url(../media/hero4.jpg);
}

.bg.bg8,
.slide.bg8 {
	background-image: url(../media/hero5.jpg);
}

.bg.bg9,
.slide.bg9 {
	background-image: url(../media/hero6.jpg);
}

.bg.bg10,
.slide.bg10 {
	background-position: center top;
	background-image: url(../media/hero7.jpg);
}

.bg.bg12,
.slide.bg12 {
	background-position: center top;
	background-image: url(../media/hero8.jpg);
}

.bg.bg13,
.slide.bg13 {
	background-position: center top;
	background-image: url(../media/hero9.jpg);
}

.slider-hero .hero-img {
	display: block;
	margin: 0;
	width: 100%;
}

/* Slider Hero */

.slider-hero {
	position: relative;
	z-index: 100;
	overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;
	max-height: 685px;
}

.slider-hero .hero-heading {
	margin: 0;
	text-align: center;
	font-size: 20px;
}

.slider-hero .col-white p {
	color: #fff;
	opacity: 1;
}

.slider-hero .bg8 .col-white p {
	opacity: .9;
}

.slider-hero .slide > div {
	text-align: center;
	padding: 15px 15px 0;
}

.slider-hero img {
	display: block;
	margin: 5px auto 15px;
}

.slider-hero img + .hero-heading + .btn {
	margin: 25px auto;
}

.slider-hero p {
	opacity: 1;
	color: #7c7e7e;
	font-size: 18px;
	max-width: 650px;
	line-height: 1.6em;
	margin: 14px auto 12px;
	
}

.slider-hero .slide-image {
	display: block;
	height: 0;
	padding-top: 40.60%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.slider-hero .slide-image img {
	position: absolute;
	top: 0;
}

.slider-hero img.slide-before-image {
	display: none;
}

.slider-hero img.slide-before-image-mobile {
	display: block;
}

.slider-hero .slide-body .hero-heading {
	/*color: #0e2330;*/
	color: #0063a8;
}

.slider-hero .slide-body p {
	color: #585858;
}
@media screen and (min-width: 470px) {
	.slider-hero .hero-heading {
		font-size: 22px;
	}

}
@media screen and (min-width: 590px) {
	.slider-hero .hero-heading {
		font-size: 30px;
	}

}


@media screen and (min-width: 768px) {
	.slider-hero .hero-heading {
		font-size: 30px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.slider-hero .slide > div {
		text-align: center;
		padding: 50px 15px 0;
		position: absolute;
		z-index: 101;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.slider-hero .slide-image {
		padding-top: 48.92%;
	}

	.slider-hero--home .slide-image {
		padding-top: 40%;
	}

	.slider-hero img.slide-before-image {
		display: block;
	}

	.slider-hero img.slide-before-image-mobile {
		display: none;
	}

	.slider-hero .slide-body--white .hero-heading,
	.slider-hero .slide-body--white p {
		color: #fff;
	}

}

@media screen and (min-width: 990px) {
	.slider-hero .hero-heading {
		font-size: 50px;
	}

	.slider-hero .slide > div {
		padding-top: 5vw;
	}

}
@media screen and (min-width: 1140px) {
	.slider-hero .hero-heading {
		font-size: 60px;
	}
}

.as-slider-hero-text {
	padding:10px 0 5px;
	line-height:1.5;
		color: #0e2330;
		font-weight:normal;
}

@media screen and (min-width: 480px) {
	.as-slider-hero-text {
		font-size:20px; 
	}	
}

@media screen and (min-width: 768px) {
	.as-slider-hero-text {
		padding:15px 5%;
		line-height:1.4;
		font-size:21px; 
		text-shadow:0 0 1px rgba(0,0,0,.5);
		margin:0 auto;
		max-width: 550px;
	}	
}

@media screen and (min-width: 990px) {
	.as-slider-hero-text {
		padding:20px 0;
		font-size:25px;
		margin:0 auto;
		max-width: 60%;
	}	
}

@media screen and (min-width: 1140px) {
	.as-slider-hero-text {
		padding:25px 0;
		line-height:1.5;
		font-size:30px;
		max-width: 60%;
	}	
}

/* Notifications */

.notification {
	padding: 10px 0;
	background: #0e2330;
}

.notification p {
	padding: 0 15px;
	text-align: center;
	font-size: 15px;
	color: #b7bdc1;
	margin: 0;
}

.notification p a {
	margin-left: 15px;
}

.content {
	padding: 0 15px;
}

.static-page {
	max-width: 675px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

.static-page h1 {
	text-align: left;
}

.static-page p {
	margin: 5px 0;
}

.static-page h4 {
	font-size: 16px;
	margin: 30px 0 0;
	color: #0e2330;
}

.static-page ul {
	margin: 24px 0;
	padding: 0 0 0 25px;
}

@media screen and (min-width: 768px) {
	.static-page {
		padding-bottom: 45px;
	}

	.static-page h1 {
		margin: 50px 0 22px;
	}

	.static-page h4 {
		margin-top: 40px;
	}

}

.divider {
	height: 1px;
	width: 100%;
	margin: 13px 0;
	background: #e0e4e4;
	border: none;
}

.divider-2 {
	height: 1px;
	width: 100%;
	margin: 50px 0 13px;
	background: #e0e4e4;
	border: none;
}

.content-right {
	padding: 15px;
	
}

.content-right p {
	margin: 19px 0;
}

.content-right p + h2 {
	margin-top: 40px;
}

.content-right img {
	display: block;
	margin: 30px auto;
}

.content-right .supply-demand {
	display: none;
}

.content-right h5 {
	font-size: 18px;
	margin: 25px 0 -10px;
	font-weight:500;
	color: #DB7B29;
}

.content-right ul {
	padding-left: 20px;
}

.content-right h2 {
	line-height: 1.1em;
	margin: 0 0 24px;
	color: #0e2330;
	font-size: 30px;
}

.content-right h3 {
	font-size: 24px;
	margin: 52px 0 25px;
}

.content-right dl {
	margin-bottom: 17px;
}

.content-right dd {
	margin: 0;
	padding: 0;
}

.content-right dd a {
	display: block;
	margin-bottom: 30px;
}

.content-right dt {
	font-size: 18px;
	color: #DB7B29;
	font-weight:500;
}

.content-right dt i {
	position: relative;
	top: 2px;
	margin-right: 10px;
}

@media screen and (min-width: 640px) {
	.content-right {
		padding-top: 40px;
		float: right;
		width: 70%;
	}

	.content-right .supply-demand {
		display: block;
	}

	.content-right h2 {
		font-size: 30px;
	}

}

#migration {
	margin-top: 10px;
	padding: 20px 15px 0;
	text-align: center;
}

#migration h3 {
	line-height: 1.1em;
	margin: 15px 0;
}

#migration img {
	display: block;
}

@media screen and (min-width: 768px) {
	#migration {
		padding-top: 31px;
		margin: 36px auto 0;
	}

	#migration h3 {
		margin-bottom: 5px;
	}

	#migration p {
		margin: 0 0 19px;
	}

}

.section {
	margin-top: 35px;
}

.section dl {
	margin-bottom: 37px;
}

/* Sidebar */

.sidebar {
	margin-bottom: 20px;
	padding: 10px 15px 0;
}

.sidebar ul {
	padding: 0;
	list-style: none;
}

@media screen and (min-width: 768px) {
	.sidebar {
		padding-top: 14px;
		float: left;
		width: 29%;
	}

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

	.sidebar.pos-a {
		position: absolute;
		bottom: 0;
	}
}

@media screen and (min-width: 990px) {
	.sidebar {
		width: 287px;
	}
}

@media screen and (min-width: 1049px) {
	.sidebar {
		width: 310px;
	}
}

.side-nav {
	margin-bottom: 45px;
}

.side-nav a {
	
	display: block;
	color: #7c7e7e;
	font-size: 18px;
	font-weight:500;
	padding: 10px 0 2px;
	border-bottom: 3px solid #7c7e7e;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.side-nav a:hover {
	color: #1c2e3a;
	border-color: #1c2e3a;
}

.side-nav a.side-nav-active {
	color: #1c2e3a;
	border-color: #1c2e3a;
}

.next-steps {
	display: none;
}

.next-steps h5 {
	color: #DB7B29;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}

.next-steps i {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.next-steps li {
	border-top: 1px solid #e6e6e6;
}

.next-steps a {
	
	padding: 8px 0;
	display: block;
	color: #7c7e7e;
	font-size: 14px;
}

.next-steps a:hover {
	color: #010101;
}

@media screen and (min-width: 768px) {
	.next-steps {
		display: block;
	}
}


/* Footer */
.footer-outer {
	margin-top:30px;
	
}
.footer {
	padding: 0 15px;
	line-height: 1.4em;
	margin-bottom: 0;
	padding-bottom: 25px;
	margin-top: 40px;
	clear: both;
	max-width: 1200px;
	text-align: center;
	font-size: 13px;
}

.footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.footer ul.links {
	margin-bottom: 15px;
}
.footer-copyright {
	
}
@media screen and (min-width: 768px) {
	.footer ul.links {
		float: left;
	}
	.footer-copyright {
		float: right;
	}
}

.footer .pull-left {
	float: none;
	display: inline-block;
	line-height: 34px;
	margin-right: 15px;
}


.footer a {
	font-weight:500;
	color: #b6b6b6;
	
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.footer a:hover {
	color: #666868;
}

.footer a i {
	position: relative;
	top: 2px;
	margin-right: 4px;
	padding-left: 1px;
}

.footer .social {
	display: inline-block;
	margin: 5px 0 15px;
}


.footer-copyright {
	clear: both;
	text-align: center;
	margin-top: 10px;
	color: #585858;
}

@media (min-width: 640px) {
	.footer ul {
	}
	.footer .pull-left a:first-child {
		margin-right: 30px;
	}
	.footer li {
	}

	.footer .pull-left {
		float: left;
		width: auto;
		line-height: 34px;
		margin-right: 5px;
	}

	.footer .pull-left a:first-child {
		margin: 0 25px 0 20px;
	}

	.footer-copyright {
		clear: none;
		padding-top: 0;
	}

}

@media screen and (min-width: 768px) {
	.footer {
		padding-bottom: 35px;
	}
	.footer .social {
	margin: 5px 0;
	}

}

.links {
	margin: 0 0 10px;
}

.links a {
	padding: 5px 5px;
	display: block;
}

.links li {
		/*padding: 5px 20px;*/
		float: none;
	display: inline-block;
	margin: 5px 5px;
}

@media screen and (min-width: 640px) {
	.footer-link {
		float: left;
		padding-bottom: 0;
		border-bottom: none;
		width: 65%;
		/*border-right: 1px solid #e0e4e4;*/
	}
	.links li {
		/*margin-right: 4.2%;*/
		
		width: auto;
	}

	.links a {
		float: left;
	}

}

.footer-link {
	padding: 0 0 0px;
}

@media screen and (min-width: 990px) {
}

.newsletter {
	padding: 0px 0 10px;
}

.newsletter fieldset {
	padding: 0;
	margin: 0;
	max-width: 380px;
	position: relative;
	border: none;
}

.newsletter input {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	width: 100%;
	background: rgba(224, 228, 228, 0.3);
	padding: 0 40px 0 15px;
	height: 32px;
	color: #7c7e7e;
	font-size: 14px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.newsletter input:focus {
	outline: 0;
}

.newsletter input::-webkit-input-placeholder {
	color: #7c7e7e;
}

.newsletter input:-moz-placeholder {
	color: #7c7e7e;
	opacity: 1;
}

.newsletter input::-moz-placeholder {
	color: #7c7e7e;
	opacity: 1;
}

.newsletter input:-ms-input-placeholder {
	color: #7c7e7e;
}

.newsletter button {
	right: 0;
	top: 0;
	padding: 0;
	width: 35px;
	background: #7c7e7e;
	border: none;
	height: 32px;
	position: absolute;
	color: #fff;
	font-size: 25px;
}

.newsletter h3 {
	color: #2e7086;
	font-size: 18px;
	margin: 4px 0 10px;
	
}

@media screen and (min-width: 990px) {
	.newsletter {
		padding: 0 15px;
		float: right;
		width: 32.5%;
	}

	.newsletter h3 {
		margin-bottom: 0px;
	}

}

.social {
	text-align: center;
	display: inline-block;
}

.social a, .social-contact a  {
	font-weight: normal !important;
	font-size: 23px;
	color: #DB7B29;
	vertical-align:middle;
	margin: 0 8px;
	display: inline-block;
}
.social a:hover, .social-contact a:hover  {
	color: #c95d00;
}
@media screen and (max-width: 768px) {
	.social-contact a  {
	}
}

.social a.fa-facebook {
	/*background: #3b5998;*/
}

.social a.fa-twitter {
	/*background: #1da1f3;*/
}

.social a.fa-linkedin {
	/*background: #0077b5;*/
}

.social a.fa-youtube-play {
	/*background: #cd2f2b;*/
}

.social a.fa-envelope {
	font-size: 17px;
	/*background: #7a7a7a;*/
}

.social a.fa-envelope:before {
	position: relative;
	left: 0;
}

.has-tooltip-menu {
	position: relative;
	display: inline-block;
	margin-right: 25px;
}

.has-tooltip-menu:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 139px;
	height: 46px;
	margin-left: -12px;
}

.has-tooltip-menu:hover .tooltip-menu {
	display: block;
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.oldie .has-tooltip-menu:hover .tooltip-menu,
.no-pointerevents .has-tooltip-menu:hover .tooltip-menu {
	display: block;
}

.has-tooltip-menu > a {
	display: block;
	margin-right: 0 !important;
}

.has-tooltip-menu:hover > a {
	color: #2ba78a;
}

.tooltip-menu {
	position: absolute;
	z-index: 102;
	opacity: 0;
	bottom: 46px;
	min-width: 139px;
	padding: 20px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #2ba78a;
	border-radius: 5px;
	pointer-events: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.tooltip-menu li {
	display: block;
	float: none !important;
}

.no-pointerevents .tooltip-menu,
.oldie .tooltip-menu {
	display: none;
	opacity: 1;
	pointer-events: auto;
}

.tooltip-menu:after {
	content: '';
	position: absolute;
	bottom: -18px;
	left: 50%;
	z-index: 101;
	margin-left: -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 18px 0 18px;
	border-color: #2ba78a transparent transparent transparent;
}

.footer .tooltip-menu {
	margin-left: -12px;
	padding: 28px 10px;
}

.tooltip-menu li {
	float: none;
	display: block;
	padding-top: 10px;
}
.tooltip-menu li:first-child {
	padding-top: 0;
}

.tooltip-menu li a {
	margin: 0 !important;
	color: #bde6dc;
}

.tooltip-menu li.active a,
.tooltip-menu a:hover {
	color: #FFF;
}

.footer-landing .col-4 {
	padding-bottom: 20px;
	font-weight:500;
	color: #7c7e7e;
	font-size: 18px;
	border-bottom: 1px solid #E0E4E4;
}

.footer-landing .col-4 p {
	margin-bottom: 10px;
	
}

.footer-landing .footer-link ul {
	padding: 22px 15px 0;
	text-align: center;
	font-size: 15px;
	color: #7c7e7e;
	font-weight:500;
}

.footer-landing .footer-link ul li:first-child {
	margin-bottom: 15px;
}

@media screen and (min-width: 640px) {
	.footer-landing .col-4 {
		padding-top: 0;
		float: left;
		width: 56%;
		border-right: 1px solid #E0E4E4;
		border-bottom: none;
	}

	.footer-landing .col-4 p {
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.footer-landing .social {
		margin-top: 20px;
		width: 100%;
		margin-left: auto;
	}

	.footer-landing .footer-link ul {
		padding-top: 10px;
		float: left;
		width: 44%;
	}

	.footer-landing li:first-child {
		width: 100%;
	}

}

@media screen and (min-width: 990px) {
	.footer-landing .footer-link {
		float: left;
		width: 64%;
	}

	.footer-landing .newsletter h3 {
		margin-bottom: 40px;
	}

}

/* Error
========================================================================== */


.error {
	margin: 0 auto 38px;
	max-width: 1100px;
	padding: 35px 0 0;
	text-align: center;
}

.error .container {
	max-width: 1100px;
	padding: 0 15px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.error span {
	font-weight:500;
	color: #DB7B29;
	font-size: 30px;
}

.error h2 {
	margin: 8px 0 20px;
	color: #0d222f;
	line-height: 1.2em;
}

@media screen and (min-width: 768px) {
	.error {
		padding: 125px 0 0;
	}

	.error .container {
		background: url(../img/bg_404.png) no-repeat center center;
		margin-bottom: 150px;
		padding-bottom: 240px;
	}

	.error h2 {
		font-size: 58px;
	}

}

/* Contact
========================================================================== */


.offices li {
	padding: 0 15px 30px;
}

.offices div {
	background: #f6f6f6;
	text-align: center;
}

.offices h4 {
	font-size: 18px;
	margin: 15px 0 8px;
}

.offices ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.offices img {
	width: 100%;
}

.office-img {
	height: 150px;
	overflow: hidden;
}

.offices-content {
	padding-bottom: 45px;
}

.offices p {
	margin: 0;
}

.offices p a {
	color: #585858;
}

@media screen and (min-width: 640px) {
	.offices li {
		float: left;
		width: 50%;
		padding: 8px 20px 30px;
	}
}

@media screen and (min-width: 768px) {
	.offices h4 {
		margin-top: 32px;
	}
}

.other-offices {
	margin-bottom: 20px;
	padding: 1px 0 30px;
}

.other-offices h3 {
	color: #fff;
}

.other-offices ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight:500;
	font-size: 24px;
}

.other-offices a, .other-offices span {
	margin-bottom: 8px;
	display: block;
	opacity: 0.7;
	color: #fff;
}

@media screen and (min-width: 640px) {
	.other-offices {
		margin-top: 20px;
	}

	.other-offices li {
		display: inline-block;
		padding: 0 30px;
		border-left: 1px solid #64c2ad;
	}

	.other-offices li:first-child {
		border: none;
	}

}

@media screen and (min-width: 768px) {
	.other-offices {
		padding-bottom: 50px;
		padding-top: 10px;
		margin-top: 42px;
	}

	.other-offices li {
		padding: 10px 50px;
	}

}

/* Software Integration Drill
========================================================================== */


.padding {
	padding: 0 15px;
}

.middle-area {
	max-width: 662px;
	padding: 0 15px;
	margin: 30px auto 10px;
}

.middle-area > img {
	margin: 28px 0 0;
}

@media screen and (min-width: 768px) {
	.middle-area {
		margin-top: 38px;
	}

}

.logos-box {
	margin: 25px 0;
	text-align: center;
	padding: 30px;
}

.logos-box span {
	display: block;
	color: #989898;
	font-size: 30px;
	margin: 10px 0;
}

.logos-box img {
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.logos-box {
		margin-bottom: 35px;
		padding: 72px 0;
	}

	.logos-box img,
	.logos-box span {
		display: inline-block;
		vertical-align: middle;
	}

	.logos-box span {
		margin: 0 20px;
	}

}

.font-14 {
	font-size: 14px;
}

.title {
	margin: 25px 0 20px;
}

.title h5 {
	font-size: 16px;
	font-weight: 400;
	color: #585858;
	margin: 0;
}

.title h3 {
	font-size: 30px;
	margin: 30px 0 25px;
}

.careers-content .title h3 {
	font-size: 22px;
}
.careers-content .title h5 {
	font-size: 20px;
}
@media screen and (min-width: 768px) {
	.careers-content .title h5 {
		font-size: 1.7em;
	}
	.careers-content .title h3 {
		font-size: 1.7em;
	}
}

.title h5 + h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.title h3 {
		font-size: 30px;
	}

}

.orange-box {
	color: #fff;
	max-width: 632px;
	text-align: center;
	padding: 15px 15px 20px;
	margin: 10px auto 40px;
	background: #f8991a;
}

.orange-box.full-width {
	max-width: 100%;
}

.orange-box.full-width > div {
	max-width: 680px;
}

.orange-box.minimal-form {
	margin: 0;
	background: #f8991a;
}

.orange-box.minimal-form form {
	background: none;
	padding: 0 0 30px;
}

.orange-box.minimal-form form label {
	margin-top: 10px;
	display: block;
	text-align: left !important;
}

.orange-box.minimal-form form button {
	color: #f8991a;
}

.orange-box.minimal-form form div {
	margin: 0 auto;
	width: auto;
	max-width: 310px;
}

.orange-box h3 {
	margin: 10px 0;
	color: #fff;
	font-size: 30px;
}

.orange-box h3 + a {
	margin-top: 20px;
	margin-bottom: 10px;
}

.orange-box > div {
	max-width: 480px;
	margin: 0 auto;
}

.orange-box p {
	margin: 15px 0 10px;
	opacity: 0.7;
	font-size: 18px;
}

.orange-box p.font-16 {
	font-size: 16px;
}

@media screen and (min-width: 480px) {
	.orange-box a {
		min-width: 1px;
		margin: 10px 8px;
	}

	.orange-box h3 + a {
		margin-bottom: 0;
	}

}

@media screen and (min-width: 640px) {
	.orange-box.minimal-form {
		display: block;
	}

	.orange-box.minimal-form form {
		width: 100%;
		display: block;
	}

}

@media screen and (min-width: 768px) {
	.orange-box {
		padding: 50px 15px 68px;
		margin: 30px auto 60px;
	}

	.orange-box.minimal-form {
		padding: 80px 15px 93px;
	}

	.orange-box h3 {
		line-height: 1.5em;
		font-size: 30px;
	}

	.orange-box p.font-16 + a {
		margin-top: 5px;
		margin-bottom: 0;
	}

}

/* Blog
========================================================================== */


.box-hero {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 auto;
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	color: #fff;
	background-position: center-right;
}

.box-hero .category {
	background: none;
	margin: 13px 0 0;
	padding: 0;
}

.box-hero .category + h4 {
	margin-bottom: 6px;
	margin-top: 15px;
}

.op-hero-date {
	margin:9px 0 7px;	
}

.op-webinar-listing-date {
	color:#888;
}

.box-hero article {
	display: table;
	width: 100%;
	position: relative;
	padding: 15px;
}

.box-hero article.orange {
	background-color: rgba(219,123,41,.9);
}
.box-hero article.orange a:hover{
	color:#0d222f;
}

.box-hero article.orange:before {
	border-left-color: rgba(219,123,41,.9) !important;
}

.box-hero article:before {
	content: none;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -20px;
	border-left: 20px solid;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.box-hero article > p {
	margin: 4px 0;
}

.box-hero article div p {
	margin: 7px 0;
	/*opacity: 0.7;*/
}

.box-hero h4 {
	
	line-height: 1.2em;
	margin: 26px 0 5px;
	font-size: 24px;
	color: #fff;
}

.box-hero.hero1 {
	background-image: url(../media/misc_4.jpg);
}

.box-hero.hero2 {
	background: #4e4e4e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODk4OTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e4e4e), color-stop(100%, #989898));
	background: -webkit-linear-gradient(top, #4e4e4e 0%, #989898 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%, #989898 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#989898',GradientType=0 );
}

.box-hero.hero3 {
	background-image: url(../media/misc_20.jpg);
}

@media screen and (min-width: 768px) {
	.box-hero {
		margin-bottom: 0;
	}

	.box-hero article {
		vertical-align: top;
		display: table-cell;
		width: 50%;
		padding: 35px 45px 48px;
	}

	.box-hero article:before {
		content: '';
	}

	.box-hero h4 {
		width: 75%;
	}

}

.right-img {
	width: 100%;
	/*padding: 15px;*/
	text-align: center;
	/*display: table;*/
	display: block;
}

.right-img .right-img-inner {
	padding: 15px;
}

.right-img img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.right-img {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}

}

.orange {
	background: rgba(245, 130, 32, 0.9);
}

.orange:before {
	border-left-color: rgba(245, 130, 32, 0.9) !important;
}

.green {
	background: rgba(33, 168, 138, 0.9);
}

.green:before {
	border-left-color: rgba(33, 168, 138, 0.9) !important;
}

.sintec-blue {
	background: rgba(66,66,64, 0.9);
}

.sintec-blue:before {
	border-left-color: rgba(66,66,64, 0.9) !important;
}

.link {
	color: #fff;
}

.category-list {
	margin-top: 35px;
	padding: 0 15px;
}

.category-list .divider {
	margin: 0;
	background: #c1c1c1;
}

.category-list ul {
	margin: 0;
	padding: 20px 0 10px;
	list-style: none;
}

.category-list li {
	vertical-align: top;
	display: block;
}

.category-list a {
	position: relative;
	display: block;
	padding: 2px 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
	color: #959494;
}

.category-list a:before {
	content: none;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	background: #0d222f;
}

.category-list a:hover {
	color: #0d222f;
}

.category-list a:hover:before {
	opacity: 1;
}

.category-list a.active-category {
	color: #0d222f;
}

.category-list a.active-category:before {
	opacity: 1;
}

@media screen and (min-width: 640px) {
	.category-list {
		margin-top: 50px;
		text-align: center;
	}

	.category-list ul {
		padding: 0;
	}

	.category-list li {
		margin: 0 12px;
		display: inline-block;
	}

	.category-list a {
		padding: 10px 4px;
	}

	.category-list a:before {
		content: '';
	}

}

@media screen and (min-width: 1050px) {
	.category-list {
		padding: 0;
	}

}

.op-post-listings-wrapper {
	padding:0 0 20px; margin:20px 0 40px;
	border-bottom:1px solid #c1c1c1;
}

@media screen and (min-width: 768px) {
	.op-post-listings-wrapper {
		padding:0 0 18px; margin:33px 0 52px;
	}	
}

.op-post-listings-wrapper:last-child {
	padding-bottom:0; margin-bottom:0;
	border-bottom:0;
}

.op-post-listings-wrapper h3 {
	margin:0;
}

.op-post-listings-wrapper .post-list {
	padding-top:10px;
}

.post-list {
	padding: 0;
	list-style: none;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.post-list {
		padding: 20px 30px;
	}

}

.post {
	text-align: left;
	padding: 0 0 5px;
}

.post img {
	/* otu :: original code
	width: 100%;*/
}

.post-video-wrap {
	height: 243px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 13px;
}

.post header p {
	margin: 6px 0 2px;
	
}

.post article {
	padding: 15px;
	background: rgba(246, 246, 246, 0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post article > p {
	line-height: 1.55em;
	margin: 3px 0;
}

.post h4 {
	line-height: 1.18em;
	
	margin: 5px 0 3px;
}

.post:hover article {
	background: #f6f6f6;
}

.post:hover .img:before {
	opacity: 0.2;
}

.post:hover .link-orange {
	color: #c95d00;
}

.post:hover .link-dark {
	color: #2B404D;
}

.post .img {
	display: block;
	position: relative;
}

.post .img .category {
	position: absolute;
	left: 0;
	top: 0;
	padding: 13px 13px 13px 11px;
	margin: 0;
}

.post .img:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.post .cat {
	float: left;
}

.post .cat:nth-child(n+2):before {
	content: ", ";
}

@media screen and (min-width: 640px) {
	.post {
		float: left;
		width: 50%;
		padding: 8px 5px 0;
	}

}

.post-list .post .img {
	
}

.post-list .post .img img {
	
}

@media screen and (min-width: 640px) {
	.post-list .post .img {
		margin-bottom: 13px;
	}
	
	.post-list .post .img img {
		max-width:100%; height:auto;
	}
}

@media screen and (min-width: 1100px) {
	.post-list .post .img {
		width: 440px;
		margin-bottom: 13px;
		overflow: hidden;
	}

	.post-list .post .img img {
		/*otu :: original code
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);*/
		max-width: 100%; height:auto;
	}
}

.load-more {
	max-width: 224px;
	display: block;
	margin: 10px auto 35px;
}

@media screen and (min-width: 768px) {
	.load-more {
		margin: 20px auto 45px;
	}

}

/* Post
========================================================================== */


.single-post {
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
}

.single-post h1 {
	margin: 18px 0 21px;
	text-align: left;
	line-height: 1.15em;
	font-size: 30px;
}

.single-post h5 {
	font-weight:500;
	font-size: 16px;
	margin: 25px 0 -2px;
}

.single-post footer {
	margin: 22px 0 28px;
}

.single-post header > p {
	margin: -9px 0 3px;
}

.single-post p {
	
	margin: 10px 0;
}

.single-post p a {
	color: #DB7B29;
}

.single-post p a:hover {
	color: #c95d00;
}

.single-post ul {
	margin: 20px 0 26px;
	padding: 0 0 0 25px;
}

.single-post ul li {
	padding-left: 8px;
}

.single-post img {
	display: block;
	margin: 18px 0;
}

@media screen and (min-width: 768px) {
	.single-post h1 {
		font-size: 30px;
	}

}

.post-links > a {
	
	font-size: 14px;
	color: #DB7B29;
}

.post-links .social {
	margin: 10px 0 0;
	width: 100%;
}

.post-links .social p {
	line-height: 24px;
	float: left;
	margin: 0;
}

.post-links .social a {
	float: left;
	margin: 0 9px;
}

.post-links .with-category {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	display: block;
}

@media screen and (min-width: 480px) {
	.post-links > a {
		float: left;
	}

	.post-links .social {
		width: auto;
		margin: 5px 0 0 0;
		float: right;
	}

	.post-links .social a:last-child {
		margin-right: 0;
	}

	.post-links .social p {
		margin-right: 10px;
	}

}

@media screen and (min-width: 768px) {
	.post-links .with-category {
		margin-bottom: -20px;
	}

}

.stButton {
	margin: 0 !important;
}

.stButton .chicklets {
	text-indent: -99999999px;
}

.author {
	padding: 24px 0;
	border-bottom: 1px solid #e6e6e6;
}

.author .img-circle {
	position: relative;
	overflow: hidden;
	border-radius: 100%;
	padding-bottom: 100%;
	width: 100%;
}

.author .img-circle img {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.author h5 {
	font-weight:500;
	font-size: 16px;
	color: #585858;
	margin: 3px 0 0 0;
}

.author .social a {
	float: none;
	display: block;
	margin: 12px auto;
	/*background: #7a7a7a;*/
}

.author .left {
	float: left;
	width: 18%;
}

.author .right {
	float: left;
	width: 82%;
	padding-left: 30px;
}

.author .right p {
	margin: 8px 0;
}

.author .right span {
	display: block;
	color: #DB7B29;
}

.related-posts {
	margin: 15px -15px 0;
}

.related-posts .post {
	padding-left: 0;
	padding-right: 0;
}

.related-posts .post:last-child {
	padding-bottom: 0;
}

.related-posts .post header p {
	margin-top: 0;
	line-height: 1.5em;
}

.related-posts h4 {
	line-height: 1.25em;
	margin-bottom: 5px;
}

.related-posts h3 {
	
	margin-top: 30px;
	margin-bottom: 10px;
}

.category {
	background: #DB7B29;
	color: #fdfdfc;
	padding: 7px 15px 7px 10px;
	font-size: 16px;
	line-height: 1em;
	display: inline-block;
	margin: 5px 0 15px;
}

.category i {
	position: relative;
	top: 1px;
	margin-right: 8px;
}

/* Resources
========================================================================== */


.jumbotron {
	padding: 30px 15px 35px;
	position: relative;
	z-index: 101;
	background: #f6f6f6 url(../img/bg_atoms.png) no-repeat center -80px;
}

.jumbotron.blue {
	background: #2c6f85 url(../img/bg_atoms4.png) no-repeat center 0;
	color: #fff;
}

.jumbotron.blue h3 {
	color: #fff;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.jumbotron h3 {
	line-height: 1.1em;
	margin: 10px 0;
}

.jumbotron .left {
	position: relative;
	z-index: 2;
}

.jumbotron .left p {
	margin-left: 0;
	max-width: none;
	color: #7c7e7e;
}

.jumbotron h5 {
	font-weight:500;
	color: #585858;
	font-size: 16px;
	margin: 25px 0 8px;
}

.jumbotron p {
	/*max-width: 480px;*/
	max-width: 790px;
	margin: 0 auto;
}
.jumbotron-request-demo p {
	margin: 15px auto;
}


.jumbotron.jumbotron-pattern {
	overflow: hidden;
	background: #f6f6f6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #dfe5e5));
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #dfe5e5 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%, #dfe5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfe5e5',GradientType=0 );
	position: relative;
}

.jumbotron.jumbotron-pattern:before {
	top: 0;
	content: '';
	position: absolute;
	background: url(../img/bg_atoms2.png) no-repeat center -50px;
	width: 100%;
	z-index: 1;
	height: 100%;
}

.jumbotron .right {
	position: relative;
	z-index: 2;
	margin: 30px 0 0;
}

.jumbotron--higher {
	background-position: center -55px;
}

.jumbotron--higher p {
	color: #546069;
	
}

.jumbotron--higher .btn {
	margin-top: 15px;
}

@media screen and (min-width: 768px) {
	.jumbotron {
		padding-bottom: 60px;
	}

	.jumbotron h3 {
		margin: 30px 0 14px;
		font-size: 30px;
	}

	.jumbotron.blue {
		padding-bottom: 80px;
		padding-top: 75px;
	}

	.jumbotron.blue h3 {
		font-size: 30px;
	}

	.jumbotron .left {
		margin: 5px 0;
		padding-left: 20px;
		float: left;
		width: 45%;
	}

	.jumbotron .left h3 {
		line-height: 1.15em;
	}

	.jumbotron.jumbotron-pattern {
		min-height: 475px;
	}

	.jumbotron .right {
		margin-right: -15px;
		padding-bottom: 33%;
		position: relative;
		width: 40%;
		float: right;
	}

	.jumbotron .right img {
		right: -100%;
		width: auto;
		max-width: none;
		position: absolute;
	}

	.jumbotron--higher {
		padding-top: 71px;
		padding-bottom: 105px;
	}

	.jumbotron--higher p {
		max-width: 640px;
	}
}

@media screen and (min-width: 990px) {
	.jumbotron .left {
		padding-left: 35px;
	}

	.jumbotron .right img {
		right: -46%;
	}

}

.from-blog {
	margin-bottom: 20px;
}

.from-blog--heading {
	color: #010101;
	font-size: 24px;
	font-weight: bold;
}

.from-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.from-blog h4 {
	font-size: 26px;
	position: relative;
	z-index: 1;
	color: #fff;
	width: 89%;
	
	margin: 0;
	position: relative;
	line-height: 1.2em;
}

.from-blog h4:after {
	content: "\f105";
	position: relative;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	font-size: 34px;
	opacity: 0.7;
	left: 5%;
	top: 3px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.from-blog h5 {
	margin: 0;
	font-weight: 400;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	background: #DB7B29;
	line-height: 1em;
	display: inline-block;
	padding: 3px 20px 3px 5px;
}

.from-blog div {
	position: absolute;
	bottom: 20px;
	z-index: 1;
}

.from-blog a {
	min-height: 250px;
	padding: 22px;
	display: block;
	text-align: left;
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	position: relative;
	color: #fff;
	background-position: center top;
	position: relative;
}

.from-blog a:before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
	transition: all .3s;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(0,0,0,0.4) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.4)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.4) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.4) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 );
}

.from-blog a.box1 {
	background-image: url(../media/misc_16.jpg);
}

.from-blog a.box2 {
	background-image: url(../media/misc_17.jpg);
}

.from-blog a.box3 {
	background-image: url(../media/misc_18.jpg);
}

.from-blog a.box4 {
	background-image: url(../media/misc_19.jpg);
}

.from-blog a:hover h4:after {
	opacity: 1;
	left: 10%;
}

.from-blog a:hover:before {
	opacity: 1;
}

@media screen and (min-width: 540px) {
	.from-blog {
		margin-bottom: 10px;
	}

	.from-blog--heading {
		display: none;
	}

	.from-blog li {
		float: left;
		width: 50%;
	}

	.from-blog a {
		min-height: 305px;
	}

}

@media screen and (min-width: 840px) {
	.from-blog li {
		width: 25%;
	}

}

/* Events List
========================================================================== */


.events-list {
	margin-left: auto;
	margin-right: auto;
	max-width: 950px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
	margin-top: 10px;
}

.events-list .date-events {
	margin: 7px 0 3px;
	color: #DB7B29;
}

.events-list p {
	line-height: 1.5em;
	
	margin: 3px 0;
}

.events-list .post {
	float: none;
	padding: 1px 0;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.events-list .img {
		float: left;
		width: 48%;
	}

	.events-list h4 {
		margin: -5px 0 5px 0;
	}

	.events-list article > div {
		padding-left: 34px;
		float: left;
		width: 52%;
	}

}

.link-more {
	color: #585858;
	font-weight:500;
}

.more-content {
	height: 145px;
	overflow: hidden;
}

/* Company Clients
========================================================================== */


.clients-hero {
	margin: 0 auto;
	background: #f6f6f6;
	padding: 15px;
}

.clients-hero h3 {
	margin: 30px 0 15px;
}

.clients-hero p {
	
}

@media screen and (min-width: 768px) {
	.clients-hero .left {
		float: left;
		width: 50%;
		padding-right: 20px;
	}

}

@media screen and (min-width: 990px) {
	.clients-hero {
		padding: 18px 50px 35px;
	}

}

.video-box {
	margin: 25px 0;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	.video-box {
		float: right;
		width: 45%;
		margin-top: 38px;
	}

}

/* Testimonials */

.slider-testimonials {
	position: relative;
	/*background: #c95d00 url(../img/bg_atoms1.png) no-repeat left top;*/
	background: #c95d00 ;
	color: #fff;
	
	font-size: 20px;
	text-align: center;
	z-index: 3;
	padding: 25px 25px 10px;
}

.slider-testimonials-2-outer {
	margin:0 0 45px;
	background:#fff url(../img/bg-h-line-testimonials-3.png) no-repeat scroll 100% 100%;
}

@media screen and (min-width: 768px) {
	.slider-testimonials-2-outer {
		margin:0;
		background:#fff url(../img/bg-h-line-testimonials-2.png) no-repeat scroll 100% 91%;
	}	
}

.slider-testimonials-2 {
	position: relative;
	background:url(../img/bg-h-line-testimonials-1.png) no-repeat scroll 60px 0;
	color: #DB7B29;
	
	font-size: 25px;
	text-align: center;
	z-index: 3;
	padding: 25px 25px 25px;
}

@media screen and (min-width: 768px) {
	.slider-testimonials-2 {
		margin-bottom: 45px;
		padding: 60px 15px;
		background-position:100px 20px;
	}
}

@media screen and (min-width: 1025px) {
	.slider-testimonials-2 {
		padding: 45px 15px 45px;
	}
}

.slider-testimonials + .get-quote {
	margin-top: 0;
}

.slider-testimonials-2 + .get-quote {
	margin-top: 0;
}

.slider-testimonials .testimonials {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.slider-testimonials-2 .testimonials-2 {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.slider-testimonials img {
	display: block;
	margin: 20px auto 0;
}

.slider-testimonials-2 img {
	display: block;
	margin: 20px auto 0;
}

.slider-testimonials.margin {
	margin-bottom: 15px;
}

.slider-testimonials-2.margin {
	margin-bottom: 15px;
}

.slider-testimonials:before {
	content: '';
	position: absolute;
	background: url(../img/quotes-operative-orange.png);
	background-size: 80px 37px;
	left: 5px;
	top: -15px;
	width: 40px;
	height: 37px;
}

.slider-testimonials-2:before {
	content: '';
	position: absolute;
	background:#fff url(../img/quotes-operative-orange.png) no-repeat scroll 0 0;
	background-size: 80px 37px;
	left: 5px;
	top: -15px;
	width: 40px;
	height: 37px;
}

.slider-testimonials:after {
	content: '';
	position: absolute;
	background: url(../img/quotes-operative-orange.png) -40px 0;
	background-size: 80px 37px;
	right: 5px;
	bottom: -15px;
	width: 40px;
	height: 37px;
}

.slider-testimonials-2:after {
	content: '';
	position: absolute;
	background:#fff url(../img/quotes-operative-orange.png) no-repeat scroll -40px 0;
	background-size: 80px 37px;
	right: 5px;
	bottom: -15px;
	width: 40px;
	height: 37px;
}

.slider-testimonials .quote {
	padding: 0;
	margin: 0 auto;
}

.slider-testimonials-2 .quote {
	padding: 0;
	margin: 0 auto;
}

.slider-testimonials p {
	margin: 10px 0;
	font-weight:500;
}

.slider-testimonials-2 p {
	margin: 10px 0;
	font-weight:500;
}

.slider-testimonials .slick-dots {
	position: relative;
	bottom: 0;
	margin: 0;
}

.slider-testimonials-2 .slick-dots {
	position: relative;
	bottom: 0;
	margin: 0;
}

.slider-testimonials .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 7px;
}

.slider-testimonials-2 .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 7px;
}

.slider-testimonials .slick-dots li button {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	width: 9px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 9px;
}

.slider-testimonials-2 .slick-dots li button {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	width: 9px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 9px;
}

.slider-testimonials .slick-dots li button:hover {
	background: #fff;
}

.slider-testimonials-2 .slick-dots li button:hover {
	background: #fff;
}

.slider-testimonials .slick-dots li button:before {
	content: none;
}

.slider-testimonials-2 .slick-dots li button:before {
	content: none;
}

.slider-testimonials .slick-dots li.slick-active button {
	background: #fff;
}

.slider-testimonials-2 .slick-dots li.slick-active button {
	background: #fff;
}

.slider-testimonials .slick-prev,
.slider-testimonials .slick-next {
	display: none !important;
}

.slider-testimonials-2 .slick-prev,
.slider-testimonials-2 .slick-next {
	display: none !important;
}

.slider-testimonials cite {
	margin-bottom: 10px;
	font-size: 14px;
	opacity: 0.7;
	display: block;
	font-style: normal;
	line-height: 1.5em;
}

.slider-testimonials-2 cite {
	margin-bottom: 10px;
	font-size: 18px;
	opacity: 0.7;
	display: block;
	font-style: normal;
	line-height: 1.5em;
}

@media screen and (min-width: 768px) {
	.slider-testimonials {
		margin-bottom: 45px;
		padding: 45px 15px 10px;
	}

	.slider-testimonials + .get-quote {
		margin-top: -45px;
	}
	
	.slider-testimonials-2 + .get-quote {
		margin-top: -45px;
	}

	.slider-testimonials:before {
		background-size: 163px 76px;
		width: 81px;
		height: 76px;
	}
	
	.slider-testimonials-2:before {
		background-size: 163px 76px;
		width: 81px;
		height: 76px;
	}

	.slider-testimonials:after {
		background-position: -81px 0;
		background-size: 163px 76px;
		width: 82px;
		height: 76px;
	}
	
	.slider-testimonials-2:after {
		background-position: -81px 0;
		background-size: 163px 76px;
		width: 82px;
		height: 76px;
	}

	.slider-testimonials .slick-dots {
		margin-top: 20px;
	}
	
	.slider-testimonials-2 .slick-dots {
		margin-top: 20px;
	}

}

@media screen and (min-width: 1100px) {
	.slider-testimonials:before {
		left: -15px;
	}
	
	.slider-testimonials-2:before {
		left: -15px;
	}

	.slider-testimonials:after {
		right: -15px;
	}
	
	.slider-testimonials-2:after {
		right: -15px;
	}

}

.logos {
	margin-top: -15px;
	padding: 0 8px;
	list-style: none;
}

.logos li {
	width: 100%;
	display: table;
	table-layout: fixed;
	padding: 8px;
}

.logos div {
	height: 180px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	background: #f6f6f6;
}

@media screen and (min-width: 480px) {
	.logos li {
		width: 50%;
		float: left;
	}

}

@media screen and (min-width: 768px) {
	.logos {
		margin-top: 20px;
	}

	.logos li {
		width: 33.333333%;
	}

}

@media screen and (min-width: 990px) {
	.logos {
		margin-left: -16px;
		margin-right: -16px;
	}

	.logos li {
		width: 25%;
	}

}

/* Request a Demo
========================================================================== */


.worked-with {
	padding: 15px;
	/*background: #21a88a;*/
	background: #DB7B29;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight:500;
}

.worked-with ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
.worked-with-2 ul {
	text-align: center;
}

.worked-with li {
	display: table;
	width: 100%;
	padding: 20px 5px;
	text-align: center;
}
.worked-with-2 li {
	display: inline-block;
}

.worked-with img {
	vertical-align: middle;
}

.worked-with p {
	margin-bottom: 0;
	opacity: 0.8;
}

@media screen and (min-width: 480px) {
	.worked-with li {
		float: left;
		padding: 20px 15px;
		width: auto;
		max-width: 25%;
	}
	.worked-with li {
		float: none;
	}

}

@media screen and (min-width: 768px) {
	.worked-with {
		text-align: left;
	}

	.worked-with p {
		margin: 0;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		width: 35%;
		padding: 4px 0 4px 20px;
	}
	
	.worked-with-2 p {
		text-align: center;
		width: 100%;
		display: block;
	}

	.worked-with img {
		width: 100%;
		max-width: 100%;
	}

	.worked-with ul {
		display: inline-block;
		vertical-align: middle;
		width: 64%;
	}
	.worked-with-2 ul {
		display: block;
		vertical-align: middle;
		width: 100%;
	}

}

@media screen and (min-width: 990px) {
	.worked-with p {
		width: 26%;
		padding-left: 35px;
	}
	.worked-with-2 p {
		width: 100%;
		padding-left: 0;
	}

	.worked-with ul {
		width: 70%;
	}
	.worked-with-2 ul {
		width: 100%;
	}

	.worked-with li {
		padding: 20px 25px;
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	
	.worked-with-2 li {
		padding: 20px 15px;
		display: inline-block;
	}

	.worked-with img {
		width: auto;
		max-width: initial;
	}

}

.main-area {
	position: relative;
	background: #f6f6f6;
	color: #7c7e7e;
}

.main-area .left {
	padding: 15px;
}

.main-area dl dt {
	line-height: 1.3em;
	
	font-size: 18px;
	color: #DB7B29;
	margin: 5px 0;
}

.main-area dl dd {
	margin: 0;
	padding: 0;
}

.main-area dl p {
	margin: 0;
}

.main-area dl + h4 {
	margin-top: 35px;
}

#gform_wrapper_2 {
	padding-bottom: 30px;
}
#gform_wrapper_2 h3 {
	text-align: center;
}

.main-area .gform_wrapper input[type=text],
.main-area .gform_wrapper input[type=email],
.main-area .gform_wrapper textarea {
	color: #7c7e7e;
}

.main-area .gform_wrapper input[type=text]::-webkit-input-placeholder,
.main-area .gform_wrapper input[type=email]::-webkit-input-placeholder,
.main-area .gform_wrapper textarea::-webkit-input-placeholder {
	color: #7c7e7e;
}

.main-area .gform_wrapper input[type=text]:-moz-placeholder,
.main-area .gform_wrapper input[type=email]:-moz-placeholder,
.main-area .gform_wrapper textarea:-moz-placeholder {
	color: #7c7e7e;
}

.main-area .gform_wrapper input[type=text]::-moz-placeholder,
.main-area .gform_wrapper input[type=email]::-moz-placeholder,
.main-area .gform_wrapper textarea::-moz-placeholder {
	color: #7c7e7e;
}

.main-area .gform_wrapper input[type=text]:-ms-input-placeholder,
.main-area .gform_wrapper input[type=email]:-ms-input-placeholder,
.main-area .gform_wrapper textarea:-ms-input-placeholder {
	color: #7c7e7e;
}

.main-area .gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.main-area .gform_wrapper input[type=email]:focus::-webkit-input-placeholder,
.main-area .gform_wrapper textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

.main-area .gform_wrapper input[type=text]:focus:-moz-placeholder,
.main-area .gform_wrapper input[type=email]:focus:-moz-placeholder,
.main-area .gform_wrapper textarea:focus:-moz-placeholder {
	color: transparent;
}

.main-area .gform_wrapper input[type=text]:focus::-moz-placeholder,
.main-area .gform_wrapper input[type=email]:focus::-moz-placeholder,
.main-area .gform_wrapper textarea:focus::-moz-placeholder {
	color: transparent;
}

.main-area .gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.main-area .gform_wrapper input[type=email]:focus:-ms-input-placeholder,
.main-area .gform_wrapper textarea:focus:-ms-input-placeholder {
	color: transparent;
}

.main-area h4 {
	
	margin: 15px 0;
	line-height: 1.3em;
}

.main-area .multimedia-list {
	padding: 0;
	list-style: none;
	margin: 5px 0;
}

.main-area .multimedia-list i {
	position: relative;
	top: 10px;
	text-align: center;
	font-size: 23px;
	color: #DB7B29;
	width: 10%;
	float: left;
}

.main-area .multimedia-list li {
	padding: 13px 0;
	border-bottom: 1px solid #e0e2e2;
}

.main-area .multimedia-list li:last-child {
	border: none;
}

.main-area .multimedia-list p {
	padding-left: 10px;
	margin: 0;
	float: left;
	width: 90%;
}

.main-area .gform_confirmation_message,
.main-area .gform_wrapper {
	padding-bottom: 30px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	background: #e1e6e6;
}

.main-area .request_wrapper {
	padding: 25px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	background: #e1e6e6;
}

.main-area .gform_wrapper label {
	/*margin-bottom: 15px;*/
	color: #0d222f;
}

.main-area .gform_wrapper textarea {
	height: 160px;
}

.main-area .gform_wrapper p {
	font-size: 12px;
	text-align: left;
}

.main-area .request_wrapper p {
	font-size: 16px;
	text-align: left;
}
.main-area .gform_wrapper p.more-info {
	margin-top: 25px;
	font-size: 16px;
	line-height: 1.2em;
}

.main-area .gform_wrapper fieldset {
	max-width: none;
	display: block;
	margin: 0 0 15px;
	padding: 0;
	width: 100%;
}

.main-area .gform_wrapper fieldset label {
	margin-bottom: 11px;
}

.main-area .gform_wrapper .btn {
	padding-top: 11px;
	padding-bottom: 12px;
	margin: 19px 0 25px;
	font-size: 18px;
	width: 100%;
	display: block;
}

.main-area .top .txt-form {
	margin-left: -5px;
	margin-top: -22px;
	line-height: 1.7em;
	font-size: 16px;
	margin-bottom: 35px;
}

.main-area .top fieldset label {
	margin-bottom: 15px;
}

.main-area .title {
	margin: 10px 0 10px;
}

.main-area .title h4 {
	margin-bottom: 5px;
}

.main-area .title p {
	margin: 0;
}

@media screen and (min-width: 768px) {

	.main-area .top {
		margin-top: -83px;
	}

	.main-area .gform_wrapper .top {
		margin-top: 0;
	}

	.gform_wrapper.top{
		margin: -83px 0 0;
	}

	.main-area .left {
		padding: 20px 30px;
		float: left;
		width: 50%;
	}

	.main-area .gform_confirmation_message,
	.main-area .gform_wrapper {
		margin-bottom: 0;
		padding: 20px 30px 40px;
		width: 50%;
		float: left;
	}

	.main-area .gform_wrapper h3 {
		line-height: 1.3em;
		margin-top: 16px;
		margin-bottom: 30px;
		font-size: 30px;
	}

	.main-area dl {
		margin-top: 20px;
	}

	.main-area:before {
		content: '';
		position: absolute;
		height: 100%;
		background: #e1e6e6;
		width: 50%;
		right: 0;
	}

}

@media screen and (min-width: 990px) {
	.main-area .left {
		padding: 35px 50px;
	}

	.main-area .gform_wrapper {
		padding: 20px 50px 58px 60px;
	}
	
	.main-area .request_wrapper {
		padding: 20px 55px 58px 55px;
	}

	.main-area .gform_wrapper h3 {
		margin-top: 26px;
	}

	.main-area .gform_wrapper p.more-info {
		padding: 0 2px;
		line-height: 1.8em;
		margin: 26px 0 15px;
	}

	.main-area dl + h4 {
		margin-top: 51px;
	}

	.main-area .multimedia-list {
		margin-bottom: 42px;
	}

}

.list {
	padding: 0;
	list-style: none;
	margin: 0;
}

.list li {
	padding: 13px 0;
	border-bottom: 1px solid #e0e2e2;
}

.list li:last-child {
	border-bottom: none;
}

@media screen and (min-width: 990px) {
	.list {
		margin-bottom: 45px;
	}

}

.check-list {
	font-size: 16px;
	padding: 0;
	margin-top: -13px;
	list-style: none;
}

.check-list li {
	margin-bottom: 5px;
}

.check-list i {
	color: #DB7B29;
	position: relative;
	top: 2px;
	margin-right: 15px;
}

/* Get a Quote
========================================================================== */


.jumbotron-box {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.jumbotron-box .orange {
	padding: 10px 15px 15px;
	background: #DB7B29;
	color: #fff;
}

.jumbotron-box .light h3 {
	color: #0e2330;
}

.jumbotron-box .blue {
	padding: 10px 15px 15px;
	background: #2d7086;
	color: #fff;
}

.jumbotron-box h3 {
	line-height: 1.25em;
	color: #fff;
	margin-bottom: 0px;
	
}

.jumbotron-box .col-7,
.jumbotron-box .col-6 {
	padding: 10px 15px 15px;
}

.jumbotron-box .col-6 {
	padding-bottom: 30px;
}

.jumbotron-box .sea {
	background: #2d7086;
	color: #fff;
}

.jumbotron-box h5 {
	font-weight:500;
	margin: 0;
	color: #fff;
	font-size: 16px;
}

.jumbotron-box p {
	
}

.jumbotron-box p + h5 {
	margin: 30px 0 -10px;
}

.jumbotron-box .btn-orange {
	background: #DB7B29;
	font-size: 16px;
	margin-bottom: 30px;
}

.jumbotron-box .right {
	padding-bottom: 100%;
	position: relative;
	background: #f1f1f1;
}

.jumbotron-box .right.bg6 {
	background-image: url(../media/misc_33.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.jumbotron-box .right.sea {
	min-height: 450px;
}

.jumbotron-box .right.sea:before {
	content: '';
	position: absolute;
	background: #2d7086 url(../media/animation1/clouds.png);
	height: 50%;
	width: 100%;
}

.jumbotron-box .img-full {
	background-image: url(../media/misc_25.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	padding-bottom: 100%;
}

.jumbotron-box .static-img {
	position: absolute;
	left: 0;
	bottom: 0;
}

@media screen and (min-width: 640px) {
	.jumbotron-box {
		display: table;
	}

	.jumbotron-box .left,
	.jumbotron-box .col-6 {
		padding: 10px 20px;
		vertical-align: top;
		display: table-cell;
		width: 50%;
	}

	.jumbotron-box .left.col-7,
	.jumbotron-box .col-6.col-7 {
		display: block;
		float: left;
		width: 62.5%;
	}

	.jumbotron-box .orange.col-7 {
		padding: 10px 45px 40px;
		vertical-align: top;
		display: table-cell;
		width: 57%;
	}

	.jumbotron-box .col-6 .btn {
		margin-bottom: 40px;
	}

	.jumbotron-box .right {
		vertical-align: top;
		display: table-cell;
		width: 50%;
		padding-bottom: 46%;
	}

	.jumbotron-box .right.img-full {
		float: left;
		width: 37.5%;
		display: block;
		height: 100%;
		right: 0;
		position: absolute;
		padding-bottom: 50%;
	}

	.jumbotron-box h3 {
		font-size: 30px;
	}

}

@media screen and (min-width: 768px) {
	.jumbotron-box .left {
		padding: 10px 35px 35px;
	}

	.jumbotron-box .left.col-7 {
		padding-bottom: 0;
	}

	.jumbotron-box p + h5 {
		margin-top: 40px;
	}

}

@media screen and (min-width: 990px) {
	/*  .jumbotron-box {
	height: 546px;
	}*/

	.jumbotron-box .left {
		padding: 10px 35px 48px 50px;
	}

	.jumbotron-box .left.blue {
		padding-bottom: 30px;
	}

	.jumbotron-box .left.col-7 {
		padding-bottom: 50px;
	}

	.jumbotron-box .col-6 {
		padding-left: 0;
	}

}

/* Landingpages
========================================================================== */


.video-jumbotron {
	padding: 15px 15px;
}

.video-jumbotron .wrapper-video {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 25px auto;
	max-width: 780px;
}

.video-jumbotron .video-box {
	margin: 0;
	padding: 0;
}

.video-jumbotron h2 {
	color: #0e2330;
	line-height: 1em;
}

.video-jumbotron p {
	
	color: #7c7e7e;
	font-size: 18px;
}

@media screen and (min-width: 768px) {
	.video-jumbotron {
		margin-bottom: 42px;
		padding: 5px 15px;
	}

	.video-jumbotron h2 {
		margin-bottom: -4px;
		font-size: 48px;
	}

	.video-jumbotron .video-box {
		float: none;
		width: 100%;
	}

}

.wrapper-landing {
	background: #f6f6f6;
}

.wrapper-landing .main-area h5 {
	color: #0d222f;
	font-size: 16px;
}

@media screen and (min-width: 768px) {
	.wrapper-landing .left {
		background: none;
	}

	.wrapper-landing .left p + h4 {
		margin-top: 35px;
	}

}

.bg-light .left {
	background: #fff url(../img/bg_atoms3.png) no-repeat right bottom;
}

@media screen and (min-width: 768px) {
	.bg-light {
		background: #fff url(../img/bg_atoms3.png) no-repeat 0 bottom;
	}

}

@media screen and (min-width: 768px) {
	.bg-light .left {
		background: none;
	}

}

.green-box {
	padding: 13px 15px 17px;
	background: #21A88A;
	text-align: center;
	color: #FFF;
}

.green-box ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.green-box ul p {
	opacity: 0.7;
}

.green-box h5 {
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
}

.green-box h5 i {
	position: relative;
	margin-right: 5px;
	top: 1px;
}

.green-box > p {
	margin-bottom: 0;
	
	opacity: 0.8;
	font-size: 24px;
	font-weight:500;
}

@media screen and (min-width: 768px) {
	.green-box {
		padding: 30px 35px 20px;
		display: table;
	}

	.green-box > p {
		margin: 0;
		padding: 9px 0 0 0;
		text-align: left;
		display: table-cell;
		vertical-align: top;
		width: 20%;
	}

	.green-box h5 {
		padding-left: 25px;
		position: relative;
		display: inline-block;
		margin-top: 0;
	}

	.green-box h5 i {
		left: 0;
		position: absolute;
	}

	.green-box ul {
		text-align: left;
		vertical-align: top;
		display: table-cell;
	}

	.green-box ul li {
		padding: 5px 10px;
		vertical-align: top;
		display: table-cell;
	}

	.green-box ul p {
		margin-top: 8px;
	}

}

@media screen and (min-width: 990px) {
	.green-box > p {
		padding-left: 15px;
	}

	.green-box ul {
		padding: 0 20px;
	}

}

.box-about {
	padding: 35px 15px;
	text-align: center;
	background: #fff url(../img/arrow_bg.png) no-repeat 40px center;
}

.box-about p {
	margin: 18px auto;
	max-width: 700px;
}

.box-about h3 {
	font-size: 24px;
	margin: 0 0 22px;
}

@media screen and (min-width: 768px) {
	.box-about {
		margin-bottom: 15px;
		padding: 50px 15px 60px;
		margin-top: -45px;
	}

}

.bg-light1 {
	background: #fff;
}

.landing-jumbotron {
	z-index: 1;
	padding: 30px 15px 0;
	position: relative;
	background-image: url(../img/bg_texture.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.landing-jumbotron p {
	font-size: 18px;
	color: #7c7e7e;
	font-weight: 400;
	margin: 2px 0 3px;
	
}

.landing-jumbotron p.col-orange {
	color: #DB7B29;
	margin-bottom: 10px;
}

.landing-jumbotron.ebook1 p {
	font-size: 16px;
}

.landing-jumbotron.ebook1 p.col-orange {
	font-size: 18px;
}

.landing-jumbotron.coffee {
	overflow: hidden;
	padding-top: 50px;
}

.landing-jumbotron.coffee:before {
	z-index: 2;
	content: '';
	position: absolute;
	right: -160px;
	top: 0;
	width: 263px;
	height: 157px;
	background: url(../media/coffee.png) no-repeat;
	background-size: 50%;
}

.landing-jumbotron h3 {
	margin: 15px 0 10px;
	line-height: 1.1em;
}

.landing-jumbotron div {
	float: right;
}

.landing-jumbotron .left-img {
	position: relative;
	top: 30px;
}

@media screen and (min-width: 640px) {
	.landing-jumbotron {
		padding-bottom: 40px;
	}

	.landing-jumbotron div {
		padding: 20px 25px;
		float: right;
		width: 57%;
		position: relative;
		z-index: 1;
		margin-right: -15px;
		background: rgba(255, 255, 255, 0.6);
	}

	.landing-jumbotron.ebook1 div {
		width: 50%;
		margin-right: 0;
	}

	.landing-jumbotron.ebook1 .left-img {
		top: 50%;
		width: 47%;
		left: 20px;
		margin-top: -25%;
	}

	.landing-jumbotron .left-img {
		top: -30px;
		left: -10px;
		position: absolute;
		width: 55%;
		max-width: 539px;
	}

}

@media screen and (min-width: 768px) {
	.landing-jumbotron {
		padding: 98px 0 102px;
	}

	.landing-jumbotron.ebook1 {
		padding: 80px 0 82px;
	}

	.landing-jumbotron.coffee {
		padding-top: 98px;
	}

	.landing-jumbotron.coffee:before {
		background-size: 100%;
		right: -50px;
	}

}

@media screen and (min-width: 990px) {
	.landing-jumbotron div {
		padding: 35px 40px 40px 65px;
		width: 52%;
	}

	.landing-jumbotron.ebook1 div {
		padding-bottom: 45px;
	}

}

.col-orange {
	color: #DB7B29;
}

/* Careers
========================================================================== */


.jumbotron-careers {
	text-align: center;
	color: #fff;
	padding-bottom: 45px;
	position: relative;
	background-image: url(../img/bg1.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.jumbotron-careers h3 {
	line-height: 1.25em;
	color: #fff;
}

.jumbotron-careers h3 span {
	display: block;
	color: #bde5dc;
}

.jumbotron-careers p {
	max-width: 450px;
}

@media screen and (min-width: 768px) {
	.jumbotron-careers {
		padding-bottom: 65px;
	}

}

.intro-careers {
	padding: 20px 15px;
	text-align: center;
	color: #fff;
	background: #DB7B29;
}

.intro-careers ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.intro-careers i {
	font-size: 18px;
	display: block;
	margin: 0 0 5px;
}

.intro-careers li {
	margin-bottom: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #f69465;
}

.intro-careers h5 {
	font-size: 18px;
	color: #fff;
	font-weight:500;
	margin: 0;
}

.intro-careers .btn-orange {
	background: #DB7B29;
}

.intro-careers p {
	opacity: 0.7;
}

.intro-careers p a {
	color: #010101;
}

@media screen and (min-width: 768px) {
	.intro-careers {
		padding: 50px 10px 40px;
	}

	.intro-careers li {
		padding: 10px 15px;
		border-left: 1px solid #f69465;
		display: table-cell;
		width: 33.33333%;
		border-bottom: none;
	}

	.intro-careers li:first-child {
		border: none;
	}

	.intro-careers p {
		margin-bottom: 5px;
	}

	.intro-careers ul {
		margin-bottom: 18px;
	}

}

@media screen and (min-width: 990px) {
	.intro-careers {
		padding: 65px 20px 52px;
	}

	.intro-careers li {
		padding: 10px 35px;
	}

}

.panels-info {
	padding: 0;
	list-style: none;
	margin: 0;
	text-align: center;
	color: #fff;
}

.panels-info .title {
	margin: 0;
	padding: 30px 15px 0;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.panels-info .title h5 {
	color: #fff;
	font-size: 18px;
	font-weight:500;
	margin: 0 0 14px;
}

.panels-info img {
	display: block;
	margin: 0 auto;
}

.panels-info ul {
	padding: 0 30px;
	list-style: none;
	margin: 0;
}

.panels-info li {
	position: relative;
}

.panels-info .orange {
	background-color: #f8ac53;
}

.panels-info .orange .title {
	background-color: #DB7B29;
}

.panels-info .green {
	background-color: #80cabb;
}

.panels-info .green .title {
	background-color: #21a88a;
}

.panels-info .blue {
	background-color: #364d59;
}

.panels-info .blue .title {
	background-color: #0d222f;
}

@media screen and (min-width: 640px) {
	.panels-info {
		padding: 0 15px;
		width: auto;
		text-align: center;
		margin: 50px auto;
	}

	.panels-info > li {
		margin: 0 auto;
		max-width: 330px;
		display: inline-block;
		width: 48%;
		position: relative;
		padding: 0 15px;
		vertical-align: top;
	}

}

@media screen and (min-width: 990px) {
	.panels-info {
		margin: 65px auto;
	}

}

.panel ul {
	padding: 18px 30px;
}

.panel li {
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.panel li:last-child {
	border-bottom: none;
}

.enviornment h3 {
	margin: 0;
	padding: 20px;
	color: #fff;
	background: #0d222f;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.enviornment h3 {
		padding: 40px 20px;
		font-size: 30px;
	}

}

.photos {
	list-style: none;
	padding: 0;
	margin: 0;
}

.photos li {
	display: none;
	position: relative;
	padding-bottom: 100%;
	background-blend-mode: multiply;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	background-size: cover;
	background-position: center;
	behavior: url(../js/backgroundsize.min.htc);
}

.photos li:hover  {
	background-color: #DB7B29;
}

.photos li:first-child  {
	display: block;
}

.no-background-blend-mode .photos li:before  {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	min-height: 100%;
	bottom: 0;
	opacity: 0;
	background-color: #DB7B29;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.4s;
}

.no-background-blend-mode .photos li:hover:before {
	opacity: .6;
}

.photos li:hover .hover-box {
	opacity: 1;
}

.photos .photo1 {
	background-image: url(../media/misc_28.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo2 {
	background-image: url(../media/misc_28.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo3 {
	background-image: url(../media/misc_29.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo4 {
	background-image: url(../media/misc_30.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo5{
	background-image: url(../media/misc_32.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo6 {
	background-image: url(../media/misc_31.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo7 {
	background-image: url(../media/misc_28.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.photos .photo8 {
	background-image: url(../media/misc_27.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

@media screen and (min-width: 540px) {
	.photos {
		overflow: hidden;
	}

	.photos li {
		display: block;
		float: left;
		width: 25%;
		padding-bottom: 22%;
	}

	.photos--asymmetric {
		position: relative;
		height: 448px;
	}

	.photos--asymmetric li {
		position: absolute;
		top: 0;
		float: none;
		padding-bottom: 0;
	}

	li.photos--asymmetric-1 {
		width: 21%;
		height: 41%;
		left: 0;
	}

	li.photos--asymmetric-2 {
		width: 21%;
		height: 41%;
		left: 21%;
	}

	li.photos--asymmetric-3 {
		width: 34%;
		height: 100%;
		left: 42%;
		z-index: 1;
	}

	li.photos--asymmetric-4 {
		width: 25%;
		height: 41%;
		right: 0;
	}

	li.photos--asymmetric-5 {
		width: 42%;
		height: 59%;
		top: auto;
		bottom: 0;
		left: 0;
	}

	li.photos--asymmetric-6 {
		width: 25%;
		height: 59%;
		top: auto;
		bottom: 0;
		right: 0;
	}

	li.photos--asymmetric-7,
	li.photos--asymmetric-8 {
		display: none;
	}

}

.hover-box {
	margin: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.4s;
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;
	text-align: center;
	min-height: 100%;
	bottom: 0;
	vertical-align: middle;
	display: inline-block;
}

.hover-box h4 {
	margin: 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	text-align: center;
	width: 100%;
	color: #fff;
}

.open-positions {
	padding: 10px 15px 45px;
}

.open-positions ul {
	font-size: 18px;
	padding: 0;
	list-style: none;
	margin: 0;
}

.open-positions li {
	
	width: 100%;
	table-layout: fixed;
	display: table;
	border-bottom: 1px solid #e0e4e4;
}

.open-positions li span {
	vertical-align: middle;
	padding: 9px 5px;
	display: table-cell;
}

.open-positions li a {
	background: transparent;
	width: 100%;
	table-layout: fixed;
	display: table;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #0e2330;
}

.open-positions li a:hover {
	background: #f0efef;
}

.open-positions li p {
	padding: 12px 5px;
	vertical-align: middle;
	display: table-cell;
}

.open-positions li p:last-child {
	color: #DB7B29;
}

.open-positions span {
	display: block;
	color: #909292;
	font-size: 18px;
	font-weight:500;
}

.open-positions div {
	max-width: 655px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.open-positions {
		margin-bottom: 22px;
		padding: 25px 15px 80px;
	}

	.open-positions h3 {
		font-size: 30px;
		margin-bottom: 40px;
	}

}

/* Leadership
========================================================================== */


.leadership {
	text-align: center;
	padding: 0;
	list-style: none;
	margin: 0;
}

.leadership img {
	display: block;
	width: 100%;
}

.leader {
	padding: 15px 0;
	display: block;
	cursor: pointer;
	position: relative;
}

.leader:focus {
	outline: 0;
}

.leader:before {
	content: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -22px;
	border-top: 22px solid #DB7B29;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
}

.leader.active-bio-link:before {
	content: '';
}

.leader:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
}

.leader div {
	padding: 18px 0 15px;
	background: #DB7B29;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	min-height: 76px;
}

.leader div h5 {
	font-weight:500;
	margin: 0;
	font-size: 18px;
	color: #fff;
}

.leader div p {
	margin: 0;
	color: #f3cab0;
}

.leader:hover:after {
	opacity: 0.2;
}

@media screen and (min-width: 640px) {
	.leader {
		float: left;
		padding: 15px;
		width: 33.333333%;
	}

}

.nav-leader {
	padding: 0 15px;
}

@media screen and (min-width: 640px) {
	.nav-leader {
		padding: 0;
	}

}

@media screen and (min-width: 640px) {
	.nav-leader .bio {
		display: none !important;
	}
}

@media screen and (max-width: 639px) {
	.nav-leader .bio {
		display: none !important;
	}

	.nav-leader .active-bio {
		display: block !important;
	}

	.content-leader {
		display: none !important;
	}
}


@media screen and (min-width: 640px) {
	.content-leader {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-ms-transition: height 0.5s ease-in-out;
		-o-transition: height 0.5s ease-in-out;
		transition: height 0.5s ease-in-out;
	}

	.content-leader .bio {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
}

.bio {
	margin-bottom: 20px;
	position: relative;
	text-align: left;
	display: none;
	background: #e6e6e6;
	padding: 20px 20px 20px;
	margin-top: 30px;
}

.bio .social {
	text-align: left;
	border-top: 1px solid #c9c7c7;
}

.bio .social a {
	margin: 0 5px 0 0;
	text-align: center;
}

.bio .social p {
	margin: 10px 0;
	color: #0e2330;
	font-size: 18px;
}

@media screen and (min-width: 640px) {
	.content-leader {
		margin: 0 15px;
		padding: 0;
	}

}

.bio-close {
	position: absolute;
	display: block;
	background: #21a88a;
	width: 39px;
	border: 0;
	color: #fff;
	right: 0;
	top: 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 33px;
	height: 38px;
	z-index: 101;
}

.bio-close:hover {
	background-color: #1c9278;
}

.heading {
	max-width: 600px;
	margin: 10px auto 0;
	padding: 0 15px;
}

.heading h3 {
	margin-top: 15px;
	margin-bottom: 8px;
}

.heading p {
	margin: 10px auto;
	max-width: 440px;
	color: #546069;
}

@media screen and (min-width: 768px) {
	.heading h3 {
		margin-top: 25px;
		font-size: 30px;
	}

}

.row.last {
	margin-bottom: 35px;
}

@media screen and (min-width: 768px) {
	.row.last {
		margin-bottom: 60px;
	}

}

/* Why Operative
========================================================================== */


.intro-anim {
	padding: 39px 15px 15px;
}

.intro-anim h3 {
	
	line-height: 1.2em;
	margin-bottom: 20px;
	margin-top: 0;
}

@media screen and (min-width: 640px) {
	.intro-anim {
		padding-left: 20px;
		padding-right: 20px;
	}

	.intro-anim .col-5 {
		float: left;
		width: 44%;
	}

}

@media screen and (min-width: 990px) {
	.intro-anim {
		margin-bottom: 23px;
	}

	.intro-anim .col-5 {
		padding-left: 25px;
	}

}

.box-list {
	text-align: center;
	padding: 5px 15px 35px;
}

.box-list h3 {
	
	margin-bottom: 35px;
}

.box-list h3 + p {
	margin-top: -25px;
}

.box-list ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.box-list h5 {
	font-size: 18px;
	color: #DB7B29;
	margin-bottom: 5px;
}

.box-list i {
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.box-list li {
	padding: 0 15px;
}

.box-list li p {
	margin: 6px 0;
}

@media screen and (min-width: 768px) {
	.box-list {
		padding: 20px 20px 35px;
	}

	.box-list h3 {
		font-size: 30px;
	}

	.box-list li {
		vertical-align: top;
		padding: 0 20px;
		display: inline-block;
		width: 32%;
	}

}

@media screen and (min-width: 990px) {
	.box-list {
		padding-bottom: 65px;
	}

	.box-list ul {
		padding: 0 20px;
	}

}

.box-cta {
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 15px 30px;
}

.box-cta .btn {
	margin-left: 3px;
	margin-right: 3px;
	min-width: 1px;
}

.box-cta h3 {
	margin-bottom: 0;
}

.box-cta p {
	margin: 10px 0;
}

@media screen and (min-width: 768px) {
	.box-cta {
		padding: 30px 20px;
	}

	.box-cta h3 {
		font-size: 30px;
	}

}

.pattern-orange {
	margin-bottom: 20px;
	background: #DB7B29 url(../img/atoms_orange.png) no-repeat -41px -10px;
	position: relative;
}

.pattern-orange1 {
	background: #DB7B29 url(../img/bg_atoms6.png) no-repeat -50px center;
	position: relative;
	margin-bottom: 0;
}

.pattern-orange .btn-orange, .pattern-orange1 .btn-orange {
	color: #DB7B29;
	background-color: #fff;
}

.pattern-orange .btn-orange:hover, .pattern-orange1 .btn-orange:hover {
	background: #c95d00;
	color:#fff;
}
.pattern-orange1 > div {
	max-width: 752px !important;
}

@media screen and (min-width: 768px) {
	.pattern-orange1 {
		padding-bottom: 55px;
		margin-top: 65px;
	}

	.pattern-orange1 h3 {
		
		margin-bottom: -10px;
		margin-top: 5px;
	}

	.pattern-orange1 h3 + p {
		margin-bottom: 10px;
	}

}

.pattern-orange2 {
	background: #DB7B29 url(../img/bg_atoms7.png) no-repeat -95px -43px;
	position: relative;
	margin: 0;
}

.pattern-orange2 h3 {
	
}

@media screen and (min-width: 768px) {
	.pattern-orange2 {
		padding: 35px 15px 55px;
	}

	.pattern-orange2 h3 {
		font-size: 30px;
	}

	.pattern-orange2 .btn {
		margin-top: 20px !important;
	}

}

.font-16 {
	font-size: 16px;
}

/* Software local
========================================================================== */


.panels-txt {
	text-align: center;
}

.panels-txt .panel {
	background: #f1efef;
	color: #585858;
}

.panels-txt h3 + p {
	text-align: center;
	padding: 0;
	margin-bottom: 30px;
	margin-top: -25px;
}

.panels-txt li {
	border: 15px solid #fff;
}

.panels-txt p {
	text-align: left;
	margin: 0 0 10px;
	padding: 25px 20px 13px 25px;
	line-height: 1.9em;
	
}

@media screen and (min-width: 540px) {
	.panels-txt {
		margin-top: 40px;
	}

	.panels-txt .panels-info {
		margin-bottom: 45px;
		padding: 0 30px;
		margin-top: -8px;
	}

	.panels-txt .panels-info > li {
		background: #F1EFEF;
		padding: 0;
		max-width: 100%;
	}

}

@media screen and (min-width: 640px) {
	.panels-txt .panels-info > li {
		float: left;
		width: 50%;
	}

}

@media screen and (min-width: 990px) {
	.panels-txt {
		margin-top: 54px;
	}

	.panels-txt .panels-info {
		display: table;
	}

	.panels-txt .panels-info > li {
		float: none;
		width: 33.333333%;
		display: table-cell;
	}

}

.minimal-form {
	background: #DB7B29;
}

.minimal-form .left {
	padding-bottom: 56%;
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
}

.minimal-form form {
	color: #fff;
	padding: 10px 15px 40px;
	background: #DB7B29;
}

.minimal-form form h3 {
	margin-bottom: 15px;
	margin-top: 25px;
	line-height: 1.1em;
	color: #fefefe;
}

.minimal-form label {
	font-size: 14px;
	color: #fff;
}

.minimal-form input {
	background: rgba(255, 255, 255, 0.3);
	-webkit-appearance: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0 35px 0 10px;
	border: none;
	width: 100%;
	height: 32px;
}

.minimal-form input:focus {
	outline: 0;
}

.minimal-form button {
	background: #fff;
	width: 32px;
	height: 32px;
	/*position: absolute;*/
	border: none;
	color: #e75213;
	right: 0;
	top: 0;
	padding: 0;
	font-size: 31px;
}

.minimal-form fieldset {
	border: none;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 310px;
	list-style: none;
}

.minimal-form .gform_body ul li {
	padding-bottom: 0;
}

@media screen and (min-width: 640px) {
	.minimal-form {
		display: table;
		width: 100%;
	}

	.minimal-form .left {
		padding-bottom: 0;
		width: 50%;
		display: table-cell;
	}

	.minimal-form form {
		width: 50%;
		display: table-cell;
		padding: 30px 30px 60px;
	}

}

@media screen and (min-width: 768px) {
	.minimal-form form {
		padding: 55px 50px 95px;
	}

}

@media screen and (min-width: 990px) {
	.minimal-form form {
		padding-left: 85px;
	}

}

/* Company Overview
========================================================================== */


.jumbotron-company {
	background-image: url(../media/bg3.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	text-align: center;
	color: #fff;
}

.jumbotron-company h3 {
	color: #fff;
	margin-bottom: 10px;
}

.jumbotron-company h4 {
	margin: 5px auto 0;
	max-width: 390px;
	font-size: 30px;
	color: #fff;
	line-height: 1.3em;
	opacity: 0.7;
}

@media screen and (min-width: 768px) {
	.jumbotron-company {
		padding-bottom: 88px;
	}

}

.company-info {
	text-align: center;
}

.top-info {
	text-align: center;
	padding: 25px 15px 30px;
	background: #f9f9f9 url(../media/maps_light.png) no-repeat center center;
}

.top-info h3 {
	margin: 10px 0 -6px;
}

.top-info ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.top-info dd {
	margin: 10px 0 20px;
}

.top-info dl {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

.top-info dl:last-child {
	margin-bottom: 0;
	border: none;
}

.top-info dt {
	font-weight:500;
	font-size: 24px;
	margin: 10px 0 5px;
	color: #DB7B29;
}

.top-info .city {
	text-align: center;
}

.top-info .city li {
	line-height: 1em;
	display: inline-block;
	padding-right: 5px;
	border-right: 1px solid #585858;
	margin: 0 2px 0 0;
}

.top-info .city li:last-child {
	border: none;
}

@media screen and (min-width: 640px) {
	.top-info dl {
		vertical-align: top;
		display: inline-block;
		width: 32.5%;
		padding: 0 10px;
		border-bottom: none;
		border-right: 1px solid #ddd;
	}

	.top-info dl:last-child {
		border: none;
	}

}

@media screen and (min-width: 768px) {
	.top-info {
		padding: 70px 20px 95px;
	}

	.top-info > div {
		margin-top: 20px;
		margin-bottom: 20px;
	}

}

@media screen and (min-width: 990px) {
	.top-info > div {
		padding: 0 50px;
	}

	.top-info dl {
		padding: 0 30px;
	}

}

.partners-logo-box {
	text-align: center;
}

.partner-logo-home {
	vertical-align: middle;
	display: inline-block;
	padding: 10px;
}
.partner-logo-home {
	width: inherit;
}

.partners {
	margin: 0;
	list-style: none;
	background: #f0f0f0;
	padding: 15px;
}

.partners img {
	max-width: 100%;
}

.partners li {
	margin: 10px auto;
}


@media screen and (min-width: 480px) {
	.partners {
		width: 100%;
		padding-top: 20px;
		display: table;
	}

	.partners li {
		vertical-align: middle;
		padding: 0 10px;
		display: table-cell;
	}

}

@media screen and (min-width: 768px) {
	.partners {
		padding: 30px 30px 25px;
	}

}

@media screen and (min-width: 990px) {
	.partners {
		padding-left: 60px;
		padding-right: 60px;
	}

}

.our-story {
	position: relative;
	padding: 15px;
	padding-bottom: 0;
	color: #fff;
	background-color: #21a88a;
	background-image: url(../img/bg_atoms5.jpg);
	background-repeat: no-repeat;
	background-position: right -33px;
}

.our-story + .slider-testimonials {
	background-image: url(../img/bg_atoms10.png);
	background-position: left top;

}

.our-story + .slider-testimonials-2 {
	background-image: url(../img/bg_atoms10.png);
	background-position: left top;

}

.our-story h3 {
	margin-top: 20px;
	color: #fff;
	margin-bottom: 18px;
}

.our-story p {
	line-height: 1.9em;
}

.our-story img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -30px;
}

@media screen and (min-width: 640px) {
	.our-story {
		display: table;
	}

	.our-story .col-6 {
		position: relative;
		display: table-cell;
		width: 50%;
		vertical-align: top;
		padding: 10px 10px 35px;
	}

	.our-story img {
		position: absolute;
		bottom: -50px;
		left: 0;
		right: 0;
	}

}

@media screen and (min-width: 990px) {
	.our-story .col-6 {
		padding: 10px 10px 35px 35px;
	}

	.our-story h3 {
		font-size: 30px;
	}

}

.solutions .title {
	padding: 20px 25px;
	height: 140px;
	background-position: bottom right;
}

.solutions .title h5 {
	text-align: left;
	font-size: 20px;
}

.solutions .panel {
	padding-bottom: 30px;
}

.solutions .btn {
	min-width: 1px;
}

.solutions .btn.btn-orange {
	background: #DB7B29;
}

@media screen and (min-width: 540px) {
	.solutions {
		padding: 0 5px !important;
	}

	.solutions li {
		border-width: 18px;
	}

}

.join-team {
	padding: 30px 15px;
	background: #0e2330;
}

.join-team h3 {
	line-height: 1.1em;
	margin: 0 0 20px;
	color: #fff;
}

.join-team h3 span {
	color: #afb5b4;
}

@media screen and (min-width: 768px) {
	.join-team {
		padding: 40px 30px;
		width: 100%;
		margin-bottom: 30px;
		vertical-align: middle;
		display: table;
	}

	.join-team h3 {
		padding: 0 15px;
		text-align: right;
		vertical-align: middle;
		font-size: 30px;
		display: table-cell;
		width: 75%;
	}

	.join-team div {
		padding: 0 20px;
		text-align: left;
		vertical-align: middle;
		display: table-cell;
	}

	.join-team .btn {
		margin: 0;
	}

}

/* Services
========================================================================== */


.discover {
	margin-bottom: 40px;
}

.discover .title {
	min-height: 142px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.discover .panels-info > li {
	margin-bottom: 25px;
}

.discover .panel ul {
	text-align: center;
	padding: 2px 30px 25px;
}

.discover .panel li {
	cursor: pointer;
	position: relative;
	border: none;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.discover .panel li:last-child {
	border: none;
}

@media screen and (min-width: 640px) {
	.discover {
		padding-left: 0;
		padding-right: 0;
	}

	.discover .panels-info {
		padding: 0;
	}

	.discover .panels-info > li {
		border: 15px solid #fff;
		padding: 0;
		margin-bottom: 15px;
		max-width: none;
		width: 32.5%;
	}

}

@media screen and (min-width: 990px) {
	.discover {
		margin-bottom: 45px;
		margin-top: 55px;
	}

}

.toggle-tooltip {
	margin: 0;
	
}

.tooltip {
	position: absolute;
	background: #f1f1f1;
	color: #585858;
	font-size: 14px;
	padding: 15px;
	width: 100%;
	left: 0;
	margin: 0 auto;
	right: 0;
	border-radius: 5px;
	line-height: 1.75em;
	-webkit-transform: translateY(-106%);
	-ms-transform: translateY(-106%);
	transform: translateY(-106%);
	max-width: 230px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	top: 0;
}

.tooltip:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f1f1f1;
}

.tooltip p {
	margin: 0;
}

.toggle-tooltip:hover + .tooltip,
li:hover > .tooltip {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.toggle-tooltip {
	cursor: pointer;
}

.toggle-tooltip.blue:hover,
.active-tooltip .blue {
	background-color: #6f99aa;
}

.toggle-tooltip.dark-blue:hover,
.active-tooltip .dark-blue {
	background-color: #56636c;
}

.toggle-tooltip.green:hover,
.active-tooltip .green {
	background-color: #43b294;
}

.toggle-tooltip.orange:hover,
.active-tooltip .orange {
	background-color: #ef915f;
}

.toggle-tooltip.blue + .tooltip h5 {
	color: #2d7086;
}

.toggle-tooltip.dark-blue + .tooltip h5 {
	color: #0e2330;
}

.toggle-tooltip.green + .tooltip h5 {
	color: rgba(33, 168, 138, 0.9);
}

.toggle-tooltip.orange + .tooltip h5 {
	color: #DB7B29;
}

.get-quote {
	overflow: hidden;
	margin: 0;
	background: none;
	position: relative;
}

.get-quote:before {
	content: '';
	z-index: 1;
	position: absolute;
	background-image: url(../media/misc_35.jpg);
	behavior: url(../js/backgroundsize.min.htc);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.get-quote form {
	z-index: 2;
	position: relative;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: none;
}

.get-quote form h3 {
	margin-bottom: 22px;
}

.get-quote.blur:before {
	/*  -webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);*/
}

.get-quote.blur form {
	opacity: 1;
}

@media screen and (min-width: 640px) {
	.get-quote {
		display: block;
	}

	.get-quote form {
		display: block;
	}

}

@media screen and (min-width: 768px) {
	.get-quote form {
		padding: 21px 52px 77px;
	}

}

.bg-clouds {
	margin: 0;
	background: #DB7B29 url(../media/bg_clouds.png) no-repeat center center;
}

.bg-clouds > div {
	max-width: 760px !important;
}

@media screen and (min-width: 768px) {
	.bg-clouds {
		padding: 25px 15px 37px;
	}

	.bg-clouds h3 {
		font-size: 30px;
		margin-bottom: -15px;
	}

	.get-quote.minimal-form .gform_footer {
		bottom: 85px;
	}

}

.quote-slider {
	overflow: hidden;
}

.quote-slider .left {
	background: #DB7B29;
	padding: 20px 15px;
	position: relative;
	text-align: center;
}

.quote-slider .left:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -20px;
	border-top: 20px solid #DB7B29;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
}

.quote-slider .left img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.quote-slider .quote1 {
	background: #f69772;
	border: 0;
}

.quote-slider p {
	margin: 5px 0;
}

.quote-slider h4 {
	color: #fff;
	margin: 10px 0;
	line-height: 1.3em;
	font-size: 20px;
}

.quote-slider h4 span {
	color: #ffd4c3;
}

.quote-slider .right {
	padding: 15px;
	color: #fff;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide, .slick-slide img {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.quote-slider .slick-slider {
	margin: 0;
}

@media screen and (min-width: 480px) {
	.quote-slider .quote1 {
		display: table;
	}

	.quote-slider p {
		display: block;
	}

	.quote-slider .left {
		vertical-align: middle;
		display: table-cell;
		width: 176px;
	}

	.quote-slider .left:before {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: none;
		border-left: 20px solid #DB7B29;
		left: auto;
		right: -20px;
		margin-left: 0;
		bottom: auto;
		top: 50%;
		margin-top: -25px;
	}

	.quote-slider .right {
		padding: 0 36px;
		vertical-align: middle;
		display: table-cell;
	}

}

/* Services Detail
========================================================================== */


.download-box {
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 25px 15px 0;
	background: #7c7e7e url(../img/bg_atoms8.png) no-repeat left -30px;
}

.download-box h3 {
	line-height: 1.1em;
	margin: 15px 0;
	color: #fff;
}

.download-box div {
	text-align: center;
}

.download-box div img {
	vertical-align: middle;
	display: inline-block;
}

.download-box div .btn {
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	background: #DB7B29;
	min-width: 1px;
}

@media screen and (min-width: 768px) {
	.download-box {
		padding: 20px 20px 0;
		margin-left: 0;
		margin-right: 0;
	}

	.download-box img {
		margin: 0 40px 0 0;
	}

}

@media screen and (min-width: 990px) {
	.download-box {
		margin-bottom: 70px;
	}

	.download-box h3 {
		line-height: 1.2em;
		padding: 25px 0 0 40px;
		vertical-align: top;
		display: inline-block;
		width: 38%;
	}

	.download-box div {
		width: 60%;
		display: inline-block;
	}

}

.models {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style: none;
}

.models h4 {
	margin: 0;
	padding: 20px;
	color: #fdfdfc;
	font-size: 18px;
	text-align: center;
}

.models h4 span {
	display: block;
}

.models .row div {
	padding: 22px 15px;
	margin-bottom: 12px;
	background: #f6f6f6;
}

.models ul {
	padding: 22px 15px;
	list-style: none;
	margin: 0;
	margin-bottom: 12px;
	background: #f6f6f6;
}

.models .orange {
	background: none;
}

.models .orange h4 {
	background: #DB7B29;
}

.models .blue h4 {
	background: #2d7086;
}

.models strong {
	display: block;
}

.models .green {
	background: none;
}

.models .green h4 {
	background: #21a88a;
}

@media screen and (min-width: 768px) {
	.models {
		margin-top: 30px;
	}

}

@media screen and (min-width: 990px) {
	.models {
		margin-left: -8px;
		margin-right: -8px;
		margin-top: 25px;
		table-layout: fixed;
		width: 100%;
		display: table;
	}

	.models > li {
		padding: 0 8px;
		display: table-cell;
	}

	.models ul:last-child {
		padding-bottom: 21px;
	}

	.models .orange .row div {
		padding: 65.5px 15px;
	}

	.models .blue .row div {
		padding: 52px 15px;
	}


}

/* Software Detail
========================================================================== */


.detail {
	margin-top: 34px;
}

@media (min-width: 990px) {
	.detail {
		margin-top: -94px;
		padding-top: 94px;
	}
}

.detail.first {
	margin-top: 55px;
}

.detail.blue .title {
	background: #57caf4;
}

.detail.blue > h5 {
	color: #57caf4;
}

.detail.dark-blue .title {
	background: #0e2330;
}

.detail.dark-blue > h5 {
	color: #0e2330;
}

.detail.green {
	background: none;
}

.detail.green .title {
	background: #21a88a;
}

.detail.green > h5 {
	color: #21a88a;
}

.detail.orange {
	background: none;
}

.detail.orange .title {
	background: #DB7B29;
}

.detail.orange > h5 {
	color: #DB7B29;
}

.detail.sea .title {
	background: #2d7086;
}

.detail.sea > h5 {
	color: #2d7086;
}

.detail.sea .link-sea {
	color: #2d7086;
}

.detail p {
	line-height: 1.9em;
}

.detail .title {
	text-align: center;
	padding: 25px 15px;
}

.detail .title h4 {
	margin: 5px 0 10px;
	font-weight: 400;
	color: #fff;
	font-size: 24px;
}

.detail .title img {
	text-align: center;
	margin: 10px auto 20px;
}

.detail .title h5 {
	margin: 0;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	opacity: 0.7;
	line-height: 1.1em;
}

.detail h5 {
	line-height: 1.5em;
}

.detail ul {
	padding-left: 25px;
}

@media screen and (min-width: 480px) {
	.detail .title {
		text-align: left;
		width: 100%;
		margin-bottom: 34px;
		display: table;
	}

	.detail .title img {
		margin-bottom: 0;
		vertical-align: middle;
		display: table-cell;
	}

	.detail .title div {
		padding: 15px 0 20px;
		position: relative;
		padding-left: 50px;
		vertical-align: middle;
		display: table-cell;
	}

	.detail .title div h5 {
		margin-bottom: 5px;
	}

	.detail .title div:before {
		content: '';
		position: absolute;
		left: 20px;
		width: 1px;
		height: 100%;
		top: 0;
		background: #fff;
		opacity: 0.5;
	}

}

.our-industries {
	margin: 25px 0 0;
}

.our-industries .btn {
	min-width: 1px;
}

.our-industries ul {
	margin: 20px 0;
	list-style: none;
	padding: 0;
}

.our-industries li {
	padding: 20px 15px 10px;
	border-bottom: 1px solid #dad9d9;
}

.our-industries li:last-child {
	border: none;
	margin-bottom: 10px;
}

.our-industries img {
	max-width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 480px) {
	.our-industries ul {
		margin-top: 40px;
		width: 100%;
		margin-bottom: 50px;
		display: table;
	}

	.our-industries li {
		vertical-align: middle;
		border-right: 1px solid #dad9d9;
		border-bottom: none;
		display: table-cell;
	}

}

@media screen and (min-width: 768px) {
	.our-industries {
		padding-bottom: 50px;
		margin-top: 45px;
	}

	.our-industries ul {
		padding: 0 30px;
	}

	.our-industries h3 {
		margin-bottom: 0;
	}

}

/* Software Integrations
========================================================================== */


.intro-software {
	padding: 20px 15px;
	background: #2d7086 url(../img/bg_atoms9.png) no-repeat left center;
	color: #fff;
}

.intro-software h3 {
	color: #fff;
	margin: 15px 0;
	line-height: 1.35em;
}

@media screen and (min-width: 768px) {
	.intro-software {
		padding: 20px;
	}

}

@media screen and (min-width: 990px) {
	.intro-software {
		padding-bottom: 40px;
	}

	.intro-software h3 {
		display: inline-block;
		width: 52%;
		padding: 5px 0 0 28px;
	}

	.intro-software div {
		margin-top: 8px;
		display: inline-block;
		vertical-align: top;
		width: 45%;
	}

}

.workflow {
	padding: 0 15px;
}

.workflow ul {
	padding: 0;
	margin-left: -15px;
	margin-right: -15px;
	list-style: none;
}

.workflow ul p {
	padding: 27px 5px;
	background: #f6f6f6;
	margin: 0;
	margin-bottom: 20px;
}

.workflow h5 {
	color: #fdfdfc;
	font-size: 20px;
	font-weight: 400;
	padding: 15px 20px;
	margin-bottom: 0;
}

.workflow .blue {
	background: #2d7086;
}

.workflow .title p {
	margin-top: 8px;
}

@media screen and (min-width: 480px) {
	.workflow ul div {
		margin-left: -2px;
		margin-right: -2px;
	}

	.workflow ul div > p {
		float: left;
		width: 33.333333%;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	.workflow li {
		padding: 0 10px;
		float: left;
		width: 24%;
	}

	.workflow li:nth-child(2) {
		width: 52%;
	}

	.workflow h5 {
		margin-top: 5px;
	}

}

@media screen and (min-width: 768px) {
	.workflow {
		margin-top: 50px;
	}

	.workflow h3 {
		margin-bottom: 0;
	}

	.workflow ul p {
		padding: 27px 5px;
	}

	.workflow ul div {
		margin-left: -10px;
		margin-right: -10px;
	}

	.workflow ul div > p {
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
	}
}

@media screen and (min-width: 990px)  {
	.workflow ul p {
		padding: 27px 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

@media screen and (min-width: 1100px) {
	.workflow ul {
		margin-left: -25px;
		margin-right: -25px;
	}

}

.system {
	margin: 0 0 20px;
	padding: 0 15px;
}

.system p {
	max-width: 450px;
	margin: 12px auto;
}

.system h3 {
	margin: 0;
}

.system .title {
	margin: 0;
}

.system img {
	display: block;
	max-width: 100%;
	margin: 30px auto;
}

@media screen and (min-width: 768px) {
	.system {
		margin-bottom: 0;
		padding: 50px 20px 10px;
	}

	.system h3 {
		margin: 0;
	}

}

.top-partners {
	margin: 0;
	padding: 0 15px;
}

.top-partners h3 {
	margin: 0;
}

.top-partners p {
	max-width: 450px;
	margin: 12px auto;
}

.top-partners .title {
	margin: 0;
}

.top-partners ul {
	padding: 0;
	list-style: none;
	margin: 0 -8px;
}

.top-partners li {
	padding: 8px;
	position: relative;
	float: left;
	width: 50%;
}

.top-partners li span {
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	background: #b0b6ba;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-size: 25px;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.top-partners img {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.top-partners a {
	height: 130px;
	position: relative;
	width: 100%;
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	background: #f9f9f9;
}

.top-partners a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
}

.top-partners a:hover span {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #0e2330;
}

.top-partners a:hover:before {
	opacity: 0.3;
}

@media screen and (min-width: 768px) {
	.top-partners {
		padding: 50px 20px;
	}

	.top-partners ul {
		margin-top: 20px;
	}

	.top-partners h3 {
		margin: 0;
	}

	.top-partners a {
		padding: 40px;
	}

}

@media screen and (min-width: 990px) {
	.top-partners {
		padding-right: 0;
		padding-left: 0;
	}

	.top-partners li {
		width: 25%;
	}

	.top-partners a {
		height: 187px;
	}

}

/* Home
========================================================================== */


.home-nav {
	position: relative;
	z-index: 101;
	background: #DB7B29;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.home-nav ul {
	margin: 0 auto;
	padding: 0 15px;
	list-style: none;
}

.home-nav li {
	padding: 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.home-nav li:last-child {
	border: none;
}

.home-nav li:last-child img {
	width: 24%;
}

.home-nav li:last-child span {
	padding-left: 55px;
}

.home-nav span {
	
	width: 61%;
	padding-left: 20px;
	margin: 0;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.home-nav img {
	width: 35%;
	margin: 0;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.home-nav a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px 5px 0 0;
	display: block;
	width: 100%;
	color: #fff;
	font-weight:500;
	font-size: 20px;
	line-height: 1.2em;
	position: relative;
	top: 0;
	background: #DB7B29;
}

@media screen and (min-width: 640px) {
	.home-nav {
		padding: 0;
		max-height: 130px;
	}

	.home-nav ul {
		padding: 0;
		padding-left: 40px;
		display: table;
		width: 100%;
	}

	.home-nav li {
		vertical-align: middle;
		display: table-cell;
		width: 33.333333%;
		border-bottom: none;
		vertical-align: top;
		-webkit-box-shadow: -20px 0px 0px -19px rgba(255, 255, 255, 0.3);
		-moz-box-shadow: -20px 0px 0px -19px rgba(255, 255, 255, 0.3);
		box-shadow: -20px 0px 0px -19px rgba(255, 255, 255, 0.3);
		border-right: solid 1px transparent;
	}

	.home-nav li:first-child {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.home-nav li:last-child span {
		padding-left: 20px;
	}

	.home-nav li {
		padding: 0;
	}

	.home-nav a {
		vertical-align: middle;
		padding: 30px 20px 23px;
		min-height: 130px;
	}

	.home-nav a:hover {
		top: -40px;
		padding-bottom: 92px;
	}

}

@media screen and (min-width: 990px) {
	.home-nav {
		padding: 0;
		max-width: 1400px;
		margin: 0 auto;
	}

	.home-nav span {
		width: 55%;
		vertical-align: middle;
		padding-left: 20px;
	}

	.home-nav li {
		padding: 0;
	}

	.home-nav li:last-child img {
		width: 26%;
	}

	.home-nav img {
		vertical-align: middle;
		width: 40%;
	}

	.home-nav a:hover {
		padding-bottom: 63px;
	}

}

.home-featured {
	max-width: 1400px;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 101;
}

.home-featured-item {
	width: 100%;
	height: 250px;
	padding: 28px;
	display: block;
	background-size: cover !important;
}

.home-featured-item h4 {
	margin: 0;
	line-height: 1.44;
	color: #fff;
}

.home-featured-item h4 .last-word {
	white-space: nowrap;
}

.home-featured-item h4 .last-word:after {
	color: #ddd;
	content: ' >';
}

.home-featured-cat {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0.25em 0.5em;
	background-color: #DB7B29;
}

@media (min-width: 560px) {
	.home-featured {
		overflow: hidden;
	}

	.home-featured-item {
		width: 50%;
		vertical-align: bottom;
		float: left;
	}
}

@media (min-width: 990px) {
	.home-featured {
		display: table;
		width: 100%;
	}

	.home-featured-item {
		width: 25%;
		display: table-cell;
		vertical-align: bottom;
		float: none;
	}
}

.intro-home {
	padding: 0 15px;
}

.intro-home .col-5 {
	margin-bottom: 20px;
}

.intro-home h3 {
	
	margin-bottom: 10px;
}

.intro-home h5 {
	margin-bottom: 10px;
	color: #0e2330;
	font-size: 17px;
}

.intro-home ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.intro-home ul a {
	color: #585858;
	display: block;
}

.intro-home ul a:hover {
	color: #DB7B29;
}

.intro-home ul li:nth-child(1) a:hover {
	color: #5bc9f4;
}

.intro-home ul li:nth-child(2) a:hover {
	color: #2d6f85;
}

.intro-home ul li:nth-child(3) a:hover {
	color: #f16b36;
}

.intro-home ul li:nth-child(4) a:hover {
	color: #364c58;
}

.intro-home ul li:nth-child(5) a:hover {
	color: #20a689;
}

@media screen and (min-width: 480px) {
	.intro-home li {
		line-height: 1em;
		float: left;
		margin-bottom: 5px;
		margin-right: 4px;
		padding-right: 4px;
		border-right: 1px solid #585858;
		font-size: .9em;
	}

	.intro-home li:last-child {
		border-right: none;
	}

}

@media screen and (min-width: 768px) {
	.intro-home .col-5 {
		padding: 20px 20px;
		float: left;
		width: 60%;
	}

	.intro-home h3 {
		font-size: 30px;
		margin-bottom: -6px;
	}

	.intro-home .right {
		top: -30px;
		position: absolute;
		right: 0;
		float: left;
		width: 52%;
	}

}

@media screen and (min-width: 768px) {
	.intro-home {
		padding: 0;
	}

	.intro-home .col-5 {
		width: 57%;
	}

}

@media screen and (min-width: 990px) {
	.intro-home .col-5 {
		padding-left: 0;
		padding-right: 0;
		width: 53%;
	}

}

.row-home {
	width: 100%;
	color: #fff;
	margin: 10px 0;
	position: relative;
	z-index: 100;
	text-align: center;
}

.row-home h3 {
	position: relative;
	z-index: 103;
	margin: 5px 0 35px;
	color: #fff;
}

.row-home .top {
	margin-bottom: 60px;
	padding: 33px 0;
	z-index: 101;
	height: 276px;
	position: relative;
}

.row-home .top:before {
	left: 0;
	bottom: -98px;
	content: '';
	position: absolute;
	width: 100%;
	height: 98px;
	z-index: 100;
}

.row-home p {
	position: relative;
	z-index: 103;
	padding: 0 30px;
}

.row-home .btn {
	min-width: 1px;
}

@media screen and (min-width: 768px) {
	.row-home {
		display: table;
		table-layout: fixed;
	}

}

@media screen and (min-width: 990px) {
	.row-home p {
		line-height: 1.9em;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

}

.intro-sw {
	padding-bottom: 25px;
	background: #DB7B29;
}

.intro-sw .top:before {
	background: url(../img/gradient_orange.jpg) repeat-x;
}

@media screen and (min-width: 768px) {
	.intro-sw {
		display: table-cell;
		width: 50%;
		padding-bottom: 40px;
	}

}

.intro-services {
	padding-bottom: 25px;
	background: #2d7086;
}

.intro-services .top:before {
	background: url(../img/gradient_blue.jpg) repeat-x;
}

@media screen and (min-width: 768px) {
	.intro-services {
		padding-bottom: 40px;
		display: table-cell;
		width: 50%;
	}

}

.our-clients ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.our-clients > ul > li {
	position: relative;
}

@media screen and (min-width: 640px) {
	.our-clients {
		padding: 20px 0;
		position: relative;
	}

	.our-clients ul {
		/*position: absolute;*/
		left: 25%;
		bottom: 20px;
		table-layout: fixed;
		width: 70%;
		display: inline-block;
		vertical-align: top;
		margin-top: 24px;
	}

	.our-clients ul li {
		padding: 0 5px;
		display: table-cell;
		vertical-align: middle;
	}

	.our-clients .client-info {
		display: none !important;
	}

	.our-clients > ul > li:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -25px;
		border-bottom: 25px solid transparent;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
	}

	.our-clients > ul > li.hover:before {
		-webkit-transition: all 0.55s ease;
		-moz-transition: all 0.55s ease;
		-ms-transition: all 0.55s ease;
		-o-transition: all 0.55s ease;
		transition: all 0.55s ease;
		border-bottom: 25px solid #DB7B29;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
	}

}

@media screen and (min-width: 768px) {
	.our-clients {
		padding: 40px 20px 25px;
	}

	.our-clients ul {
		margin-top: 18px;
		float: right;
		display: table;
		bottom: 25px;
	}

	.our-clients > ul > li:before {
		bottom: -25px;
	}
}

@media screen and (min-width: 990px) {
	.our-clients {
		padding-left: 0;
		padding-right: 0;
	}

	.our-clients ul {
		position: static;
	}

}

.intro-client {
	padding: 0 15px;
	font-size: 14px;
}

.intro-client h4 {
	margin-bottom: 0;
	font-size: 24px;
	color: #0d222f;
}

.intro-client p {
	margin: 5px 0 0 0;
	line-height: 1.6em;
	font-size: .95em;
}

@media screen and (min-width: 640px) {
	.intro-client {
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}

	.intro-client h4 {
		margin: 0;
	}

}

@media screen and (min-width: 768px) {
	.intro-client {
		padding: 0;
	}

}

.toggle-info {
	cursor: pointer;
	text-align: center;
	display: block;
	margin: 0 auto 12px;
}

.client-info {
	background: #DB7B29;
	color: #fff;
	position: relative;
	padding: 30px 15px;
	display: none;
}

.client-info .btn {
	background: #DB7B29;
	min-width: 1px;
	width: 120px;
	margin: 10px auto 0;
}

.client-info .left {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0 0 20px;
	margin-bottom: 10px;
}

.client-info .left p {
	
	margin: 0;
}

.client-info .right {
	text-align: center;
}

.client-info .right p {
	text-align: left;
	line-height: 1.5em;
}

@media screen and (max-width: 639px) {
	.our-client-content .client-info {
		display: none !important;
	}

}

@media screen and (min-width: 640px) {
	.our-client-content .client-info {
		padding-bottom: 20px;
	}

	.our-client-content .client-info .left {
		display: inline-block;
		width: 28%;
		vertical-align: top;
		padding-right: 20px;
		border-bottom: 0;
	}

	.our-client-content .client-info .right {
		display: inline-block;
		width: 69%;
		padding: 4px 0 4px 20px;
		vertical-align: top;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}

	.our-client-content .client-info .right div {
		vertical-align: middle;
		display: inline-block;
		padding-left: 20px;
		width: 26%;
	}

	.our-client-content .client-info .right div p {
		margin: 0 0 5px;
	}

	.our-client-content .client-info .right div:first-child {
		width: 71%;
		padding-left: 0;
	}

}

@media screen and (min-width: 768px) {
	.our-client-content .left {
		padding: 22px 10px;
	}
}

.wrapper-slider-home {
	overflow: hidden;
}

.wrapper-slider-home + .from-blog {
	margin-bottom: 0;
}

.wrapper-slider-home .slider-home {
	margin-bottom: 0;
}

.wrapper-slider-home img {
	display: block;
	margin: 10px auto;
}

.wrapper-slider-home p {
	line-height: 1.75em;
	font-size: 14px;
	margin-bottom: 5px;
}

.wrapper-slider-home h4 {
	
	font-weight:500;
	color: #2e7086;
	line-height: 1.1em;
	margin: 10px 0;
}

.wrapper-slider-home h5 {
	font-weight: 400;
	font-size: 14px;
	color: #7da8b5;
	margin: 0;
}

.wrapper-slider-home .slide-home {
	padding: 20px;
}

.wrapper-slider-home .btn {
	min-width: 1px;
}

.wrapper-slider-home .slick-track {
	background: #f3f3f4;
}

.wrapper-slider-home .slick-next,
.wrapper-slider-home .slick-prev {
	margin-top: -20px;
	display: none !important;
	opacity: 1;
	right: 0;
	height: 40px;
	color: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	font-size: 40px;
}

.wrapper-slider-home .slick-next:before,
.wrapper-slider-home .slick-prev:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: #b0b6ba;
	text-rendering: auto;
	color: #b0b6ba;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrapper-slider-home .slick-prev {
	right: auto;
	left: 0;
}

.wrapper-slider-home .slick-prev:before {
	content: "\f104";
}

@media screen and (min-width: 640px) {
	.wrapper-slider-home .slide-home {
		padding: 30px 20px;
	}

	.wrapper-slider-home .left {
		display: inline-block;
		width: 48%;
		vertical-align: middle;
	}

	.wrapper-slider-home .right {
		float: right;
		width: 50%;
		vertical-align: middle;
	}

}

@media screen and (min-width: 768px) {
	.wrapper-slider-home .slide-home {
		padding-top: 80px;
		padding-bottom: 55px;
	}

	.wrapper-slider-home .left {
		padding-left: 40px;
	}

	.wrapper-slider-home .right {
		padding-top: 20px;
		padding-right: 62px;
	}

	.wrapper-slider-home .slick-next,
	.wrapper-slider-home .slick-prev {
		font-size: 45px;
		left: 30px;
		display: block !important;
	}

	.wrapper-slider-home .slick-next {
		right: 30px;
		left: auto;
	}

}

.box-bottom-home {
	margin: 0;
}

.box-bottom-home > div {
	max-width: 900px !important;
}

.box-bottom-home h3 {
}

@media screen and (min-width: 990px) {
	.box-bottom-home {
		padding-top: 62px;
	}

}

/* Software
========================================================================== */


.hero-slider {
	text-align: center;
	position: relative;
	/*background: no-repeat center bottom;*/
	background:no-repeat;
	overflow: hidden;
	/*max-height: 685px;*/
	/*NEW*/
	background-size: cover;
	max-width: 1200px;
	margin: 0 auto;
	padding:80px 10px 150px;
	
}

.hero-slider .hero-heading {
	padding-top: 60px;
	text-align: center;
	width: 100%;
}

.hero-slider .hero-intr {
	width: 100%;
	text-align: center;
	/*NEW*/
	padding: 25px 10px;
	background: rgba(0,0,0,.6);
	width:80%;
	max-width: 600px;
	margin:20px auto;
}

.hero-slider .slider-intr {
	position: relative;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.hero-slider p {
	/*font-size: 18px;
	color: #7c7e7e;*/
	font-size: 22px;
	color: #fff;
	margin: 10px 0;
}

.hero-slider > div {
	padding-top: 30px;
}

.hero-slider .hero-heading {
	/*color: #0e2330;*/
	color: #fff;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.hero-slider .slider-intr {
		padding-top: 40px;
	}
}

@media screen and (min-width: 768px) {
	.hero-slider > div {
		padding-top: 70px;
	}
}

.wrapper-slider-software {
	position: absolute;
	left: 0;
	max-width: 524px;
	right: 0;
	padding: 0;
	padding-bottom: 20px;
	margin: 0 auto;
	width: 65%;
	top: 60px;
}

.wrapper-slider-software .slider-software {
	margin-bottom: 0;
}

.wrapper-slider-software .slide-software {
	padding-bottom: 65%;
	position: relative;
}

.wrapper-slider-software .slide-software img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	top: 0;
}

.wrapper-slider-software .slide-caption {
	position: absolute;
	background: #427E92;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: left;
	padding: 15px;
	line-height: 1.3em;
}

.wrapper-slider-software .slide-caption h3,
.wrapper-slider-software .slide-caption p {
	color: #fff;
	margin: 0;
	line-height: 1.3em;
}

.wrapper-slider-software .slide-caption h3 {
	font-size: 18px;
	font-weight: bold;
}

.wrapper-slider-software .slide-caption p {
	font-size: 16px;
}

.wrapper-slider-software .slick-next,
.wrapper-slider-software .slick-prev {
	display: none !important;
}

@media screen and (min-width: 990px) {
	.wrapper-slider-software {
		padding-bottom: 60px;
		padding-bottom: 0;
	}
}

.bg-slider {
	/*position: absolute;*/
	/*bottom: 20px;*/
	max-width: 810px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

@media screen and (min-width: 990px) {
	.bg-slider {
		/*bottom: 60px;*/
	}

}

.jumbotron-software {
	position: relative;
	z-index: 105;
	padding: 5px 15px;
	background: none;
	overflow: visible;
}

.jumbotron-software h3 {
	color: #0e2330;
}

.jumbotron-software h3 em {
	display: inline-block;
	color: #7c7e7e;
	font-style: normal;

}

.jumbotron-software .dark-blue {
	background: #0e2330;
}

.jumbotron-software .tooltip:after {
	left: 50px;
}

.jumbotron-software .toggle-tooltip {
	font-weight: 400;
	display: inline-block;
	width: 100%;
	min-height: 60px;
	vertical-align: middle;
	color: #fff;
	position: relative;
	padding: 20px 5px 20px 40px;
	font-size: 24px;
	margin: 0;
}

.jumbotron-software .toggle-tooltip i {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 8px;
}

.jumbotron-software .tooltip {
	max-width: 417px;
	z-index: 106;
	box-shadow: 0 0 10px rgba(0, 1, 1, 0.2);
}

.jumbotron-software .tooltip h5 {
	color: #DB7B29;
	font-size: 14px;
}

.jumbotron-software .tooltip {
	-webkit-transform: translateY(-97%);
	-ms-transform: translateY(-97%);
	transform: translateY(-97%);
	left: 0;
	right: auto;
}

.jumbotron-software .right {
	padding-bottom: 0;
	background: none;
}

.jumbotron-software .right > div {
	position: relative;
	margin-bottom: 15px;
}

@media screen and (min-width: 640px) {
	.jumbotron-software .right {
		padding-bottom: 0;
		padding-top: 45px;
	}

	.jumbotron-software .left {
		padding-top: 0;
		padding-bottom: 0;
	}

	.jumbotron-software .tooltip {
		left: -17px;
	}
}

@media screen and (min-width: 768px) {
	.jumbotron-software .left {
		width: 53%;
		padding-left: 20px;
	}
}

@media screen and (min-width: 990px) {
	.jumbotron-software {
		padding: 5px 0;
	}

	.jumbotron-software .left {
		padding-left: 0;
	}

	.jumbotron-software .toggle-tooltip {
		padding: 28px 5px 32px 70px;
	}

	.jumbotron-software .toggle-tooltip i {
		left: 30px;
	}

}

.integration-pic-wrapper-1 {
	display:none;
}

@media screen and (min-width: 768px) {
	.integration-pic-wrapper-1 {
		display:block;
		padding:30px 0 0;
	}	
}

.integration-pic-wrapper-2 {
	padding:25px 0 5px;
}

@media screen and (min-width: 768px) {
	.integration-pic-wrapper-2 {
		display:none;
	}	
}

.integrations-box {
	margin: 20px 0 0;
	position: relative;
	padding: 15px 15px 30px;
	text-align: center;
	overflow: hidden;
}

.integrations-box h2 {
	margin: 15px 0 0;
	color: #0e2330;
}

.integrations-box p {
	margin: 5px 0;
}

@media screen and (min-width: 768px) {
	.integrations-box {
		padding-bottom: 50px;
		margin-top: 40px;
		padding-top: 40px;
	}

}

@media screen and (min-width: 990px) {
	.integrations-box {
		padding-bottom: 70px;
	}
}

.integrations-box-2 {
	margin: 20px 0 0;
	position: relative;
	padding: 15px 15px 30px;
	text-align: center;
	overflow: hidden;
}

.integrations-box-2 h2 {
	margin: 15px 0 0;
	color: #0e2330;
}

.integrations-box-2 p {
	margin: 5px 0;
}

@media screen and (min-width: 768px) {
	.integrations-box-2 {
		padding-bottom: 50px;
		margin-top: 40px;
		padding-top: 40px;
	}

}

@media screen and (min-width: 990px) {
	.integrations-box-2 {
		padding-bottom: 70px;
	}
}

.integrations-box .animated-logos {
	padding: 110px 15px 75px;
	margin: -110px -15px;
	background: #efeff0;
}

.integrations-box .animated-logo {
	float: left;
	margin: 0 2% 15px 2%;
	vertical-align: middle;
	width: 46%;
	height: 60px;
	line-height: 60px;
}

.integrations-box #animated-logo-1 {
	top: 150px;
	left: 45px;
	-webkit-transform: translate3d(-250px, 100px, 0);
	-ms-transform: translate3d(-250px, 100px, 0);
	transform: translate3d(-250px, 100px, 0);
}

.integrations-box #animated-logo-2 {
	top: 70px;
	left: 115px;
	-webkit-transform: translate3d(-400px, -50px, 0);
	-ms-transform: translate3d(-400px, -50px, 0);
	transform: translate3d(-400px, -50px, 0);
}

.integrations-box #animated-logo-3 {
	top: 0px;
	left: 15px;
	-webkit-transform: translate3d(-400px, 20px, 0);
	-ms-transform: translate3d(-400px, 20px, 0);
	transform: translate3d(-400px, 20px, 0);
	/*-webkit-transition-delay: 0.5s;*/
	/*transition-delay: 0.5s;*/
}

.integrations-box #animated-logo-4 {
	top: -70px;
	left: 190px;
	-webkit-transform: translate3d(-450px, -100px, 0);
	-ms-transform: translate3d(-450px, -100px, 0);
	transform: translate3d(-450px, -100px, 0);
}

.integrations-box #animated-logo-5 {
	top: -65px;
	left: 385px;
	-webkit-transform: translate3d(-700px, 100px, 0);
	-ms-transform: translate3d(-700px, 50px, 0);
	transform: translate3d(-700px, 50px, 0);
}

.integrations-box #animated-logo-6 {
	top: -100px;
	right: 225px;
	-webkit-transform: translate3d(500px, 30px, 0);
	-ms-transform: translate3d(500px, 30px, 0);
	transform: translate3d(500px, 30px, 0);
}

.integrations-box #animated-logo-7 {
	top: -25px;
	right: 120px;
	-webkit-transform: translate3d(450px, 30px, 0);
	-ms-transform: translate3d(450px, 30px, 0);
	transform: translate3d(450px, 30px, 0);
}

.integrations-box #animated-logo-8 {
	top: 40px;
	right: 0;
	-webkit-transform: translate3d(300px, -50px, 0);
	-ms-transform: translate3d(300px, -50px, 0);
	transform: translate3d(300px, -50px, 0);
}

.integrations-box #animated-logo-9 {
	top: 111px;
	right: 110px;
	-webkit-transform: translate3d(400px, 50px, 0);
	-ms-transform: translate3d(400px, 50px, 0);
	transform: translate3d(400px, 50px, 0);
}

.integrations-box #animated-logo-10 {
	top: 172px;
	right: 40px;
	-webkit-transform: translate3d(-200px, -20px, 0);
	-ms-transform: translate3d(-200px, -20px, 0);
	transform: translate3d(-200px, -20px, 0);
}

.integrations-box .animated-logo img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 989px) {
	.integrations-box .animated-logo {
		-webkit-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
}

@media screen and (min-width: 768px) {
	.integrations-box .animated-logo {
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media screen and (min-width: 990px) {
	.integrations-box .animated-logos {
		position: absolute;
		top: 0;
		height: 500px;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: -1;
		background: none;
	}

	.integrations-box .animated-logo {
		position: absolute;
		float: none;
		margin: 0;
		width: 170px;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-ms-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}

	.integrations-box .animated-logo.to-start {
		-webkit-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
}

.top-p h3 {
	line-height: 1.2em;
	margin-bottom: 5px;
}

.top-p p {
	margin: 0 !important;
}

.short-nav {
	padding: 0 15px;
	list-style: none;
	margin: 0;
}

.short-nav .title {
	padding: 20px;
	text-align: center;
	position: relative;
	color: #fff;
	font-size: 16px;
	display: block;
	margin: 0;
}

.short-nav .title:before {
	content: none;
	position: absolute;
	left: 50%;
	bottom: -25px;
	border-top: none;
	margin-left: -25px;
	border-top: 25px solid;
	border-right: 25px solid rgba(0, 0, 0, 0);
	border-left: 25px solid rgba(0, 0, 0, 0) !important;
}

.short-nav .title.active-link {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.short-nav .title.active-link:before {
	content: '';
}

.short-nav .title.active-link.blue:before {
	border-top: 25px solid #57CAF4;
}

.short-nav .title.active-link.green:before {
	border-top: 25px solid #21a88a;
}

.short-nav .title.active-link.sea:before {
	border-top: 25px solid #2d7086;
}

.short-nav .title.active-link.orange:before {
	border-top: 25px solid #DB7B29;
}

.short-nav .title.active-link.dark-blue:before {
	border-top: 25px solid #0e2330;
}

.short-nav .title img {
	margin: 0 auto 15px;
	display: block;
}

.short-nav .title.green {
	background: #21a88a;
}

.short-nav .title.blue {
	background: #57CAF4;
}

.short-nav .title.orange {
	background: #DB7B29;
}

.short-nav .title.sea {
	background: #2d7086;
}

.short-nav .title.dark-blue {
	background: #0e2330;
}

@media screen and (min-width: 640px) {
	.short-nav {
		margin-top: 30px;
		padding: 0;
		width: 100%;
	}

	.short-nav li {
		float: left;
		display: table;
		width: 20%;
	}

	.short-nav li .title {
		padding: 0 5px;
		display: table-cell;
		vertical-align: middle;
		height: 150px;
		width: 100%;
	}

	.short-nav img {
		width: 26%;
	}

	.short-nav .short-info {
		display: none !important;
	}

}

@media screen and (min-width: 990px) {
	.short-nav img {
		width: auto;
		max-width: 100%;
	}

	.short-nav li .title {
		height: 210px;
	}

}

.short-info {
	color: #fff;
	padding: 30px 15px;
	display: none;
}

.short-info.blue {
	background: rgba(87, 202, 244, 0.7);
}

.short-info.orange {
	background: rgba(242, 102, 34, 0.7);
}

.short-info.sea {
	background: rgba(45, 112, 134, 0.7);
}

.short-info.sea .btn {
	background: #2d7086;
}

.short-info.dark-blue {
	background: rgba(14, 35, 48, 0.7);
}

.short-info .left {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0 0 20px;
	margin-bottom: 10px;
}

.short-info .left p {
	font-size: 24px;
	font-weight:500;
	color: #fff;
	margin: 10px 0 0 0;
}

.short-info .right p {
	text-align: left;
	line-height: 1.5em;
}

.short-content .short-info {
	display: none;
}

.short-content .short-info:first-child {
	/*  display: block;*/
}

@media screen and (max-width: 639px) {
	.short-content {
		display: none !important;
	}
}

@media screen and (min-width: 640px) {
	.short-content {
		display: table;
	}

	.short-content .left {
		display: table-cell;
		width: 25%;
		vertical-align: middle;
		padding-right: 20px;
		border-bottom: 0;
		text-align: center;
	}

	.short-content .left p {
		display: inline-block;
		vertical-align: middle;
	}

	.short-content .right {
		display: table-cell;
		width: 74%;
		padding: 4px 0 4px 20px;
		vertical-align: top;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}

	.short-content .right div {
		vertical-align: middle;
		display: inline-block;
		padding-left: 0;
		width: 100%;
	}

	.short-content .right div:first-child {
		width: 71%;
		padding-left: 0;
	}
}

@media screen and (min-width: 990px) {
	.short-content .right div {
		padding-left: 20px;
		width: 26%;
	}
}

/* International
========================================================================== */


.section#software {
	margin-top: 40px;
}

.section#software .left h5 {
	font-weight: 400;
}

@media screen and (min-width: 768px) {
	.section#software {
		margin-top: 50px;
	}

}

@media screen and (min-width: 990px) {
	.section#software .left {
		float: left;
		width: 50%;
	}

	.section#software img {
		float: right;
		width: 50%;
		margin: -15px 0 0 0;
	}

}

@media screen and (min-width: 1100px) {
	.section#software img {
		margin-right: -30px;
	}

}

.section#integrations {
	margin-left: -15px;
	margin-right: -15px;
}

@media screen and (min-width: 768px) {
	.section#integrations {
		margin-left: 0;
		margin-right: 0;
	}

}

.section .integrations-box {
	margin-top: 6px;
	padding-top: 20px;
}

.section .integrations-box-2 {
	margin-top: 6px;
	padding-top: 20px;
}

.section .integrations-box .animated-logos img {
	margin: 0 auto;
}

.section .integrations-box .animated-logos {
	padding-bottom: 110px;
}

@media screen and (min-width: 768px) {
	.section .integrations-box {
		padding-bottom: 30px;
		padding-top: 10px;
		margin-top: 70px;
	}

	.section .integrations-box .animated-logos {
		top: -35px;
	}

	.section .integrations-box #animated-logo-1 {
		top: 180px;
		left: -15px;
	}

	.section .integrations-box #animated-logo-2 {
		top: 70px;
		left: -5px;
	}

	.section .integrations-box #animated-logo-4 {
		top: -80px;
		left: 150px;
	}

	.section .integrations-box #animated-logo-5 {
		top: 75px;
		right: -20px;
		left: auto;
		-webkit-transform: translate3d(700px, 100px, 0);
		-ms-transform: translate3d(700px, 50px, 0);
		transform: translate3d(700px, 50px, 0);
	}

	.section .integrations-box #animated-logo-7 {
		top: -25px;
		right: 10px;
	}

	.section .integrations-box #animated-logo-8 {
		top: 160px;
		right: -20px;
	}

	.section .integrations-box .animated-logo {
		-webkit-transform: translate3d(0, 10, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}

}

@media screen and (min-width: 768px) {
	.section .integrations-box-2 {
		padding-bottom: 30px;
		padding-top: 10px;
		margin-top: 70px;
	}
}

.integrations-b2-anchor {
		
}

@media screen and (min-width: 990px) {
	.integrations-b2-anchor {
		padding:1px 0 0;	
	}	
}

.section .our-clients {
	padding: 40px 15px;
	color: #fff;
	text-align: center;
}

.section .our-clients p {
	max-width: 400px;
	margin: 0 auto;
}

.section .our-clients h2 {
	color: #fff;
	margin-bottom: 10px;
}

.section .our-clients .btn {
	background: #fff;
	color: #21a88a;
}

.section .our-clients ul {
	width: 100%;
	padding: 15px 30px;
}

.section .our-clients ul li {
	padding: 0 15px;
}

@media screen and (min-width: 768px) {
	.section .our-clients {
		margin-bottom: 50px;
		padding-top: 50px;
		padding-bottom: 55px;
	}
}

.section#adops h2 {
	line-height: 1.25em;
}

@media screen and (min-width: 768px) {
	.section#adops .left {
		
		float: left;
		width: 50.5%;
	}

	.section#adops img {
		margin-bottom: 0;
		float: right;
		width: 49%;
	}

}

.section .box-list {
	margin-top: 0;
}

.section .box-list .btn {
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
	.section .box-list {
		margin-bottom: 70px;
		padding-bottom: 38px;
	}

	.section .box-list li {
		width: 49%;
		margin-bottom: 22px;
	}

}

.section .panels-info {
	margin-bottom: 5px;
	margin-top: 20px;
}

.section .panels-info h2 {
	text-align: left;
}

.section .panels-info ul {
	padding: 0;
}

@media screen and (min-width: 640px) {
	.section .panels-info > li {
		margin-bottom: 25px;
		border: none;
		width: 100%;
	}

	.section .panels-info .panel {
		display: table;
		width: 100%;
	}

	.section .panels-info .panel ul {
		padding: 0 25px;
		display: table-cell;
		vertical-align: middle;
	}

	.section .panels-info .title {
		height: 200px;
		width: 40%;
		display: table-cell;
	}

}

@media screen and (min-width: 768px) {
	.section .panels-info {
		margin-top: 40px;
	}

	.section .panels-info .panels-info {
		margin-top: 30px;
	}

	.section .panels-info h2 {
		margin-bottom: 20px;
	}

}

.section#migration {
	margin: 40px 0;
}

.section#das dl {
	margin-top: 24px;
	margin-bottom: 0;
}

.section#das dl:nth-child(1) {
	margin-top: 40px;
}

.contact-inner {
	padding-bottom: 20px;
}

.contact-inner h3 {
	color: #fff;
}

.contact-inner a {
	color: #fff;
}

.contact-inner .form {
	color: #fff;
}

.contact-inner .form label {
	color: #fff;
}

.contact-inner .btn-green {
	background: #105646;
}

@media screen and (min-width: 640px) {
	.contact-inner .offices {
		padding: 0 25px 15px;
	}

	.contact-inner .offices li {
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media screen and (min-width: 768px) {
	.contact-inner {
		margin-bottom: 20px;
	}

	.contact-inner .form {
		margin-bottom: 0;
	}

	.contact-inner h3 {
		margin-bottom: 15px;
		margin-top: 20px;
	}

	.contact-inner h3 + p {
		margin-bottom: 10px;
		margin-top: 0;
	}

}

/* Animation
========================================================================== */


.plain {
	left: 18%;
	-webkit-transform: translate(30px, 20px);
	-ms-transform: translate(30px, 20px);
	transform: translate(30px, 20px);
	visibility: visible;
	position: absolute;
}

.plain-low {
	left: 38.1%;
	-webkit-transform: translate(30px, 20px);
	-ms-transform: translate(30px, 20px);
	transform: translate(30px, 20px);
	visibility: visible;
	bottom: 12.8%;
	position: absolute;
}

.plain-anim {
	height: 387px;
	overflow: visible;
	position: absolute;
	bottom: 10%;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.plain-anim {
		bottom: 7%;
	}

}

@media screen and (min-width: 990px) {
	.plain-anim {
		bottom: 19%;
	}

}

.high-box {
	position: absolute;
	top: 6%;
	left: 0;
	width: 50%;
	font-weight:500;
}

.high-box p {
	position: relative;
	left: 36%;
	visibility: visible;
}

.high-box img {
	left: 70%;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	position: absolute;
	top: 40%;
	visibility: visible;
}

.slideLeft img {
	/*	animation-name: slideLeft1;
	-webkit-animation-name: slideLeft1;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;*/
	visibility: visible !important;
}

.slideLeft p {
	/*	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;*/
	visibility: visible !important;
}

@keyframes slideLeft1 {
	0% {
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}

	/*50% {
	-webkit-transform: translateX(-8%);
	transform: translateX(-8%);
}

65% {
-webkit-transform: translateX(4%);
transform: translateX(4%);
}

80% {
-webkit-transform: translateX(-4%);
transform: translateX(-4%);
}*/

/*  95% {
-webkit-transform: translateX(2%);
transform: translateX(2%);
}*/

100% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

}

@-webkit-keyframes slideLeft1 {
	0% {
		-webkit-transform: translateX(130%);
	}

	/*50% {
	-webkit-transform: translateX(-8%);
}

65% {
-webkit-transform: translateX(4%);
}

80% {
-webkit-transform: translateX(-4%);
}*/

/*  95% {
-webkit-transform: translateX(2%);
}*/

100% {
	-webkit-transform: translateX(0%);
}

}

@-webkit-keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 200px);
		transform: translate(0, 200px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(30px, 20px);
		transform: translate(30px, 20px);
	}

}

@keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 200px);
		transform: translate(0, 200px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(30px, 20px);
		transform: translate(30px, 20px);
	}

}

.animation1.slideUp .plain {
	/*-webkit-animation: slideUp ease-out 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: slideUp ease-out 1s;
	-moz-animation-iteration-count: 1;
	-o-animation: slideUp ease-out 1s;
	-o-animation-iteration-count: 1;
	-ms-animation: slideUp ease-out 1s;
	-ms-animation-iteration-count: 1;
	animation: slideUp ease-out 1s;
	animation-iteration-count: 1;*/
	visibility: visible;
}

.animation1.slideUp .plain-low.plain-slide {
	/*-webkit-animation: slideUp ease-out 0.8s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: slideUp ease-out 0.8s;
	-moz-animation-iteration-count: 1;
	-o-animation: slideUp ease-out 0.8s;
	-o-animation-iteration-count: 1;
	-ms-animation: slideUp ease-out 0.8s;
	-ms-animation-iteration-count: 1;
	animation: slideUp ease-out 0.5s;
	animation-iteration-count: 1;*/
	visibility: visible;
}

/* Animation 3 */

.animation3 {
	position: relative;
	z-index: 101;
}

.animation3 img {
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 102;
}

.bars {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
	table-layout: fixed;
	max-width: 470px;
	z-index: 101;
	border-collapse: separate;
}

.graph-bar {
	display: inline-block;
	visibility: hidden;
	width: 4%;
	margin: 0 0.3%;
	vertical-align: bottom;
	position: relative;
	background: #f9ad4d;
}

.bar-1 {
	height: 35px;
}

.bar-2 {
	height: 113px;
}

.bar-3 {
	height: 138px;
}

.bar-4 {
	height: 92px;
}

.bar-5 {
	height: 192px;
}

.bar-6 {
	height: 35px;
}

.bar-7 {
	height: 180px;
}

.bar-8 {
	height: 80px;
}

.bar-9 {
	height: 180px;
}

.bar-10 {
	height: 180px;
}

.bar-11 {
	height: 220px;
}

.bar-12 {
	height: 180px;
}

.bar-13 {
	height: 180px;
}

.bar-14 {
	height: 60px;
}

.bar-15 {
	height: 135px;
}

.bar-16 {
	height: 165px;
}

.bar-17 {
	height: 145px;
}

.bar-18 {
	height: 90px;
}

.pullUp {
	visibility: visible;
	animation-name: pullUp;
	-webkit-animation-name: pullUp;
	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1);
	}

	40% {
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}

	60% {
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
		transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
		transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}

	40% {
		-webkit-transform: scaleY(1.02);
	}

	60% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(1);
	}

}

/* Animation 4 */

.animation4 {
	position: relative;
	z-index: 101;
	background: url(../media/animation4/clouds1.png) no-repeat center top;
}

.animation4 .left-plain {
	left: 6.5%;
	-webkit-transform: translate(-20px, 20px);
	-ms-transform: translate(-20px, 20px);
	transform: translate(-20px, 20px);
	visibility: hidden;
	position: absolute;
}

.animation4 .right-plain {
	right: 9%;
	-webkit-transform: translate(30px, 20px);
	-ms-transform: translate(30px, 20px);
	transform: translate(30px, 20px);
	visibility: hidden;
	position: absolute;
}

.animation4 .static-img {
	display: block;
	position: absolute;
	bottom: -90px;
	left: 0;
	right: 0;
	position: relative;
	z-index: 103;
	margin: 0 auto;
}

@media screen and (min-width: 480px) {
	.animation4 .right-plain {
		right: 10%;
	}

	.animation4 .left-plain {
		left: 8%;
	}

}

@media screen and (min-width: 768px) {
	.animation4 .right-plain {
		right: 15%;
	}

}

.box-animate {
	max-width: 360px;
	margin: 0 auto;
	position: relative;
}

.box-animate div {
	height: 160px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.slideUp1 .left-plain {
	height: auto;
	visibility: visible;
}

.slideUp1 .right-plain {
	height: auto;
	visibility: visible;
}

@media screen and (min-width: 640px) {
	.slideUp1 .left-plain {
		height: auto;
		-webkit-animation: slideLeft linear 1s;
		animation: slideLeft linear 1s;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation: slideLeft linear 1s;
		-webkit-animation-iteration-count: 1;
		-moz-animation: slideLeft linear 1s;
		-moz-animation-iteration-count: 1;
		-o-animation: slideLeft linear 1s;
		-o-animation-iteration-count: 1;
		-ms-animation: slideLeft linear 1s;
		-ms-animation-iteration-count: 1;
		visibility: visible;
	}

	.slideUp1 .right-plain {
		height: auto;
		-webkit-animation: slideRight linear 1s;
		animation: slideRight linear 1s;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation: slideRight linear 1s;
		-webkit-animation-iteration-count: 1;
		-moz-animation: slideRight linear 1s;
		-moz-animation-iteration-count: 1;
		-o-animation: slideRight linear 1s;
		-o-animation-iteration-count: 1;
		-ms-animation: slideRight linear 1s;
		-ms-animation-iteration-count: 1;
		visibility: visible;
	}
}

@-webkit-keyframes slideLeft {
	0% {
		opacity: 10;
		-webkit-transform: translate(0, 120px);
		transform: translate(0, 120px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
	}

}

@keyframes slideLeft {
	0% {
		opacity: 10;
		-webkit-transform: translate(0, 120px);
		transform: translate(0, 120px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
	}

}

@-webkit-keyframes slideRight {
	0% {
		opacity: 15;
		-webkit-transform: translate(0, 80px);
		transform: translate(0, 80px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(30px, 20px);
		transform: translate(30px, 20px);
	}

}

@keyframes slideRight {
	0% {
		opacity: 15;
		-webkit-transform: translate(0, 80px);
		transform: translate(0, 80px);
	}

	100% {
		opacity: 100;
		-webkit-transform: translate(30px, 20px);
		transform: translate(30px, 20px);
	}

}

/* Animation Logos */

.animation-logos {
	margin: 40px 0 0 0;
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 990px) {
	.animation-logos {
		margin-top: 143px;
	}
}

/* Animation 5 */

.anim-bg {
	background: #DB7B29;
	/*  @include sm {
	.left {
	padding-bottom: 20px;
}

}


@include md {
.left {
padding-bottom: 20px;
}

}
*/
}

.anim-bg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 48px;
	background: #d85819;
	left: 0;
	bottom: 0;
}

.anim-bg .left {
	z-index: 102;
	position: relative;
}

.jumbotron-box .animation5 {
	position: relative;
	background: none;
	background: url(../media/animation/bg_shine.jpg) no-repeat center bottom;
}

.jumbotron-box .animation5 .static-img {
	left: 0;
	bottom: 20px;
	right: 0;
	z-index: 102;
	margin: 0 auto;
}

.graph img {
	width: 20%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.graph.graph0 {
	text-align: center;
}

.graph.graph0 img {
	width: 45%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
}

@media screen and (min-width: 480px) {
	.graph img {
		width: auto;
		max-width: 100%;
	}

}

.graph0 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 2%;
	z-index: 103;
	visibility: hidden;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.graph1 img {
	position: absolute;
	left: 5px;
	bottom: 20%;
}

@media screen and (min-width: 990px) {
	.graph1 img {
		left: 9%;
		bottom: 15%;
	}

	.graph.graph0 img {
		width: auto;
	}

}

.graph2 img {
	position: absolute;
	left: 5%;
	bottom: 44%;
}

@media screen and (min-width: 990px) {
	.graph2 img {
		left: 9%;
		bottom: 44%;
	}

}

.graph3 img {
	position: absolute;
	left: 15%;
	bottom: 68%;
}

@media screen and (min-width: 990px) {
	.graph3 img {
		left: 13%;
		bottom: 72%;
	}

}

.graph4 img {
	position: absolute;
	left: 45%;
	bottom: 70%;
}

@media screen and (min-width: 990px) {
	.graph4 img {
		left: 48%;
		bottom: 75%;
	}

}

.graph5 img {
	position: absolute;
	right: 10%;
	bottom: 64%;
}

@media screen and (min-width: 990px) {
	.graph5 img {
		right: 12%;
		bottom: 64%;
	}

}

.graph6 img {
	position: absolute;
	right: 5%;
	bottom: 41%;
	width: 18%;
}

@media screen and (min-width: 480px) {
	.graph6 img {
		width: auto;
	}

}

@media screen and (min-width: 990px) {
	.graph6 img {
		right: 12%;
		bottom: 40%;
	}

}

.graph7 img {
	position: absolute;
	right: 3%;
	bottom: 18%;
	width: 18%;
}

@media screen and (min-width: 480px) {
	.graph7 img {
		width: auto;
	}

}

@media screen and (min-width: 990px) {
	.graph7 img {
		right: 12%;
		bottom: 16%;
	}

}

.fadeIn .graph img {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}

.fadeIn .graph.graph0 img {
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
}

.fadeIn .graph.graph1 img {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

.fadeIn .graph.graph2 img {
	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
}

.fadeIn .graph.graph3 img {
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
}

.fadeIn .graph.graph4 img {
	animation-duration: 1.3s;
	-webkit-animation-duration: 1.3s;
}

.fadeIn .graph.graph5 img {
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
}

.fadeIn .graph.graph6 img {
	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;
}

.fadeIn .graph.graph7 img {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

@keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	60% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	80% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}

	60% {
		-webkit-transform: scale(1.1);
	}

	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

}

/* Circles */

.animation2 {
	position: relative;
	overflow: hidden;
}

.animation2 img {
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 748px) {
	.animation2 {
		position: absolute;
		top: -20px;
		right: 0;
		float: left;
		width: 58%;
	}

	.animation2 img {
		top: 0;
		float: right;
		position: relative;
		width: 95%;
		right: 0;
	}
}

@media screen and (min-width: 1050px) {
	.animation2 {
		overflow: visible;
	}
}

.circle {
	position: absolute;
	display: block;
	border-radius: 100%;
	width: 58px;
	height: 58px;
}

.circle-blue {
	z-index: 1;
	position: absolute;
	top: 2%;
	width: 100%;
	max-width: 60px;
	height: 140px;
	left: 2%;
}

@media screen and (min-width: 768px) {
	.circle-blue {
		top: 10px;
		left: 5%;
		height: 200px;
		max-width: 160px;
	}
}

.circle1 {
	top: 8px;
	left: 3%;
	width: 42px;
	height: 42px;
	background-color: #ade4f9;
	-webkit-transform-origin: 60% 60%;
	-ms-transform-origin: 60% 60%;
	transform-origin: 60% 60%;
}

.circle2 {
	top: 25%;
	right: 3%;
	width: 21px;
	height: 21px;
	background-color: #5bcaf4;
	-webkit-transform-origin: 65% 60%;
	-ms-transform-origin: 65% 60%;
	transform-origin: 65% 60%;
}

.circle3 {
	bottom: 3%;
	right: 12%;
	width: 7px;
	height: 7px;
	background-color: #5bcaf4;
	-webkit-transform-origin: 80% 70%;
	-ms-transform-origin: 80% 70%;
	transform-origin: 80% 70%;
}

.circle-sea {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 150px;
	width: 100%;
	height: 90px;
}

@media screen and (min-width: 768px) {
	.circle-sea {
		top: 0;
		right: 0;
		max-width: 200px;
		width: 100%;
		height: 100px;
	}
}

.circle4 {
	top: 22px;
	left: 0;
	width: 11px;
	height: 11px;
	background-color: #c4d4da;
	-webkit-transform-origin: 80% 100%;
	-ms-transform-origin: 80% 100%;
	transform-origin: 80% 100%;
}

.circle5 {
	top: 100%;
	right: 0;
	width: 47px;
	height: 47px;
	background-color: #8caeb9;
	-webkit-transform-origin: 50% 60%;
	-ms-transform-origin: 50% 60%;
	transform-origin: 50% 60%;
}

.circle-red {
	right: 0;
	max-width: 150px;
	width: 100%;
	top: 37%;
	position: absolute;
	height: 130px;
}

@media screen and (min-width: 768px) {
	.circle-red {
		top: 40%;
		right: 0;
		max-width: 190px;
		width: 100%;
		height: 170px;
	}
}

.circle6 {
	top: 6px;
	right: 45%;
	width: 10px;
	height: 10px;
	background-color: #DB7B29;
	-webkit-transform-origin: 80% 90%;
	-ms-transform-origin: 80% 90%;
	transform-origin: 80% 90%;
}

.circle7 {
	bottom: 0;
	left: 4%;
	width: 20px;
	height: 20px;
	background-color: #fcdacd;
	-webkit-transform-origin: 70% 80%;
	-ms-transform-origin: 70% 80%;
	transform-origin: 70% 80%;
}

.circle7-1 {
	top: 25px;
	right: 0;
	width: 31px;
	height: 31px;
	background-color: #f8b59a;
	-webkit-transform-origin: 40% 60%;
	-ms-transform-origin: 40% 60%;
	transform-origin: 40% 60%;
}

.circle-dark {
	bottom: 0;
	right: 13%;
	max-width: 150px;
	width: 100%;
	position: absolute;
	height: 100px;
}

@media screen and (min-width: 768px) {
	.circle-dark {
		/*bottom: 0%;*/
		/*right: 10%;*/
	}

}

.circle8 {
	bottom: 24%;
	right: 2%;
	width: 26px;
	height: 26px;
	background-color: #354c59;
	-webkit-transform-origin: 60% 60%;
	-ms-transform-origin: 60% 60%;
	transform-origin: 60% 60%;
}

.circle8-1 {
	bottom: 10%;
	right: 29%;
	width: 16px;
	height: 16px;
	background-color: #c7cdd0;
	-webkit-transform-origin: 50% 65%;
	-ms-transform-origin: 50% 65%;
	transform-origin: 50% 65%;
}

.circle-green {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 150px;
	width: 100%;
	height: 200px;
}

.circle-green span {
}

@media screen and (min-width: 768px) {
	.circle-green {
		bottom: 2%;
		left: 5%;
		height: 250px;
		max-width: 230px;
	}
}

.circle9 {
	top: -2%;
	left: 0;
	width: 54px;
	height: 54px;
	background-color: #90d3c4;
	-webkit-transform-origin: 60% 65%;
	-ms-transform-origin: 60% 65%;
	transform-origin: 60% 65%;
}

.circle10 {
	top: 46%;
	left: 15%;
	width: 16px;
	height: 16px;
	background-color: #22a789;
	-webkit-transform-origin: 70% 70%;
	-ms-transform-origin: 70% 60%;
	transform-origin: 70% 60%;
}

.circle11 {
	bottom: 9%;
	left: 22%;
	width: 38px;
	height: 38px;
	background-color: #80cabb;
	-webkit-transform-origin: 70% 65%;
	-ms-transform-origin: 70% 65%;
	transform-origin: 70% 65%;
}

.circle12 {
	bottom: 40%;
	right: -2%;
	width: 26px;
	height: 26px;
	background-color: #c8e9e1;
	-webkit-transform-origin: 80% 80%;
	-ms-transform-origin: 80% 80%;
	transform-origin: 80% 80%;
}

.fly .circle1 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle 10s linear infinite;
	-moz-animation: inner-circle 10s linear infinite;
	-o-animation: inner-circle 10s linear infinite;
}

.fly .circle2 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	/*opacity: 1;*/
	-webkit-animation: inner-circle1 10s linear infinite;
	-moz-animation: inner-circle1 10s linear infinite;
	-o-animation: inner-circle1 10s linear infinite;
}

.fly .circle3 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle2 7s linear infinite;
	-moz-animation: inner-circle2 7s linear infinite;
	-o-animation: inner-circle2 7s linear infinite;
}

.fly .circle4 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle1 10s linear infinite;
	-moz-animation: inner-circle1 10s linear infinite;
	-o-animation: inner-circle1 10s linear infinite;
}

.fly .circle5 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle2 8s linear infinite;
	-moz-animation: inner-circle2 8s linear infinite;
	-o-animation: inner-circle2 8s linear infinite;
}


.fly .circle6 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle2 10s linear infinite;
	-moz-animation: inner-circle2 10s linear infinite;
	-o-animation: inner-circle2 10s linear infinite;
}

.fly .circle7 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle1 10s linear infinite;
	-moz-animation: inner-circle1 10s linear infinite;
	-o-animation: inner-circle1 10s linear infinite;
}

.fly .circle7-1 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle1 12s linear infinite;
	-moz-animation: inner-circle1 12s linear infinite;
	-o-animation: inner-circle1 12s linear infinite;
}

.fly .circle8 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle 6s linear infinite;
	-moz-animation: inner-circle 6s linear infinite;
	-o-animation: inner-circle 6s linear infinite;
}

.fly .circle8-1 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle1 8s linear infinite;
	-moz-animation: inner-circle1 8s linear infinite;
	-o-animation: inner-circle1 8s linear infinite;
}

.fly .circle9 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle1 10s linear infinite;
	-moz-animation: inner-circle1 10s linear infinite;
	-o-animation: inner-circle1 10s linear infinite;
}

.fly .circle10 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	/*opacity: 0.6;*/
	-webkit-animation: inner-circle2 7s linear infinite;
	-moz-animation: inner-circle2 7s linear infinite;
	-o-animation: inner-circle2 7s linear infinite;
}

.fly .circle11 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle 7s linear infinite;
	-moz-animation: inner-circle 7s linear infinite;
	-o-animation: inner-circle 7s linear infinite;
}

.fly .circle12 {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: inner-circle 10s linear infinite;
	-moz-animation: inner-circle 10s linear infinite;
	-o-animation: inner-circle 10s linear infinite;
}

@-webkit-keyframes inner-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes inner-circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@-webkit-keyframes inner-circle1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	75% {
		-webkit-transform: rotate(-270deg);
		transform: rotate(-270deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

}

@keyframes inner-circle1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	75% {
		-webkit-transform: rotate(-270deg);
		transform: rotate(-270deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

}

@-webkit-keyframes inner-circle2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@keyframes inner-circle2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

/* IE8
========================================================================== */


.ie8 .navigation .btn-orange {
	width: 170px;
	min-width: 1px;
	vertical-align: top;
}

.ie8 .nav {
	width: 75%;
}

.ie8 .nav a {
	padding-left: 5px;
	padding-right: 5px;
}

.ie8 .btn:after {
	position: absolute;
	left: 92%;
	top: 50%;
	margin-top: -10px;
	display: none;
}

.ie8 .btn:hover:after {
	display: block;
	float: right;
}

.ie8 .home-nav a {
	padding-bottom: 0;
}

.ie8 .home-nav li {
	border-right: 1px solid #fff;
}

.ie8 .home-nav li.ie {
	border-right: none;
}

.ie8 .home-nav li.ie img {
	width: 26%;
}

.ie8 .animation4 .left-plain {
	left: 5%;
	bottom: 0;
}

.ie8 .animation4 .right-plain {
	right: 6%;
	bottom: 2px;
}

.ie8 .newsletter input {
	padding-top: 7px;
	background: #f6f7f7;
}

.ie8 .btn-down {
	background: #fff;
	font-size: 30px;
	line-height: 60px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.ie8 .jumbotron-box .orange.col-7 {
	padding-bottom: 0;
}

.ie8 .pattern-orange2,
.ie8 .bg-clouds {
	margin: 0;
}

.ie8 .wrapper-slider-software {
	padding-bottom: 0;
	height: 450px;
}

.ie8 .wrapper-slider-software .slide-software {
	top: auto;
	padding-bottom: 0;
	height: 500px;
	bottom: 0;
}

.ie8 .short-info.blue {
	background: #57caf4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .short-info.green {
	background: #21a88a;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .short-info.orange {
	background: #DB7B29;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .short-info.sea {
	background: #2D7086;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .short-info.dark-blue {
	background: #0e2330;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .jumbotron-software .toggle-tooltip {
	min-height: 1px;
}

.ie8 .jumbotron-software .toggle-tooltip.green {
	background: #21a88a;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.ie8 .panels-txt .panels-info {
	border-collapse: collapse;
}

.ie8 .panels-txt li {
	width: 45%;
	border-collapse: collapse;
	border: 15px solid #FFF;
}

.ie8 .minimal-form input {
	padding-top: 8px;
}

.ie8 .jumbotron-box .right {
	padding-bottom: 0;
}

.ie8 .box-hero article {
	background: #f58220;
	left: 0;
	float: left;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.ie8 .box-hero article:before {
	border-left-color: #f58220 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.ie8 .box-hero article,
.ie8 .right-img {
	float: left;
	display: inline-block;
	width: 48%;
}

.ie8 .category-list a:before {
	display: none;
}

.ie8 .our-story {
	background-color: #21a88a;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ie8 .category-list a.active-category:before {
	display: block;
}

.ie8 .leader div {
	display: block;
	min-height: 1px;
	background: #DB7B29 !important;
	z-index: 100;
}

.newsletter li {
	width: 100%;
}

.newsletter .gform_body ul li {
	padding-bottom: 0;
}

.newsletter .gform_footer button {
	/*right: 15px;*/
	bottom: 0;
	padding: 0;
	width: 35px;
	background: #7c7e7e;
	border: none;
	height: 32px;
	position: relative;
	color: #fff;
	font-size: 25px;
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.newsletter, .minimal-form {
	position: relative;
}

.newsletter {
	/*max-width: 480px;*/
}

.sub-menu {
	padding: 0;
	/*display: none !important;*/
	background: #DB7B29;
	list-style: none;
	margin: 0;
	opacity: 0;
	height: 0;
	position: relative;
	visibility: hidden;
	overflow: hidden;
	top: -5px;
	-webkit-transition: top 0.5s ease-in;
	transition: top 0.5s ease-in;
}

ul.sub-menu {
	list-style: none;
	display: table;
	margin: 0 auto;
}

ul.sub-menu li {
	float: unset;
	display: inline;
}

@media screen and (min-width: 990px) {
	.sub-menu {
		top: 70px;
		height: 75px;
		position: absolute;
		z-index: -1;
		width: 100%;
		left: 0;
		text-align: center;
	}

	.sub-menu a {
		display: block;
	}

}

.open-subnav .sub-menu {
	padding: 2px 0 10px;
	opacity: 1;
	visibility: visible;
	height: auto;
	top: 0;
}

@media screen and (min-width: 990px) {
	.open-subnav .sub-menu {
		top: 74px;
	}

}

.closed-subnav .sub-menu {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 0;
	visibility: hidden;
	height: 0;
	top: -10px;
}

.nav .sub-menu a {
	color: #fbd3c3;
}

.nav .sub-menu a:hover {
	color: #fff;
}

img {
	height: auto;
}

.gform_body ul {
	list-style: none;
	max-width: 730px;
	margin: 12px auto 10px;
	padding: 0;
}

.page-basic-gray .gform_body ul {
	margin-top: 0;
}

.gform_body ul li {
	padding: 0 0 16px 0;
}

.gform_body ul li:last-child {
	padding: 0;
}

.gform_body ul li.gf_full_width {
	width: 100%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 0;
}

.gform_body ul li.gf_left_half, .gform_body ul li.gf_right_half {
	width: 49%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 6px;
}

.gform_body ul li.gf_left_half {
	padding-right: 15px;
	float: left;
}

.gform_body ul li.gf_right_half {
	padding-left: 15px;
	float: right;
}

.gform_body ul li label {
	text-align: left;
	margin: 0 0 6px;
	font-weight: 400;
	
	line-height: 1.85em;
}

.gform_body ul li label .validation_message {
	display: inline-block;
	margin-left: 10px;
	color: #DB7B29;
}

.newsletter .gform_footer {
	clear: both;
	position: absolute;
	bottom: 20px;
	right: 0;
}
.gfield_description {    
	font-style: italic;
    font-size: .8em;
    line-height: 1.5em;
    margin-top: 5px;
}
form.form, div.form {
	margin-top: 0;
}

form.form {
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}



.form .validation_error {
	color: #DB7B29;
}

.gform_title {
	margin: 17px auto 15px;
	font-size: 30px;
	
}

.nav .login a:hover, .nav .international li:not(.menu-item-has-children) a:hover {
	background: #21a88a;
	color: #fff;
}

.minimal-form .gform_footer {
	position: absolute;
	top: auto;
	right: 15px;
	bottom: 48px;
}

.form-grey .gform_wrapper, .form-grey {
	background: #f6f6f6;
}
.form-grey .hbspt-form {
	margin: 0 auto;
	max-width: 500px;
}
.form-grey-hbspt h3 {
	text-align: center;
	margin: 17px auto 15px;
}
.form-grey-hbspt {
	padding: 20px;
	margin-top: 30px;
}


.form-grey-hbspt .submitted-message {
	text-align: center;
}


/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {
	display: block;
}
.hs-form .hs-form-field > label {
	display: block;
}

.hs-form-booleancheckbox {
	list-style-type: none;
	
}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
	
      resize: none;
    background: #fff;
    width: 100%;
    border-radius: 0;
    border: 1px solid #eeeeee;
    -webkit-appearance: none;
    color: #585858;
    text-align: left;
    padding: 10px;
}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}


fieldset.form-columns-1 input[type="text"],
fieldset.form-columns-1 input[type="password"], 
fieldset.form-columns-1 input[type="datetime"], 
fieldset.form-columns-1 input[type="datetime-local"], 
fieldset.form-columns-1 input[type="date"], 
fieldset.form-columns-1 input[type="month"], 
fieldset.form-columns-1 input[type="time"], 
fieldset.form-columns-1 input[type="week"], 
fieldset.form-columns-1 input[type="number"], 
fieldset.form-columns-1 input[type="email"], 
fieldset.form-columns-1 input[type="url"], 
fieldset.form-columns-1 input[type="search"], 
fieldset.form-columns-1 input[type="tel"], 
fieldset.form-columns-1 input[type="color"],
fieldset.form-columns-1 input[type="file"],
fieldset.form-columns-1 textarea,
fieldset.form-columns-1 select {
    width: 100% !important;
}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {
	margin-right: 5px;
}
.hs-form input[type="checkbox"] {
	margin-right: 5px;
}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form fieldset{
}
.hs-form fieldset.form-columns-1 {
	margin-top: 15px;
}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {
	margin-top: 15px;
}

.hs-form fieldset.form-columns-2 {
	margin-top: 15px;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
	margin-top: 15px;
}

.hs-form fieldset.form-columns-3 {
	margin-top: 15px;
}
.hs-form fieldset.form-columns-3 .hs-form-field {
	margin-top: 15px;
}
/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	font-weight:500;
	text-decoration: none;
	padding: 9px 12px 10px;
	min-width: 140px;
	text-align: center;
	border: none;
	margin: 10px 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	background-color: #DB7B29;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
	/*background: #c95d00;*/
	background: #c95d00;
	color: #fff;
	padding-left: 19px;
	padding-right: 19px;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


.legal-consent-container {
	font-size: .85em;
    line-height: 1.5em;
	margin-bottom: 15px;
}

/*end Hubspot Styling */

.form-grey:before {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.form-grey-hbspt ul {
	margin: 5px 0 0;
	padding-left: 0;
}
.form-grey-hbspt .inputs-list>li.hs-form-checkbox  {
	list-style-type: none;
}
@media screen and (min-width:600px) {
	.form-grey-hbspt .inputs-list>li.hs-form-checkbox  {
		display: inline-block !important;
		width: 50% !important;
		padding: 2px 0px 2px 12px;
		line-height: 20px;
		vertical-align: top;
		font-size: .85em;
	}
}
.page-basic-gray .gform_wrapper .form {
	width: 50%;
}

.page-basic-gray .gform_wrapper .form .btn {
	width: 100%;
	padding-top: 11px;
	padding-bottom: 12px;
	font-size: 18px;
}

.page-basic-gray .gform_wrapper {
	margin-top: 0;
	margin-bottom: 50px;
	padding: 0 0 52px;
}

.gform_wrapper {
	position: relative;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 640px) {
	.gform_wrapper {
		position: relative;
		float: left;
		text-align: left;
	}
	.gform_wrapper_footer {
		width:34%;
		
	}
}
.gform_wrapper .gform_heading {
	text-align: center;
}
.get-quote.minimal-form .gform_footer button {
	top: 257px;
	right: 52px;
}

.orange-box.full-width .gform_wrapper, .orange-box.minimal-form form div.gform_heading  {
	max-width: 100%;
}

.orange-box.minimal-form .gform_footer button {
	position: absolute;
	top: 203px;
	right: 340px;
}

.orange-box.minimal-form.full-width .gform_footer button {
	top: auto;
	right: 0;
}

.orange-box.minimal-form.full-width .gform_footer {
	bottom: 72px;
	right: 0;
	left: 0;
}

@media screen and (min-width: 640px) {
	.minimal-form .gform_footer {
		right: 30px;
		bottom: 68px;
	}
}

@media screen and (min-width: 768px) {
	.minimal-form .gform_footer {
		right: 50px;
		bottom: 103px;
	}
}

@media screen and (min-width: 990px) {
	.closed-subnav .sub-menu {
		top: 70px;
	}

	.newsletter .gform_footer {
		bottom: 10px;
	}
}


script + img{
	display: none;
}

/* ROI Calculator */
.roi-container{
	display: block;
	background: #F7F7F7;
	height: auto;
	min-height: 625px;
	position: relative;
	max-width: 1050px;
	margin: 0 auto;
}
.roi-container #myform{
	margin: 0 auto;
	max-width: 700px;
	position: relative;
	padding-bottom: 65px;
}
.roi-container fieldset{
	padding: 65px 0 0;
	display: none;
}
.roi-container fieldset small.note{
	font-size: 16px;
	color: #a2a0a0;
	text-align: left;
	display: block;
}
.roi-container fieldset.active{
	display: block;
}
.roi-container .send--you-email{
	color: #fff;
	font-size: 14px;
}
.roi-container.roi--landing{
	background: #F99921 url(../img/roi-calc/_ROI_calculator_landing_bg.png) center 0 no-repeat;
}
.roi-container.roi--landing h3{
	color: #fff;
	margin: 0;
}
.roi-container.roi--landing p{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 10px;
}
.roi-container.roi--landing small{
	color: #fff;
	display: block;
	font-size: 11px;
	line-height: 16px;
}

.roi-container.roi--landing input#email {
	height: 42px;
	padding: 0 10px;
	width: 190px;
	font-size: 15px !important;
	border:none;
	border-radius: 4px;
	margin-top:20px;
	margin: 10px;
}
.roi-container.roi--landing .submit{
	display: none;
}
.roi-container.roi--landing .button.next{
	height: 42px;
	padding: 5px 20px;
	border-radius: 4px;
	margin: 10px;
}
.enter--email{
	position: relative;
}
label#email-error{
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: auto;
}
.roi-container .cnt{
	width: 100%;
	margin:0 auto;
}

.roi-container .cnt fieldset.enter--email{
	max-width: 700px;
}

.roi-container label.q,
.roi-container .q{
	font-size: 21px;
	font-weight: bold;
	max-width: 310px;
	display: block;
	text-align: left;
	color: #010101;
}
.roi-container .cnt fieldset{
	max-width: 550px;
	margin: 0 auto;
	border:none;
}
.roi-container .chk{
	display: block;
	padding: 10px 0;
}
.roi-container .cnt .submit{
	max-width: 550px;
	margin: 0 auto;
	text-align: left;
}
.pagination--container{
	position: relative;
	max-width: 550px;
	margin: 0 auto;
}
.roi-container .button.next,
.roi-container input[type="submit"]{
	display: inline-block;
	padding: 5px 20px;
	height: 42px;
	border-radius: 4px;
	background-color: #E8571E;
	color: #fff;
	margin: 20px 0 0;
	cursor: pointer;
	border: none;
}
.numeric{
	display: inline-block;
	max-width: 60px;
	border: 1px solid #d4d4d4;
	height: 39px;
	padding: 0 5px;
}
.numeric.long{
	width: 100%;
	max-width: 180px;
}
.res{
	display: block;
}

.no--capture .dotted--pagination,
.no--capture .pagination--n{
	display: block;
}

.pagination--n{
	color: #E8571E;
	display: none;
	position: absolute;
	top: 60px;
	right: 0;
}
.dotted--pagination{
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	right: 0;
	top: 100px;
}
.dotted--pagination li{
	margin-bottom: 15px;
	list-style: none;
	background-color: #e0e2e2;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: block;
}
.dotted--pagination li.active{
	background-color: #E8571E;
}
.label--error{
	color: #E8571E;
	font-size: 13px !important;
	padding-left: 10px;
}
@media (max-width:500px){
	.label--error{
		display: inline-block !important;
		padding-left: 0;
	}
}
.which-system label.label--error,
.how-many--employees label.label--error {
	display: none;
	color: #E8571E;
}
.submit small{
	padding-left: 15px;
	color: #a8a6a6;
	font-size: 14px;
}

.calc{
	display: none;
}

input.what-oms{
	height: 42px;
	border: 1px solid #d4d4d4;
	float: left;
	display: block;
	margin: 15px 0 0;
	width: 100%;
	max-width: 300px;
	padding: 0 5px;
}


.roi-container .which-system label.chk {
	text-align: left;
	padding-left: 20px;
}

.roi-container .which-system input[type="checkbox"]{
	margin-right: 11px;
	margin-left: -10px;
}
.roi-container .which-system input[type="checkbox"]:before {
	content: "";
	display: block;
	position: relative;
	background: url(../img/checkbox.png)no-repeat;
	width: 29px;
	height: 26px;
	top: -7px;
	left: -10px;
}
.roi-container .which-system input[type="checkbox"]:checked:before {
	content: "";
	display: block;
	position: relative;
	background: url(../img/checked.png)no-repeat;
	width: 29px;
	height: 26px;
	top: -7px;
	left: -10px;
}
.roi-container .inline--type{
	display: block;
	text-align: left;
	line-height: 42px;
	vertical-align: middle;
	margin: 5px 0;
}
.roi-container .how-many-employees label.nmr,
.roi-container .monthly-impression label.nmr,
.roi-container .sell-through label.nmr,
.roi-container .estimate--direct-sold--cpm label.nmr {
	text-align: left;
	font-size: 17px;
	color: #585858;
	float: left;
	display: inline-block;
	width: 100%;
	max-width: 170px;
}
.roi-container .sell-through label.nmr {
	max-width: 200px;
}
.roi-container .how-many--campaign input,
.roi-container .items-per--campaign input,
.roi-container .average--invoice-days input,
.roi-container .underdeliver--percentage input{
	margin-left: 20px;
}

@media (max-width: 340px){
	.roi-container .how-many--campaign input{
		margin-left: 0;
		display: block !important;
	}
}
.roi-container .result.last {
	background: #10b097 url(../img/roi-calc/_ROI_calculator_result_bg.png) bottom center no-repeat;
	max-width: 100%;
	display: block;
	padding-bottom: 80px;
}
.roi-container .result.last h3{
	color: #fff;
}
.roi-container .white--box{
	background-color: white;
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	padding: 35px;
}
.roi-container .white--box .res--sm {
	color: #7c7e7e;
	font-size: 16px;
	text-align: left;
	display: block;
}
.roi-container .white--box .res--sm.tt{
	margin-top: 20px;
}
.roi-container .white--box .res--line {
	color: #010101;
	position: relative;
	display: block;
	text-align: left;
	font-size: 20px;
	border-bottom: 1px solid #7c7e7e;
	padding: 15px 0;
}
.roi-container .white--box .res--line.nn {
	border-bottom: none;
}
.roi-container .white--box .res--cl{
	color: #0eaf96;
	position: absolute;
	right: 0;
}
.roi-container .percentage:before {
	content: "%";
	position: absolute;
	margin-left: -20px;
	color: #ccc;
}
.roi-container .re--calc {
	color: rgba(255,255,255,.7);
}
.roi-container .v--sl{
	margin-right: 15px;
}
@media (max-width:768px){
	.pagination--n,
	.dotted--pagination{
		right: 30px;
	}
}
@media (max-width: 600px){
	.roi-container #myform{
		padding: 0 25px 65px;
	}
	.pagination--n,
	.dotted--pagination{
		visibility: hidden;
	}
	.white--box .res--cl{
		position: relative !important;
		display: block;
	}
}
.roi-container .underline {
	font-weight: bold;
}
/* Whitepaper cta */
.whitepaper-cta-pop .cta--header{
	background-size: 100%;
	padding: 25px 0;
}
.whitepaper-cta-pop .cta--header h1{
	margin: 0;
	color: #fff;
}
.whitepaper-cta-pop .free--download{
	text-align: center;
}
.whitepaper-cta-pop .free--download h3{
	margin: 40px auto 15px;
	max-width: 90%;
}
.whitepaper-cta-pop .free--download p{
	font-size: 16px;
	color: #585858;
	max-width: 80%;
	margin:0 auto;
}
.whitepaper-cta-pop .form--container{
	margin: 20px auto;
	padding: 0;
	max-width: 450px;
	width: 100%;
	overflow: hidden;
}
.whitepaper-cta-pop .form--container li{
	float: left;
	display: inline-block;
}
.whitepaper-cta-pop .form--container li.fm--img{
	max-width: 40%;
}
.whitepaper-cta-pop .form--container li.fm--img img{
	max-width: 200px;
}
.whitepaper-cta-pop .form--container li.fm--gf{
	max-width: 60%;
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper{
	margin-top: -30px;
	margin-left: 15px
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper input{
	line-height: inherit;
	width: 100%;
	max-width: 230px;
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper .btn{
	width: 100%;
	max-width: 230px;
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper .validation_error{
	display: none;
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper .validation_message{
	color: #DB7B29;
	font-size: 13px;
	margin: 0 0 -15px 0;
}
.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper .gform_body ul li:last-child {
	padding: 0;
	max-width: 230px;
	width: 100%;
}
.whitepaper-cta-pop .form--container li.fm--gf .sell--n{
	padding: 0 15px;
	font-size: 12px;
	line-height: normal;
	color: #7c7e7e;
	text-align: center;
	max-width: 100%;
	margin-top: -10px;
}
.whitepaper-cta-pop .form--container .gform_confirmation_message{
	padding: 0 15px 20px;
	text-align: center;
	margin-top: 30px;
}

.whitepaper-cta-pop .form--container .gform_confirmation_message a{
	color: #DB7B29;
}
#whitepaper-cta-pop{
	display: none;
}

@media (max-width: 500px){
	.whitepaper-cta-pop .form--container li.fm--img {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.whitepaper-cta-pop .form--container li.fm--gf .gform_wrapper .gform_body ul li:last-child {
		max-width: 100%;
	}
	.whitepaper-cta-pop .form--container li.fm--gf {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.whitepaper-cta-pop .form--container li.fm--gf .sell--n {
		max-width: 100%;
	}
}
.hbspt-form{
	/*display: none;*/
}


/* Search page */
.navigation .search{
	position: relative;
	/*display: none;*/
}
.navigation .search i{
	/*color: #DB7B29;*/
	color: #DB7B29;
}
.navigation .search a{
	cursor: pointer;
}
.navigation .search a:hover{
	background: transparent !important;
}

.menu-item.search a.hover{
	background: transparent !important;
}

.menu-item.search .subnav-search{
	background: transparent;
	box-shadow: none;
	position: absolute;
	top: 75px;
	right: 0;
	display: none;
}

.menu-item.search.active .subnav-search{
	display: block;
}
.menu-item.search .subnav-search form{
	position: relative;
}
.menu-item.search .subnav-search ul{
	/*background: #DB7B29;*/
	background-color: #DB7B29;
	overflow: hidden;
	list-style: none;
	padding: 0;
}

.menu-item.search .subnav-search input{
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: rgba(0, 0, 0, 0.2);
	padding: 0 40px 0 15px;
	height: 32px;
	color: #fff;
	font-size: 14px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	vertical-align: middle;
}
.menu-item.search .subnav-search button{
	top: 0;
	padding: 0;
	width: 35px;
	right: 0;
	background: white;
	border: none;
	height: 32px;
	position: absolute;
	color: #DB7B29;
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}
.menu-item.search .subnav-search button:before {
	content: "\f105";
	font-size: 21px;
}


@media (max-width: 989px){
	.navigation .search a{
		display: none;
	}
	.menu-item.search .subnav-search{
		position: relative;;
		top: 0;
		right: 0;
		display: inline-block;;
	}
	.navigation .search{
		padding-right: 0;
		text-align: right;
	}
	.menu-item.search.active .subnav-search{
		display: inline-block;
	}
	.menu-item.search .subnav-search ul{
		background-color: transparent;
	}
	.menu-item.search .subnav-search ul input{
		background-color: #d0d0d0;
	}
	.menu-item.search .subnav-search ul button{
		background: #a1a1a1;
		color: #fff;
	}
}

@media (max-width: 1050px){
	.search-results-page .search-box{
		padding: 0 15px;
	}
}
.search-results-page {
	padding-top: 50px;
}
.search-results-page .not-found{
	padding: 0 15px;
}
.search-results-page .search-box form{
	position: relative;
	width: 100%;
	max-width: 320px;
}
.search-results-page .search-box input{
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: #dfdfdf;
	padding: 0 45px 0 15px;
	width: 100%;
	max-width: 320px;
	height: 42px;
	color: #787878;
	font-size: 18px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-results-page .search-box button{
	bottom: 0;
	padding: 0;
	width: 42px;
	margin-left: -4px;
	background: #959595;
	border: none;
	height: 42px;
	position: absolute;
	right: 0;
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}
.search-results-page .search-box button:before{
	content: "\f105";
	font-size: 24px;
}

.search-results-page .category-list li.current a{
	color: #0d222f;
}
.search-results-page .category-list ul li.current a:before{
	content: '';
	left: 0;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	background: #0d222f;
}

.menu-item.search .subnav-search input::-webkit-input-placeholder {
	color: white;
}
.menu-item.search .subnav-search input::-moz-placeholder {
	color: white;
}
.menu-item.search .subnav-search input:-ms-input-placeholder {
	color: white;
}
.menu-item.search .subnav-search input:-moz-placeholder {
	color: white;
}

/* Compete page template */
.the-compete-page .container{
	padding: 0 15px;
}

.the-compete-page .post-video-wrap {
	height: 243px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.the-compete-page .orange-pt{
	background: #DB7B29 url(../img/atom-140_bg_repeatable.png) no-repeat;
	position: relative;
	margin-bottom: 0;
	padding: 0 15px;
	margin: 0 auto;
	text-align: center;
	background-size: cover;
}
.the-compete-page .orange-pt .cs--cnt{
	width: auto;
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: bottom;
}
.the-compete-page .orange-pt .cs--cnt div{
	vertical-align: bottom;
	display: inline-block;
}
.the-compete-page .orange-pt .cs--cnt div.col-right{
	vertical-align: top;
	text-align: left;
	padding-bottom: 15px;
}
.the-compete-page .orange-pt .cs--cnt div.col-right h4{
	color: white;
	margin-bottom: 0;
	max-width: 300px;
}
.the-compete-page .orange-pt .cs--cnt div img{
	vertical-align: bottom;
}
/*Operative one page blue pt CTA */
.operative-one-page .orange-pt{
	background: #DB7B29 url(../img/atom-140_bg_repeatable.png) no-repeat;
	position: relative;
	margin-bottom: 0;
	padding: 0 15px;
	margin: 0 auto;
	text-align: center;
	background-size: cover;
}
.operative-one-page .orange-pt .cs--cnt{
	width: auto;
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: bottom;
}
.operative-one-page .orange-pt .cs--cnt div{
	vertical-align: bottom;
	display: inline-block;
}
.operative-one-page .orange-pt .cs--cnt div.col-right{
	vertical-align: top;
	text-align: left;
	padding-bottom: 15px;
}
.operative-one-page .orange-pt .cs--cnt div.col-right h4{
	color: white;
	margin-bottom: 0;
	max-width: 300px;
}
.operative-one-page .orange-pt .cs--cnt div img{
	vertical-align: bottom;
}

.operative-one-page .download-case-study .col-left.dup{
		display: none;
}

@media (max-width: 600px){
	.operative-one-page .download-case-study .col-left.org{
			display: none;
	}
	.operative-one-page .download-case-study .col-left.dup{
			display: block;
	}
	.operative-one-page .download-case-study .col-right{
			text-align: center !important;
	}
}
/*end blue */
.the-compete-page .compete--intro{
	background: #f6f6f6;
	text-align: center;
	padding: 45px;
}
.the-compete-page .compete--intro .cm-cnt{
	max-width: 90%;
	margin: 0 auto;
}
.the-compete-page .compete--intro h3{
	margin: 0;
	line-height: 1.5em;
	font-size:34px;
	color: #0d2331;
}
.the-compete-page .compete--intro p{
	line-height: 1.5em;
	font-size: 19px;
	color: #363636;
}
.the-compete-page .compete--intro .down--arrow{
	color: #DB7B29;
	font-size: 55px;
}
.the-compete-page .sec.fourth.center-aligned{
	padding: 40px 50px;
	text-align: center;
	background: white;
}
.the-compete-page .sec.fourth.center-aligned h4{
	line-height: 1.5em;
	margin: 0;
	color: #0d2331;
}
.the-compete-page .sec.sixth.center-aligned{
	padding: 30px 20px;
	text-align: center;
	background: white;
}
.the-compete-page .sec.sixth.center-aligned div div{
	max-width: 80%;
	margin: 0 auto;
}
@media (max-width: 600px){
	.the-compete-page .sec.sixth.center-aligned div div{
		max-width: 100%;
	}
}
.the-compete-page .sec.sixth.center-aligned p{
	font-size: 18px;
}
.the-compete-page .sec.sixth.center-aligned p{
	font-size: 18px;
}
.the-compete-page .sec.sixth h4 {
	font-size: 20px;
	line-height: 1.5em;
}
.the-compete-page .sec.sixth .checked {
	margin: 0 15px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	display: inline-block;
	font-size: 18px;
}
.the-compete-page .sec.sixth .checked i {
	color: #DB7B29;
	margin-right: 7px;
	vertical-align: bottom;
}
.the-compete-page .clr-box--container{
	overflow: hidden;
	display: flex;
}

.the-compete-page .clr--box{
	color: #fff;
	display: inline-block;
	width: 100%;
	max-width: calc((100% / 3) - 10px);
	margin-right: 15px;
	float: left;
	padding: 15px 20px;
	text-align: center;
}
.the-compete-page .clr--box.bx-1{
	background-color: #fa9a00;
}

.the-compete-page .clr--box.bx-2{
	background-color: #2eb195;
}
.the-compete-page .clr--box.bx-3{
	background-color: #0d2331;
}

.the-compete-page .clr--box-latest{
	color: #fff;
	display: inline-block;
	width: 100%;
	max-width: calc((100% / 3) - 10px);
	margin-right: 15px;
	margin-top: 15px;
	float: left;
	padding:0;
	text-align: left;
}
.the-compete-page .clr--box-latest img{
	width: 100%;
}
.the-compete-page .clr--box-latest h5{
	margin: 15px 0 5px;
	color: #0d2331;
	padding: 0 15px;
	font-size: 20px;
	line-height: 1.5em;
}

.the-compete-page .clr--box-latest:hover{
	background: #f6f6f6;
}
.the-compete-page .clr--box-latest p{
	color: #787a7a;
	line-height: 1.5em;
	margin: 0;
	padding: 0 15px;
}
.the-compete-page .clr--box-latest .learn-more{
	color: #DB7B29;
	padding: 0 15px;
	font-weight: 600;
}
@media (max-width: 600px){
	.the-compete-page .clr-box--container{
		display: block;
	}
	.the-compete-page .clr--box{
		display: block;
		max-width: 100%;
		margin:5px 0 5px 0;
	}
	.the-compete-page .clr--box-latest{
		display: block;
		max-width: 100%;
	}
}

.the-compete-page .clr--box:last-child,
.the-compete-page .clr--box-latest:last-child{
	margin-right: 0;
}
.the-compete-page .clr--box p{
	margin-top: 0;
	font-size: 18px;
	line-height: 1.3em;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.the-compete-page .download-case-study .col-left.dup{
		display: none;
}

@media (max-width: 600px){
	.the-compete-page .download-case-study .col-left.org{
			display: none;
	}
	.the-compete-page .download-case-study .col-left.dup{
			display: block;
	}
	.the-compete-page .download-case-study .col-right{
			text-align: center !important;
	}
}

.the-compete-page .divider-half{
	height: 1px;
  width: 70%;
  margin: 55px auto 45px;
  background: #e0e4e4;
  border: none;
}
.the-compete-page .more-resources-title{
	margin: 0 auto 40px;
	text-align: center;
	line-height: 1.5em;
}
.the-compete-page .end-cap h3{
	line-height: 1.5em;
}

.more-resources-section {
	max-width:1020px;
	margin:0 auto; padding:0 15px;
}

.more-resources-section .divider-half{
	width:70%; min-height:1px;
	margin:30px auto;
	border:0;
	background:#e0e4e4;
}

.more-resources-section .more-resources-title{
	margin: 0 auto 40px;
	text-align: center;
	line-height: 1.5em;
}

.more-resources-section .clr-box--container{
	overflow: hidden;
	display: flex;
}

.more-resources-section .clr--box-latest{
	color: #fff;
	display: inline-block;
	width: 100%;
	max-width: calc((100% / 3) - 10px);
	margin-right: 15px;
	margin-top: 15px;
	float: left;
	padding:0;
	text-align: left;
}

.more-resources-section .clr--box-latest img{
	width: 100%;
}
.more-resources-section .clr--box-latest h5{
	margin: 15px 0 5px;
	color: #0d2331;
	padding: 0 15px;
	font-size: 20px;
	line-height: 1.5em;
}

.more-resources-section .clr--box-latest:hover{
	background: #f6f6f6;
}
.more-resources-section .clr--box-latest p{
	color: #787a7a;
	line-height: 1.5em;
	margin: 0;
	/*padding: 0 15px;*/
}
.more-resources-section .clr--box-latest .learn-more{
	color: #DB7B29;
	padding: 0 15px;
	font-weight: 600;
}

@media (max-width: 600px){
	.more-resources-section .clr-box--container{
		display: block;
	}
	.more-resources-section .clr--box-latest{
		display: block;
		max-width: 100%;
	}
}

.more-resources-section.clr--box-latest:last-child{
	margin-right: 0;
}

.operative-one-page {
	
}

.operative-one-page .jumbotron {
	background: none;
	background-size: cover;
	height: 165px;
	padding: 20px 15px 35px;
}

@media (min-width: 1281px) {
	.operative-one-page .jumbotron {
		height: 250px;
	}
}

.operative-one-page .jumbotron sup {
	font-size: 40%;
	top: -1em;
}

.operative-one-page .jumbotron h3 {
	color: white;
	font-size: 50px;
	margin-bottom: 10px;
	margin-top: 15px;
}

@media (min-width: 1281px) {
	.operative-one-page .jumbotron h3 {
		margin-top: 40px;
	}
}


@media(max-width: 650px){
	.operative-one-page .jumbotron {
		height: auto;
	}
}

.operative-one-page .jumbotron p {
	font-size: 22px;
	font-weight: 400;
	color: white;
}

.operative-one-page .compete--intro h3 {

}

.operative-one-page .compete--intro p {

}

.operative-one-page .sec.fourth.center-aligned h4 {

}

.operative-one-page .compete--intro h3 {

}

.operative-one-page .compete--intro p {

}

#oop-jumbotron {
	background:#f5f5f5 url(/wp-content/themes/wpized-light/_ui/img/bg-placeholder.png) no-repeat scroll 50% 50%;
	background-size:cover;
	text-shadow:2px 2px 3px rgba(0,0,0,.25);
}

@media (min-width:600px) {
	#oop-jumbotron {
		min-height:250px;
		background-size:cover;
	}	
}

#oop-jumbotron h3 {
	font-size:35px;
}

@media (min-width:700px) {
	#oop-jumbotron h3 {
		font-size:50px;
		font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	}	
}

.oop-page-section-outer {
	padding:0 15px;
}

.oop-page-section {
	max-width:1050px;
	margin:0 auto; padding:0;
}

.op-one-content-block-outer {
	padding:20px 0 0;
}

@media (min-width:768px) {
	.op-one-content-block-outer {
		float:left;
		width:50%;
		padding:20px 0 10px;
	}
}

.op-one-content-block-outer:first-child {
	padding-top:0;
}

@media (min-width:768px) {
	.op-one-content-block-outer:first-child {
		padding-top:20px;
	}
}

.op-one-content-block-outer:nth-of-type(odd) {
	
}

@media (min-width:768px) {
	.op-one-content-block-outer:nth-of-type(odd) {
		clear:left;
	}
}

.op-one-content-block {
	padding:0 15px;
}

.op-one-content-block h3 {
	margin:0 0 10px;
	font-size:24px; color:#338092;
}

.op-one-content-block p {
	margin:0 0 10px;
}

.op-one-cb-icon {
	padding:0 0 10px;
}

.opp-client-logo {
	display:inline-block;
	padding:15px;
	vertical-align:middle;	
}

@media (min-width:569px) {
	.opp-client-logo {
		padding:20px 15px;
	}
}

#anchor-oo-next-section,
#anchor-compete-page-intro {
	/* do not style - for anchor use only */
}

#oop-content-section-1 {
	padding:20px 25px 25px; margin:15px 0 40px;
	background:#f6f6f6;
	font-size:17px; text-align:center;
}

@media (min-width:750px) {
	#oop-content-section-1 {
		padding:20px 50px 25px; margin:0 0 40px;
		font-size:20px;
	}	
}

#oop-content-section-1 h3 {
	
}

#oop-content-section-1 p {
	
}

#oop-content-section-1 .down--arrow {
	font-size:55px; 
	color:#DB7B29; text-align:center;
}

.color-block-outer {
	padding:20px 25px 25px; margin:0 0 1px;
	background:#2d7086;
}

.color-block {
	line-height:1.4;
	color:#fff;
}

.color-block h3 {
	margin:0;
	line-height:1.4;
	font-size:22px; color:#fff;
}

.color-block h3 .ss-icon {
	margin-right:12px;
	font-size:20px;
}

.color-block p {
	margin:10px 0 0;
}

h3.color-block-title {
	padding:0 0 0 30px;
	background:url(/wp-content/themes/wpized-light/_ui/img/icon-checkmark.png) no-repeat scroll 0 50%;
	background-size:20px auto;
}

.color-boxes-2-wrapper {
	padding:15px 0;
}

.color-block-2-outer {
	padding:0 0 15px;
}

@media (min-width:750px) {
	.color-block-2-outer {
		padding:0 0 15px;
	}	
}

.color-block-2 {
	color:#fff;
}

.cb-2-box-1 {
	text-align:center;
}

@media (min-width:750px) {
	.cb-2-box-1 {
		display:table-cell;
		width:30%;
		border-right:1px solid #fff;
		vertical-align:middle;
	}	
}

.cb-2-box-1.blue {
	background:#57caf4;
}

.cb-2-box-1.green {
	background:#21a88a;
}

.cb-2-box-1.orange {
	background:#DB7B29;
}

.cb-2-box-1.sea {
	background:#2d7086;
}

.cb-2-box-1.dark-blue {
	background:#0e2330;
}

.cb-2-box-1-inner {
	padding:30px 30px 30px;
}

.cb-2-box-1-inner h3 {
	margin:0;
	font-size:24px; font-weight:500;
	color:#fff;
}

.cb-2-box-2 {
	text-align:center;
}

@media (min-width:750px) {
	.cb-2-box-2 {
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}	
}

.cb-2-box-2 .btn-sea {
	background:#2d7086;
	background:rgba(45, 112, 134, 0.8);
}

.cb-2-box-2 .btn-sea:hover {
	background:#2d7086;
}

.cb-2-box-2.blue {
	background: rgba(87, 202, 244, 0.7);
}

.cb-2-box-2.green {
	background: rgba(33, 168, 138, 0.7);
}

.cb-2-box-2.orange {
	background: rgba(219,123,41, 0.8);
}

.cb-2-box-2.sea {
	background:rgba(45, 112, 134, 0.7);
}

.cb-2-box-2.dark-blue {
	background: rgba(14, 35, 48, 0.7);
}

.cb-2-box-2-inner {
	padding:10px 30px;
}

.cb-2-box-2-inner p {
	margin:15px 0;
}

.mr-box-excerpt-wrapper {
	padding:0 15px; margin:0;
	line-height:1.5em;
	color:#787a7a;
}

.s-a-col-1-inner {
	padding:0 0 10px;
}

@media (min-width:768px) {
	.s-a-col-1-inner {
		padding:10px 20px 25px;
	}	
}

#s-a-col-1-pic {
	/* needed by JavaScript */
}

.s-a-col-2-inner {
	text-align:left;
}

@media (min-width:768px) {
	.s-a-col-2-inner {
		padding:0 20px;
	}	
}

.s-b-content-box {
	padding:5px 0;
	color:#231f20;
}

@media (min-width:625px) {
	.s-b-content-box {
		display:inline-block;
		max-width:49%; width:100%;
		padding:5px 0 20px;
		vertical-align:top;
	}	
}

@media (min-width:800px) {
	.s-b-content-box {
		max-width:47%; width:100%;
		padding:5px 0 20px;
	}	
}

.s-b-content-box-inner {
	padding:0 15px;
}

@media (min-width:450px) {
	.s-b-content-box-inner {
		padding:0 30px;
	}	
}

.sbcb-box-1 {
	float:left;
	width:30%;
	padding:0 0 20px;
	text-align:right;
}

.sbcb-box-2 {
	float:right;
	width:70%;
	text-align:left;
}

.sbcb-box-2-inner {
	padding:0 0 0 15px;
}

@media (min-width:625px) {
	.sbcb-box-2-inner {
		padding:0 0 0 25px;
	}	
}

@media (min-width:800px) {
	.sbcb-box-2-inner {
		padding:0 0 0 25px;
	}	
}

.s-c-col-1-inner {
	padding:0 0 5px;
}

@media (min-width:768px) {
	.s-c-col-1-inner {
		padding:10px 20px 25px;
	}	
}

.s-c-col-2-inner {
	text-align:left;
}

@media (min-width:768px) {
	.s-c-col-2-inner {
		padding:0 20px;
	}	
}

.s-d-content-box {
	display:inline-block;
	max-width:250px; width:100%;
	padding:5px 0 15px;
	vertical-align:top;
	font-size:16px;
}

@media (min-width:700px) {
	.s-d-content-box {
		max-width:300px;
	}	
}

@media (min-width:1075px) {
	.s-d-content-box {
		max-width:199px;
	}	
}

.sdc-box-inner {
	overflow:auto;
	padding:0 25px;
	line-height:1.5;
}

@media (min-width:1075px) {
	.sdc-box-inner {
		padding:0 18px;
	}	
}

.sdcb-icon {
	
}

.s-e-content {
	padding:0 20px;
}

@media (min-width:575px) {
	.s-e-content {
		padding:0 12%;
	}	
}

.op-video-wrap {
	padding:0 40px; margin:0 0 24px;
	background:#010101;
}

.op-video-wrap-2 {
	padding:0 47px; margin:0 0 24px;
	background:#010101;
}

.wrapper-responsive-video {
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:25px;
	height:0;
}

.wrapper-responsive-video iframe {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
}

.op-content-styles {
	font-size:18px;
}

@media (min-width:575px) {
	.op-content-styles {
		font-size:19px;
	}	
}

@media (min-width:900px) {
	.op-content-styles {
		font-size:20px;
	}	
}

.op-content-styles h4 {
	margin:20px 0;
	line-height:1.5em;
	font-size:20px;
}

@media (min-width:575px) {
	.op-content-styles h4 {
		margin:30px 0;
		font-size:27px;
	}	
}

@media (min-width:900px) {
	.op-content-styles h4 {
		font-size:32px;
	}	
}

.op-content-styles ul {
	margin:15px 0; padding:0;
	list-style-type:none;
}

@media (min-width:575px) {
	.op-content-styles ul {
		margin:25px 0;
	}	
}

@media (min-width:900px) {
	.op-content-styles ul {
		padding:0;
	}	
}

.op-content-styles ul li {
	position:relative;
	margin:5px 0 5px; padding:0 0 0 26px;
	/*otu
	background:url(../img/icon-checkmark-4.png) no-repeat scroll 0 3px;*/
	font-weight:bold;
}

.op-content-styles ul li::before {
	position:absolute; top:0; left:0;
	margin:0; padding:0;
	content:"\f00c";
	font-family:FontAwesome;
	font-size:20px; font-weight:normal; 
	color:#DB7B29;
}

img.op-responsive-pic {
	max-width:100%; min-width:0; width:auto; height:auto;
	margin:0; padding:0;
	border:0;
}

.sw-fluid-option-1 {
	padding:5px 20px 40px;
	background:#f6f6f6;
	text-align:center;
}

.sw-fluid-option-2 {
	padding:10px 0;
	text-align:center;
}

@media (min-width:575px) {
	.sw-fluid-option-2 {
		padding:0;
	}	
}

.sw-fluid-option-2 h5 {
	margin:0;
	line-height:1.5em;
	font-size:20px; font-weight:bold;
}

@media (min-width:575px) {
	.sw-fluid-option-2 h5 {
		font-size:27px;
	}	
}

@media (min-width:900px) {
	.sw-fluid-option-2 h5 {
		font-size:32px;
	}	
}

.sw-fluid-option-2 h5 + p {
	margin-top:0;
}

.sw-fluid-option-3 {
	padding:10px 0 15px;
}

@media (min-width:575px) {
	.sw-fluid-option-3 {
		padding:5px 0 20px;
	}	
}

.sw-fluid-option-4 {
	padding:10px 20px 20px;
	background:#f6f6f6;
	text-align:center;
}

@media (min-width:575px) {
	.sw-fluid-option-4 {
		padding:5px 20px 20px;
	}	
}

.sw-fluid-option-4 ul li::before {
	color:#338092;
}

.sw-fluid-option-5 {
	padding:10px 20px 20px;
	background:#f6f6f6;
	text-align:center;
}

@media (min-width:575px) {
	.sw-fluid-option-5 {
		padding:5px 20px 20px;
	}	
}

.sw-fluid-option-6 {
	padding:10px 0 5px;
	text-align:center;
}

@media (min-width:575px) {
	.sw-fluid-option-6 {
		padding:5px 0 10px;
	}	
}

.sw-fluid-option-6 h5 {
	margin:0;
	line-height:1.5em;
	font-size:20px; font-weight:normal;
}

@media (min-width:575px) {
	.sw-fluid-option-6 h5 {
		font-size:22px;
	}	
}

@media (min-width:900px) {
	.sw-fluid-option-6 h5 {
		margin:0 0 8px;
		font-size:24px;
	}	
}

.sw-fluid-option-6 h5 + p {
	margin-top:0;
}

.sw-fluid-option-6 + .pattern-orange1 {
	margin-top:0; margin-bottom:40px;
}

.section-wrapper-fluid {
	
}

.col-50-percent {
	
}

@media (min-width:768px) {
	.col-50-percent {
		float:left;
		width:50%;
	}	
}

.text-color-blue {
	color:#338092;
}

.text-color-dark-blue {
	color:#0e2330;
}

.text-color-teal {
	color:#37b095;
}

.text-color-orange {
	color:#DB7B29;
}

.text-color-light-blue {
	color:#51bde4;
}
/*RESPONSIVE MENU CUSTOM STYLING*/
#responsive-menu-pro-container #responsive-menu-pro > li.responsive-menu-pro-item > a {
    border-top: 1px solid #424240 ;
    font-weight: 600 !important;
}
.responsive-menu-pro-inner, .responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after {
    height: 2px !important;
}
/*button#responsive-menu-pro-button:hover {
    opacity: .3 !important;
	filter: grayscale(100%);
}*/
@media screen and (max-width: 1024px) {
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-2 a.responsive-menu-pro-item-link {
    padding-left: 10% !important;
}
}
.slide-text {
	text-align: center;
}
.slide-text-head {
	background-color: rgba(255,255,255,.75);
	margin-bottom: 20px;
	display: inline-block;
	padding: 5px 10px;
	color: #045c7f;
	width:80%;
	max-width: 250px;
	font-size: 45px;
	line-height: 1.3em;
	clear: both;
}
.slide-text-body {
	background-color: rgba(255,255,255,.75);
	display: inline-block;
	padding: 5px 10px;
	color: #010101;
	line-height: 1.75em;
	width:80%;
	max-width: 250px;
	font-size:25px;
	margin-bottom: 10px;
}
@media screen and (min-width: 360px) {
	.slide-text-head {
		width:80%;
		max-width: 370px;
	}
	.slide-text-body {
		width:80%;
		max-width: 370px;
	}
}
@media screen and (min-width: 480px) {
	.slide-text-head {
		font-size: 40px;
		width:100%;
		max-width: 450px;
	}
	.slide-text-body {
		font-size: 18px;
		width:100%;
		max-width: 450px;
	}
}
@media screen and (min-width: 570px) {
	.slide-text-head {
		width:100%;
		max-width: 520px;
	}
	.slide-text-body {
		width:100%;
		max-width: 520px;
	}
}
@media screen and (min-width: 768px) {
	.slide-text-head {
		font-size: 50px;
		width:80%;
		max-width: 760px;
	}
	.slide-text-body {
		font-size: 20px;
		width:80%;
		max-width: 760px;
	}
}
@media screen and (min-width: 1024px) {
	.slide-text-head {
		font-size: 50px;
		width:80%;
		max-width: 850px;
	}
	.slide-text-body {
		font-size: 18px;
		width:80%;
		max-width: 850px;
	}
}
.btn-slide {
	display: inline-block;
	border-radius: 0px;
	color: #fff;
	font-size: 22px;
	line-height: 1.4em;
	font-weight:500;
	text-decoration: none;
	padding: 9px 20px 10px;
	min-width: 140px;
	text-align: center;
	border: none;
	margin: 10px 0;
	text-indent: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}

.btn-slide:hover {
}

.btn-slide:after {
	content: "\f105";
	font-weight: 300;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-left: 10px;
}

.gform_footer {
	text-align: center;
}

/* begin site search styles */
.sm-site-search-wrapper {
	display:none;
}

@media screen and (min-width:1025px) {
	.sm-site-search-wrapper {
		display:block;
		position:relative;
		max-width:1200px;
		margin:0 auto;	
	}
}

#sm-site-search {
	position:absolute; top:31px; right:19px; z-index:872190134;
	text-align:right;
}

#sm-ss-icon {
	display:inline-block;
	position:absolute; top:0; right:0;
	padding:11px 12px;
	line-height:1;
	font-size:18px;
	font-family:FontAwesome;
	color:#DB7B29;
	/*otu
	color:rgba(0,106,177,0.96); */
}

#sm-ss-icon:hover {
	background:#DB7B29;
	cursor:pointer;
	color:#fff;
}

#sm-ss-icon.sm-ss-icon-active {
	background:#DB7B29;
	color:#fff;
}

#sm-ss-box {
	display:none;
	position:absolute; top:40px; right:0;
	padding:1px;
	background:#DB7B29;
	box-shadow:0px 8px 15px 0 rgba(0,0,0,.1);
}

#sm-ss-box form {
	margin:0; padding:0;
}

#sm-ss-box input[type="text"] {
	box-sizing:border-box;
	width:auto; max-width:none; height:auto; max-height:none;
	padding:7px 10px;
	border:0;
	background:#fafafa;
	font-size:15px;
}

#sm-ss-box input[type="text"]:focus {
	outline:0;
}

/* end site search styles */ 









/* begin new FT styles */

.sm-hero-section-1-outer {
	padding:70px 15px;
	background:#0164a7 url(../img/bg-gradient-1.jpg) repeat-x scroll 50% 100%;
}

@media only screen and (min-width:768px) {
	.sm-hero-section-1-outer {
		padding:100px 15px;
	}	
}

#sm-hero-section-1 {
	max-width:1110px;
	margin:0 auto;
	line-height:1.7;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#fff; text-align:center;
}

#sm-hero-section-1 h1 {
	margin:0;
	line-height:1.375;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:25px; font-weight:300;
	color:#fff;
}

@media only screen and (min-width:575px) {
	#sm-hero-section-1 h1 {
		line-height:1.35;
		font-size:28px;
	}	
}

@media only screen and (min-width:1000px) {
	#sm-hero-section-1 h1 {
		line-height:1.3;
		font-size:32px;
	}	
}

#sm-hero-section-1 h1 strong {
	font-weight:700;
}

#sm-hero-section-1 p {
	margin:20px 0 0;
}

#sm-hero-section-1 a {
	color:#fff; text-decoration:underline;
}

#sm-hero-section-1 a:hover {
	color:#fff; text-decoration:none;
}

.sm-hero-s1-divider {
	
}

.sm-faq-content-section-outer {
	padding:0 10px;
}

@media only screen and (min-width:640px) {
	.sm-faq-content-section-outer {
		padding:0 15px;
	}	
}

.sm-faq-content-section {
	max-width:1110px;
	margin:0 auto;
}

.sm-faq-pl-group {
	padding:25px 0 0;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:20px; font-weight:300;
	text-align:center;
}

@media only screen and (min-width:650px) {
	.sm-faq-pl-group {
		font-size:20px;
	}	
}

@media only screen and (min-width:900px) {
	.sm-faq-pl-group {
		padding:25px 0 0;
		font-size:22px;
	}	
}

@media only screen and (min-width:1100px) {
	.sm-faq-pl-group {
		font-size:25px;
	}	
}

.sm-faq-pl-group:first-child {
	padding-top:45px;
}

@media only screen and (min-width:650px) {
	.sm-faq-pl-group:first-child {
		padding-top:50px;
	}	
}

@media only screen and (min-width:900px) {
	.sm-faq-pl-group:first-child {
		padding-top:40px;
	}	
}

.sm-faq-pl-group h2 {
	margin:0 0 28px; padding:0 0 13px;
	border-bottom:1px solid #0b222e;
	line-height:1.275;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:22px; font-weight:500;
	color:#0b222e;
}

@media only screen and (min-width:900px) {
	.sm-faq-pl-group h2 {
		margin:0 0 28px;
		line-height:1.25;
		font-size:25px; font-weight:300;
	}	
}

.sm-faq-pl-group p {
	margin:0 0 20px;
}

@media only screen and (min-width:650px) {
	.sm-faq-pl-group p {
		margin:0 0 35px;
	}	
}

.sm-faq-pl-group a {
	display:inline-block;
	padding:0 0 1px;
	border-bottom:1px solid #156aac;
	color:#156aac; text-decoration:none;
	transition:all .5s;
}

@media only screen and (min-width:650px) {
	.sm-faq-pl-group a {
		padding:0 0 4px;
	}	
}

.sm-faq-pl-group a:hover {
	border-bottom:1px solid transparent;
	color:#c95d00; text-decoration:none;
}

.sm-faq-cs-col {
	
}

@media only screen and (min-width:650px) {
	.sm-faq-cs-col {
		float:left;
		width:33.33%;
	}	
}

.sm-faq-cs-col-inner {
	overflow:auto;
	padding:0 15px;
}

.sm-faq-group {
	padding:15px 0 0; margin:0 0 25px;
	border-bottom:1px solid #ccc;
}

@media only screen and (min-width:1000px) {
	.sm-faq-group {
		padding:25px 0 0; margin:0 0 35px;
	}	
}

.sm-faq-group:nth-of-type(1) {
	padding-top:50px;
}

@media only screen and (min-width:1000px) {
	.sm-faq-group:nth-of-type(1) {
		padding-top:60px;
	}	
}

.sm-faq-group h2 {
	margin:0 0 17px;
	line-height:1.275;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:22px; font-weight:500;
	color:#0b222e;
}

@media only screen and (min-width:900px) {
	.sm-faq-group h2 {
		line-height:1.25;
		font-size:25px; font-weight:300;
	}	
}

.sm-faq-list-wrapper {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.sm-faq-q-and-a {
	padding:0 0 8px;
	border-top:1px solid #ccc;
}

.sm-faq-question {
	padding:8px 40px 0 0;
	line-height:1.35;
	background:url(../img/bg-arrow-1-a.png) no-repeat scroll 100% 15px;
	background-size:20px auto;
	font-size:19px;
	color:#156aac;
	transition:all .5s;
}

@media only screen and (min-width:900px) {
	.sm-faq-question {
		font-size:20px;
		background-position:100% 14px;
		background-size:auto;
	}	
}

.sm-faq-question:hover {
	color:#c95d00;
	cursor:pointer;
}

.sm-faq-question-active {
	padding-top:18px;
	background-image:url(../img/bg-arrow-1-b.png);
	background-position:100% 25px;
	color:#c95d00;
	transition:all .5s;
}

@media only screen and (min-width:900px) {
	.sm-faq-question-active {
		background-position:100% 24px;
	}	
}

.sm-faq-answer {
	line-height:1.7;
	font-size:16px;
	color:#7c7c7c;
}

.sm-faq-answer p, 
.sm-faq-answer ul,
.sm-faq-answer ol {
	margin-top:10px; margin-bottom:10px;
}

.sm-back-to-link-2 {
	margin:45px 0 20px;
	font-size:18px; font-weight:600;
	text-align:center;
}

@media only screen and (min-width:569px) {
	.sm-back-to-link-2 {
		font-size:20px;
	}
}

.sm-back-to-link-2 a {
	color:#c95d00; text-decoration:none;
	transition:all .5s;
}

.sm-back-to-link-2 a:hover {
	color:#156aac; text-decoration:none;
}

@media only screen and (min-width:569px) {
	
}

.hp-solutions-wrapper {
	max-width: 1400px;
	margin: 0 auto 20px;
}
.hp-solutions-boxes {
	text-align: center;
	
}
.hp-solution-box {
	max-width: 40%;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	margin: 10px 4.5%;
}
.hp-solution-box img {
	width: 100%;
	height: inherit;
	width: 70%;
	border-radius: 50%;
	border:3px solid #010101;
}
.hp-solutions-title {
	display: block;
	line-height: 1em;
	font-size: 16px;
	margin-top: 5px;
	font-weight: 600;
}

@media only screen and (min-width:480px) {
	.hp-solution-box {
		max-width: 30%;
		margin: 10px 1%;
	}
	
}
@media only screen and (min-width:768px) {
	.hp-solution-box {
		max-width: 22%;
		margin: 10px 1%;
	}
	
}
@media only screen and (min-width:970px) {
	.hp-solution-box {
		max-width: 17%;
		margin: 10px 1%;
	}
	
}
@media only screen and (min-width:1000px) {
	.hp-solution-box {
		max-width: 11%;
		margin: 10px 1%;
	}
	
}

.home-slider-operative {
	background: url(https://www.operative.com/wp-content/uploads/2018/02/Operative-Hero.jpg) no-repeat;
	background-size: cover;
	padding: 120px 20px;
	text-align: center;
}
.home-slider-operative img {
	max-width: 90%;
	height: inherit;
}
.home-button a{
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 17px;
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    padding: 7px 10px;
	margin-top: 20px;
	display: inline-block;
}
.home-button a:hover {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    border:1px solid #1a1a1a;
    color: #1a1a1a;
  	background:rgba(255,255,255,0.7);
  }

/*2018 sliders*/
.aos-logo {
	display:block; margin:15px auto;
  }
.aos-logo img {
	width:100%; max-width:150px !important; height:inherit;
}
.home-sliders-box-logo {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 40px;
	color: #010101;
}
.home-sliders-box-logo .home-button a{
	margin-top: 20px;
}
.home-slider-logo {
	width:90%;
	max-width: 500px;
}
.home-sliders-box {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	background-color:rgba(66,64,64,0.7);
	text-align: center;
	padding: 40px;
	color: #fff;
}

.home-sliders-box .home-button a{
    border: 1px solid #fff;
    color: #fff;
	margin-top: 20px;
}
.home-button-aos a {
	padding: 15px 10px !important;
}
.home-sliders-box .home-button a:hover {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    border:1px solid #fff;
    color: #fff;
  	background:rgba(0,0,0,0.7);
  }

.home-slider-head {
	font-size: 30px;
	line-height: 40px;
	display: block;
	text-align: center;
	margin-bottom: 12px;
	text-transform: uppercase;
}
.home-slider-head-black {
	color: #010101;
	text-transform: none;
}
.home-slider-body {
	font-size: 20px;
	line-height: 32px;
	display: block;
	text-align: center;
	font-weight: 100;
}
.home-slider-body-black {
	color: #010101;
}
.home-slider-event {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    color: #fff;
}
.slider-event-head {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 28px;
	display: block;
	text-align: center;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.slider-event-title {
	display: block;
	text-align: left;
	font-size: 19px;
	line-height: 25px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.slider-event-date {
	display: block;
	text-align: left;
	font-size: 16px;
	line-height: 22px;	
	margin-bottom: 5px;
}
.home-slider-event .home-button a {
    border: 1px solid #fff;
    color: #fff;
	margin-top: 10px;
	font-size: 17px;
	padding: 3px 8px;
}
.home-slider-event .home-button a:hover {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    border:1px solid #fff;
    color: #fff;
  	background:rgba(0,0,0,0.7);
  }
@media only screen and (min-width:778px) {
	.home-slider-head {
		font-size: 38px;
		line-height: 55px;
		margin-bottom: 5px;
	}
	.home-slider-body {
		font-size: 20px;
		line-height: 35px;
	}
	.slider-event-head {
		font-size: 27px;
		line-height: 32px;
	}
	.slider-event-title {
		font-size: 19px;
		line-height: 25px;
	}
	.slider-event-date {
		font-size: 16px;
		line-height: 22px;	
	}
}
.tagline-box {
  	width:100%;
  	background:#fff;
	padding: 35px 20px 20px;
	text-align: center;
  }
.home-tagline {
  	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	color: #DB7B29;	
    font-weight: 600;
	text-align: center;
	font-size: 20px;
	letter-spacing: 2px;
  }
a.down-arrow {
	font-size: 32px;
	display: inline-block;
	margin-top: 20px;
}
#home-solutions-section:target:before {
content:"";
display:block;
height:100px; /* fixed header height*/
margin:-100px 0 0; /* negative fixed header height */
}
@media only screen and (min-width:768px) {
	.home-slider-operative {
		padding: 150px 20px;
	}
	.home-tagline {
		font-size: 28px;
		letter-spacing: 5px;
	}
	.home-button a{
    	padding: 8px 15px;
		font-size: 20px;
		margin-top: 30px;
	}
}
@media only screen and (min-width:1000px) {
	.home-slider-operative {
		padding: 200px 20px;
	}
	.home-tagline {
		font-size: 32px;
		letter-spacing: 5px;
	}
	.home-button a{
    	padding: 10px 20px;
		font-size: 24px;
		margin-top: 40px;
	}
}
/* end new FT styles */
.icon-image {
	text-align: center;
	display: block;
}
.icon-image img {
	max-width: 60px;
	height: inherit;	
}

@media only screen and (min-width:768px) {
	.icon-image img {
		max-width: 65px;
		height: inherit;	
	}
}
@media only screen and (min-width:970px) {
	.icon-image img {
		max-width: 80px;
		height: inherit;	
	}
}





/* new product */

/* Style the navbar */
#product-nav {
  	overflow: hidden;
	text-align: center;
	padding: 20px 10px;
}
#product-nav .btn:after {
	content: "\f107";
}
.sticky {
}
.sticky + .content {
}


@media only screen and (min-width:768px) {
	/* The sticky class is added to the navbar with JS when it reaches its scroll position */
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
	}

	/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
	.sticky + .content {
		  padding-top: 60px;
	}
	#product-nav .btn {
		font-size: 17px;
	}
}

@media only screen and (min-width:1025px) {
	
	.sticky {
		margin-top:90px;
	}
}
.p-product-wrap {
}
.p-product-wrap h1 {
	font-size: 26px;
	line-height: 40px;
}
.p-product-wrap h2 {
	color: #585858;
	font-size: 23px;
	line-height: 36px;
}
.p-product-wrap, .p-product-wrap p {
	font-size: 16px;
	line-height: 26px;
}
.p-product-wrap li {
	margin: 7px 0;
}
@media only screen and (min-width:768px) {
	.p-product-wrap h1 {
		font-size: 32px;
		line-height: 42px;
	}
	.p-product-wrap h2 {
		font-size: 29px;
		line-height: 39px;
	}
	.p-product-wrap, .p-product-wrap p {
		font-size: 17px;
		line-height: 27px;
	}
}
@media only screen and (min-width:1000px) {
	.p-product-wrap h1 {
		font-size: 38px;
		line-height: 50px;
	}
	.p-product-wrap h2 {
		font-size: 35px;
		line-height: 47px;
	}
	.p-product-wrap, .p-product-wrap p {
		font-size: 18px;
		line-height: 28px;
	}
}
.p-wrap {
	
}
.p-content {
    max-width: 1170px; 
    margin: 0 auto; 
    padding: 20px 20px;	
}
@media only screen and (min-width:768px) {
	.p-content {
		padding: 40px 20px;	
	}
}
.p-content:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.clearfix:before {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.p-header-wrap {
	
}
.p-header-content {
	padding-bottom: 0px;
	text-align: center;
	
}
.p-header-content h1, .p-header-content h2 {
	margin-bottom: 0;
	margin-top: 15px;
}
.p-content-1c {
	
}
.p-content-2c {
	width: 100%;
	float: left;
}

@media only screen and (min-width:768px) {
	.p-content-2c {
		width: 50%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
	}	
}
.p-content-2c img {
	max-width: 100%;
}

/*****************************************/
/* Hero                                  */
/*****************************************/
.hero-wrap {
    background-position: center center;
    background-repeat:no-repeat;
    background-size: cover; 
}
.hero-content {
    text-align: center; 
    color: #fff;
    max-width: 1170px; 
    margin: 0 auto; 
    padding:30px 20px 30px;
}
.hero-content:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.hero-market-content { 
    padding:30px 20px 30px;
}

.p-hero-logo {
	max-width: 80%;
    margin-top:15px;
    margin-bottom:15px;
	max-height: 142px;
	width: inherit;
}
.hero-content h1 {
	font-size: 1.8em;
	margin: 0px 0 0px;
	line-height: 1.15em;
}
.hero-market-content h1 { 
    font-size: 26px;
	font-weight: 600;
}
.hero-content p {
	margin-top: 5px;
	margin-bottom: 8px;
}
.hero-market-content p { 
    font-size: 18px;
	margin-top: 10px;
	line-height: 1.35em;
}
@media only screen and (min-width:768px) {
	.hero-content {
		padding:40px 20px 10px;
	}
	.hero-market-content { 
		padding:100px 20px 80px;
	}
	.hero-market-content h1 { 
		font-size: 32px;
	}
	.hero-market-content p { 
		font-size: 24px;
	}
	.p-hero-logo {
		max-width: 100%;
		margin:5px 15px ;
		max-height: 142px;
		width: inherit;
	}
	.hero-content .btn {
		margin-bottom: 5px;
		margin-top: 5px;
	}
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4 {
	color:#fff;
}
.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4 {
	color:#010101;
}

.p-intro-wrap {
	
}
.p-intro-content {
	padding-bottom: 20px;
	padding-top:20px;
}
.p-intro-content p {
	font-size: 18px;
	line-height: 1.75em;
}
@media only screen and (min-width:768px) {
	.p-intro-content p {
		font-size: 22px;
	}
	
}

/*****************************************/
/* Product Logos                         */
/*****************************************/
.p-logos-wrap {
	
}

.p-logos-content {
	padding-top: 10px;
	padding-bottom: 6px;
	text-align: center;
}
.p-logos-content p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.p-partner-logo {
	vertical-align: middle;
    display: inline-block;
    padding: 5px 10px;
}

/*****************************************/
/* Countdown Timer                       */
/*****************************************/

.p-countdown-wrap {
    margin-top: 40px;
}
.p-countdown-content {
    text-align: center;
	border-top: 1px solid #010101;
	border-bottom: 1px solid #010101;
	padding-top:20px;
	padding-bottom: 20px;
	color:#f58858;
    
}
.p-countdown-content h2 {
	color: #010101;
	margin-top:0px;
}
.countdown-text {
    font-size: 32px;
    font-weight: 600;
}
.time-detail {
    font-size: .65em;
    margin-left:5px;
    margin-right:10px;
    font-weight: 400;
}
@media only screen and (min-width:768px) {
	.p-countdown-content h2 {
		font-size: 2em;
	}
	.countdown-text {
		font-size: 50px;
	}
	.time-detail {
	}
}

/*****************************************/
/* Stats                                 */
/*****************************************/
.stat-box {
	color: #010101;
}
.stat-header {
}
.stat-header h1 {
	color:#010101;
}
.stat-number {
	text-align: center;
	padding-top:15px;
}
.stat-number span {
	display: block;
}
.large-stat {
	font-size: 3.5em;
	line-height: 1em;
	font-weight: 600;
}
.stat-text {
	text-align: center;
}
.stat-text:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
@media only screen and (min-width:900px) {
	.stat-header {
		float: left;
		width: 50%;	
	}
	.stat-box {
		float: left;
		width: 50%;
	}
	.stat-text {
		float: left;
		width: 60%;	
		text-align: left;
	}
	.stat-number {
		float: left;
		width: 40%;
	}
}
/*****************************************/
/* Product CTA                           */
/*****************************************/

.cta-p-wrap {
	
}
.cta-p-content {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cta-p-content p {
	font-size: 1.25em;
	line-height: 1.5em;
}

/*****************************************/
/* Resources                             */
/*****************************************/

.p-resources-wrap {
	
}
.p-resources-content {
	text-align: center;
	max-width:1200px;
	padding-left: 0;
	padding-right: 0;
}
.p-resources-content h1 {
	color: #010101;
	font-size: 29px;
}
.p-resource-box {
	display: inline-block;
	width: 40%;
	padding: 2.5%;
}
.p-resource-image {
	width: 90%;
	margin: 3%;
	max-width: 400px;
}
@media only screen and (min-width:650px) and (max-width:990px) {
	.p-resource-image {
		width: 45%;
		max-width: 440px;
		margin: 1%;
	}
}
@media only screen and (min-width:990px) {
	.p-resource-image {
		width: 31%;
		margin: 1%;
		max-width: 440px;
	}
}
/* 4 RESOURCES CODE
.p-resource-box {
	display: inline-block;
	width: 40%;
	padding: 2.5%;
}
.p-resource-image {
	width: 90%;
	max-width: 440px;
	margin: 3%;
}
@media only screen and (min-width:650px) and (max-width:990px) {
	.p-resource-image {
		width: 45%;
		margin: 1%;
	}
}
@media only screen and (min-width:990px) {
	.p-resource-image {
		width: 440px;
		margin: 15px;
	}
}
*/

/*****************************************/
/* Tables                                */
/*****************************************/


@media only screen and (max-width:568px) {
	.p-table-desktop {
		display: none;
	}
}
@media only screen and (min-width:569px) {
	.p-table-mobile {
		display: none;
	}
	
}
@media only screen and (max-width: 568px){
	#templateColumns{
		width:100% !important;
	}
	.templateColumnContainer{
		display:block !important;
		width:100% !important;
	}
}
@media only screen and (max-width: 1000px){
	.p-content-2c #templateColumns{
		width:100% !important;
	}
	.p-content-2c .templateColumnContainer{
		display:block !important;
		width:100% !important;
	}
}


table.styled-table-grey {
	width:100%;
	margin:0 0 0px;
	border:0; border-collapse:collapse;
	border-top:1px solid #fff;
}

@media only screen and (min-width:569px) {
	table.styled-table-grey {
		margin:0 0 0px;
	}
}

@media only screen and (min-width:900px) {
	table.styled-table-grey {
		margin:0 0 0px;
	}
}

.styled-table-grey tr {
	/*border-bottom:1px solid #154763;*/
}

.styled-table-grey tr:nth-of-type(even) {
	background:#eaeaea;
}

.styled-table-grey tr:nth-of-type(odd) {
	background:#fff;
}

.styled-table-grey th {
	padding:7px 9px;
	color:#fff;
	background:#424240;
	font-size: 1.25em;
	line-height: 1.65em;
}

@media only screen and (min-width:569px) {
	.styled-table-grey th {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-grey th {
		padding:10px 16px;
	}
}

.styled-table-grey td {
	padding:7px 9px;
}

@media only screen and (min-width:569px) {
	.styled-table-grey td {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-grey td {
		padding:10px 16px;
	}
}

table.styled-table-orange {
	width:100%;
	margin:0 0 0px;
	border:0; border-collapse:collapse;
	border-top:1px solid #fff;
}

@media only screen and (min-width:569px) {
	table.styled-table-orange {
		margin:0 0 0px;
	}
}

@media only screen and (min-width:900px) {
	table.styled-table-orange {
		margin:0 0 0px;
	}
}

.styled-table-orange tr {
	/*border-bottom:1px solid #154763;*/
}

.styled-table-orange tr:nth-of-type(even) {
	background:#F7DDC7;
}

.styled-table-orange tr:nth-of-type(odd) {
	background:#fff;
}

.styled-table-orange th {
	padding:7px 9px;
	color:#fff;
	background:#424240;
	font-size: 1.25em;
	line-height: 1.65em;
}

@media only screen and (min-width:569px) {
	.styled-table-orange th {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-orange th {
		padding:10px 16px;
	}
}

.styled-table-orange td {
	padding:7px 9px;
}

@media only screen and (min-width:569px) {
	.styled-table-orange td {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-orange td {
		padding:10px 16px;
	}
}


table.styled-table-opone-orange {
	width:100%;
	margin:0 0 0px;
	border:0; border-collapse:collapse;
	border-top:1px solid #fff;
}

@media only screen and (min-width:569px) {
	table.styled-table-opone-orange {
		margin:0 0 0px;
	}
}

@media only screen and (min-width:900px) {
	table.styled-table-opone-orange {
		margin:0 0 0px;
	}
}

.styled-table-opone-orange tr {
	/*border-bottom:1px solid #154763;*/
}

.styled-table-opone-orange tr:nth-of-type(even) {
	background:#FDE7DE;
}

.styled-table-opone-orange tr:nth-of-type(odd) {
	background:#fff;
}

.styled-table-opone-orange th {
	padding:7px 9px;
	color:#fff;
	background:#424240;
	font-size: 1.25em;
	line-height: 1.65em;
}

@media only screen and (min-width:569px) {
	.styled-table-opone-orange th {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-opone-orange th {
		padding:10px 16px;
	}
}

.styled-table-opone-orange td {
	padding:7px 9px;
}

@media only screen and (min-width:569px) {
	.styled-table-opone-orange td {
		padding:8px 14px;
	}
}

@media only screen and (min-width:900px) {
	.styled-table-opone-orange td {
		padding:10px 16px;
	}
}

.table-text-header {
	font-size: 1.35em;
	line-height: 1.25em;
	color: #010101;
	font-weight: 600;
}
.orange-check {
	color:#f58858;
	font-size: 1.5em;
}
.grey-check {
	color:#969592;
	font-size: 1.5em;
}



/*****************************************/
/* Stroke Separator                      */
/*****************************************/

.p-stroke {
	border-top:1px solid #010101;
	max-width: 1200px; 
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	margin-top: 60px;
}
.p-stroke-black {
	border-top-color:#010101;
}
.p-stroke-dark-grey {
	border-top-color:#424240;
}
.p-stroke-grey {
	border-top-color:#969592;
}
.p-stroke-light-grey {
	border-top-color:#eaeaea;
}
.p-stroke-orange {
	border-top-color:#DB7B29;
}
.p-stroke-op-one-orange {
	border-top-color:#f58858;
}
.p-menu-content {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media only screen and (max-width:900px) {
	.p-menu-wrap {
		display: none;
	}
}

.section-jump:before {
content:"";
display:block;
height:200px; /* fixed header height*/
margin:-200px 0 0; /* negative fixed header height */
}


/*SCROLLSPY AFFIX NAV*/

/*SOLUTION COLUMNS*/

li.p-solution-box {
	text-align: center;
	padding:25px 10px;
	border: 1px solid #969592;
	margin: 0 0 -1px -1px;
	
}
@media only screen and (max-width:969px) {
}

@media only screen and (min-width:600px) and (max-width:969px) {
	li.p-solution-box {
		display: inline-block;
		width: 49%;
		text-align: center;
	}
}

@media only screen and (min-width:970px) {
	li.p-solution-box {       
		width: 32%;
		text-align: center;
		-ms-box-orient: horizontal;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-content: flex-end; 
		align-content: flex-end;
		-webkit-justify-content: center;
		justify-content: center;
			
	}
}
.p-solution-boxes {
	align-items: stretch;
	align-content: flex-end;
  	padding: 0;
  	margin: 0;
  	list-style: none;
  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: center;
}
.p-solution-box-inner {
	
}
.p-solution-boxes .btn {
	min-width: inherit;
}
.p-solution-image {
	
}
.p-solution-image img {
	
}
.p-solution-box p {
	font-size: 1.1em;
	margin: 7px auto;
}

/* end new product */

.op-main-title-2-spacer {
	
}

@media only screen and (min-width:1025px) {
	.op-main-title-2-spacer {
		padding:20px 0 0;
	}	
}

.op-main-title-2-outer {
	padding:20px;
	background:#41413f;
}

@media only screen and (min-width:900px) {
	.op-main-title-2-outer {
		padding:17px 20px;
	}	
}

.op-main-title-2 {
	max-width:1110px;
	margin:0 auto;
}

.op-main-title-2 h1 {
	margin:0;
	line-height:1.35;
	font-family:proxima-nova, sans-serif;
	font-size:23px; font-weight:100;
	color:#fff; text-transform:uppercase;
}

@media only screen and (min-width:569px) {
	.op-main-title-2 h1 {
		line-height:1.3;
		font-size:25px;
	}	
}

@media only screen and (min-width:1000px) {
	.op-main-title-2 h1 {
		line-height:1.2; letter-spacing:4px;
		font-size:30px;
	}	
}

.fpf-hero-section-outer {
	margin:0 0 40px; padding:40px 20px;
	background:#e5e5e5 url(../img/bg-circuit-board-3b.jpg) no-repeat scroll 50% 0;
}

@media only screen and (min-width:768px) {
	.fpf-hero-section-outer {
		margin:0 0 40px; padding:45px 40px;
		background:#e5e5e5 url(../img/bg-circuit-board-3.jpg) no-repeat scroll 50% 50%;
	}
}

.fpf-hero-section {
	max-width:1110px;
	margin:0 auto;
	font-weight:300;
	color:#000; text-align:center;
}

.fpf-hs-1 {
	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-1 {
		display:inline-block;
		width:25%;
		vertical-align:middle;
	}	
}

.fpf-hs-1-inner {
	padding:30px 40px; margin:0 0 40px;
	border:1px solid #959491;
	background:rgba(255,255,255,.65);
}

@media only screen and (min-width:650px) {
	.fpf-hs-1-inner {
		padding:10px 20px;
	}	
}

@media only screen and (min-width:768px) {
	.fpf-hs-1-inner {
		padding:10px 25px;
	}	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-1-inner {
		padding:0 20px 0 0; margin:0;
		border:0;
		background:transparent;
	}	
}

@media only screen and (min-width:1225px) {
	.fpf-hs-1-inner {
		padding:0 40px 0 0;
	}	
}

.fpf-hs-2 {
	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-2 {
		display:inline-block;
		width:75%;
		vertical-align:middle;
	}	
}

.fpf-hs-2-inner {
	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-2-inner {
		padding:0 0 0 20px;
	}	
}

@media only screen and (min-width:1225px) {
	.fpf-hs-2-inner {
		padding:0 0 0 40px;
	}	
}

.fpf-hs-info-box {
	overflow:auto;
}

@media only screen and (min-width:650px) {
	.fpf-hs-info-box {
		display:inline-block;
		max-width:25%;
		vertical-align:middle;
	}	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-info-box {
		display:block;
		max-width:none; width:auto;
		margin:25px 0;
	}	
}

@media only screen and (min-width:1100px) {
	.fpf-hs-info-box {
		margin:30px 0;
	}	
}

.fpf-hs-info-box-inner {
	padding:15px 0;
	font-size:18px;
}

@media only screen and (min-width:450px) {
	.fpf-hs-info-box-inner {
		font-size:20px;
	}	
}

@media only screen and (min-width:650px) {
	.fpf-hs-info-box-inner {
		padding:15px 20px;
		font-size:16px;
	}	
}

@media only screen and (min-width:768px) {
	.fpf-hs-info-box-inner {
		padding:15px 25px;
		font-size:17px;
	}	
}

@media only screen and (min-width:1000px) {
	.fpf-hs-info-box-inner {
		padding:0;
		font-size:20px;
	}	
}

.fpf-hs-ib-p-logo {
	
}

@media only screen and (min-width:650px) {
	.fpf-hs-ib-p-logo {
		max-width:100px; margin:0 auto;
	}
}

@media only screen and (min-width:1000px) {
	.fpf-hs-ib-p-logo {
		max-width:none;
	}
}

.op-quote-section-3-outer {
	margin:40px 0px;
	padding: 20px 15px 30px;
}

@media only screen and (min-width:569px) {
	.op-quote-section-3-outer {
		margin:40px 0px;
		padding: 20px 20px 30px;
	}	
}

.op-quote-section-3 {
	padding:0 0 40px;
	border-bottom:1px solid #959491;
	font-size:16px;
	color:#000; text-align:center;
}
.op-quote-section-3p {
	font-size:16px;
	color:#000; text-align:center;
}

@media only screen and (min-width:569px) {
	.op-quote-section-3 {
		max-width:1110px;
		margin:0 auto; padding:0 0 40px;
		font-size:18px;
	}	
	.op-quote-section-3p {
		max-width:1110px;
		margin:0 auto;
		font-size:18px;
	}	
}

.op-quote-section-3 p:last-child {
	margin-bottom:0;
}

.op-quote-s3-bg-1 {
	padding:0 0 0 35px;
	background-image:url(../img/bg-quote-orange-left.png);
	background-size:20px auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 8px;
}

@media only screen and (min-width:569px) {
	.op-quote-s3-bg-1 {
		padding:0 0 0 50px;
		background-image:url(../img/bg-quote-orange-left.png);
		background-size:auto;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0 30%;
	}	
}

.op-quote-s3-bg-2 {
	padding:0 35px 0 0;
	background-image: url(../img/bg-quote-orange-right.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 8px;
	background-size:20px auto;
}

@media only screen and (min-width:569px) {
	.op-quote-s3-bg-2 {
		padding:0 50px 0 0;
		background-image: url(../img/bg-quote-orange-right.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 30%;
		background-size:auto;
	}	
}

.op-quote-s3-name {
	color:#da7a28;
}

.op-f-page-section-outer {
	margin:40px 15px;
	font-size:16px;
}

@media only screen and (min-width:569px) {
	.op-f-page-section-outer {
		margin:40px 20px;
		font-size:18px; font-weight:300;
	}	
}

.op-f-page-section {
	padding:0 0 40px;
	border-bottom:1px solid #959491;
	text-align:center;
}

@media only screen and (min-width:569px) {
	.op-f-page-section {
		max-width:1110px;
		margin:0 auto; padding:0 0 40px;
		text-align:left;
	}	
}

.op-f-page-section::after { 
  content:"";
  display:block; 
  clear:both;
}

.op-f-page-section h2 {
	margin:0;
	color:#da7a28; text-transform:uppercase;
}

.op-f-page-section h3 {
	margin:0;
	color:#da7a28; text-transform:uppercase;
}

.op-f-page-section p {
	
}

.op-f-page-section p:last-child {
	margin-bottom:0;
}

.op-fpso-option-1 {
	font-size:18px;
	color:#000;
}

@media only screen and (min-width:569px) {
	.op-fpso-option-1 {
		font-size:20px; font-weight:300;
	}
}

@media only screen and (min-width:900px) {
	.op-fpso-option-1 {
		font-size:22px;
	}
}

.op-fp-cta-1 {
	font-size:19px;
	color:#da7a28; text-align:center;
}

@media only screen and (min-width:569px) {
	.op-fp-cta-1 {
		font-size:24px;
	}	
}



/*
COLOR CODES
*/

.background-black {
	background-color: #010101;
	background-color:rgb(1,1,1);
}
.background-dark-grey {
	background-color: #424240;
	background-color:rgb(66,66,64);
}
.background-grey {
	background-color: #969592;
	background-color:rgb(150,149,146);
}
.background-light-grey {
	background-color: #eaeaea;
	background-color:rgb(234,234,234);
}
.background-white {
	background-color: #fff;
	background-color:rgb(255,255,255);
}
.background-orange {
	background-color: #da7a28;
	background-color:rgb(218,122,40);
}
.background-orange-light {
	background-color:rgba(218,122,40,.12);
}
.background-op-one-orange {
	background-color: #DB7B29;
	background-color:rgb(245,136,88);
}
.background-op-one-orange-light {
	background-color:rgba(245,136,88,.12);
}
.background-compete {
	background-color: #F58858;
	background-color:rgb(245,136,88);	
}
.background-compete-light {
	background-color:rgba(245,136,88,.12);	
}
.background-connect {
	background-color: #F58858;
	background-color:rgb(245,136,88);	
}
.background-connect-light {
	background-color:rgba(245,136,88,.12);	
}
.background-broadway {
	background-color: #FAAF7B;
	background-color:rgb(250,175,123);	
}
.background-broadway-light {
	background-color:rgba(250,175,123,.12);	
}
.background-onair {
	background-color: #D25527;
	background-color:rgb(210,85,39);	
}
.background-onair-light {
	background-color:rgba(210,85,39,.12);	
}
.background-mediapro {
	background-color: #AE3924;
	background-color:rgb(174,57,36);	
}
.background-mediapro-light {
	background-color:rgba(174,57,36,.12);	
}
.background-ibms {
	background-color: #71BDD7;
	background-color:rgb(113,189,215);	
}
.background-ibms-light {
	background-color:rgba(113,189,215,.12);	
}
.background-sims {
	background-color: #106E84;
	background-color:rgb(16,110,132);	
}
.background-sims-light {
	background-color:rgba(16,110,132,.12);	
}
.background-nestor {
	background-color: #93CE97;
	background-color:rgb(147,206,151);	
}
.background-nestor-light {
	background-color:rgba(147,206,151,.12);	
}
.background-medea {
	background-color: #499153;
	background-color:rgb(73,145,83);
}
.background-medea-light {
	background-color:rgba(73,145,83,.12);
}
.text-dark {
	color: #010101;
}
.text-light {
	color: #fff;
}

.text-light-grey, .text-light-grey h1 {
	color: #eaeaea;
	color:rgb(234,234,234);
}
.text-grey, .text-grey h1 {
	color: #969592;
	color:rgb(150,149,146);
}
.text-dark-grey, .text-dark-grey h1 {
	color: #424240;
	color:rgb(66,66,64);
}
.text-white, .text-white h1 {
	color: #fff;
	color:rgb(255,255,255);
}
.text-black, .text-black h1 {
	color: #010101;
	color:rgb(1,1,1);
} 
.text-orange, .text-orange h1, .text-orange-light, .text-orange-light h1 {
	color: #da7a28;
	color:rgb(218,122,40);
}
.text-op-one-orange, .text-op-one-orange h1, .text-op-one-orange-light, .text-op-one-orange-light h1 {
	color: #DB7B29;
	color:rgb(245,136,88);
}
.text-compete, .text-compete h1, .text-compete-light, .text-compete-light h1 {
	color: #F58858;
	color:rgb(245,136,88);	
}
.text-connect, .text-connect h1, .text-connect-light, .text-connect-light h1 {
	color: #F58858;
	color:rgb(245,136,88);	
}
.text-broadway, .text-broadway h1, .text-broadway-light, .text-broadway-light h1 {
	color: #FAAF7B;
	color:rgb(250,175,123);	
}
.text-onair, .text-onair h1, .text-onair-light, .text-onair-light h1 {
	color: #D25527;
	color:rgb(210,85,39);	
}
.text-mediapro, .text-mediapro h1, .text-mediapro-light, .text-mediapro-light h1 {
	color: #AE3924;
	color:rgb(174,57,36);	
}
.text-ibms, .text-ibms h1, .text-ibms-light, .text-ibms-light h1 {
	color: #71BDD7;
	color:rgb(113,189,215);	
}
.text-sims, .text-sims h1, .text-sims-light, .text-sims-light h1 {
	color: #106E84;
	color:rgb(16,110,132);	
}
.text-nestor, .text-nestor h1, .text-nestor-light, .text-nestor-light h1 {
	color: #93CE97;
	color:rgb(147,206,151);	
}
.text-medea, .text-medea h1,.text-medea-light, .text-medea-light h1 {
	color: #499153;
	color:rgb(73,145,83);
}