/* CUSTOM STYLE */
._dk-hide {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 768px) {
    ._dk-hide {
        display: initial;
        opacity: 1;
        visibility: visible;
    }

    ._m-hide {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}


._hide {
   /* display: none;*/
    opacity: 0;
    visibility: hidden;
}
._show {
    display: initial;
    opacity: 1;
    visibility: visible;
}
#footer
{
	text-align: center;
}
#footer .sidebar-block div.col{
	width: 100%;
}
#footer .sidebar-block h3{
	color: #dddddd;
}
#footer .footer-logo{
	padding: 6px 0 27px;
}
#footer .menu-footer-column-menu-container .menu-item
{
	display: inline-block;
	padding: 0 10px 13px 10px;
}
#footer .sidebar-block .widget h3{
	margin-bottom: 15px;
}
#footer  .first-block .info-text
{
	max-width: 960px;
	margin: auto;
	font-size: 0.95em;
	line-height: 1.8em;
	padding: 0 15px;
	color: #dddddd;
}
#footer .footer-list li:before {
	top: 6px;
	height: 16px;
	content: "";
	background: #535353;
	width: 1px;
	position: absolute;
	left: 0;
	display: block;
}

@media (max-width: 768px){
	#footer .menu-footer-column-menu-container .menu-item{
		width: 100%;
	}
	#footer .copyright{
		max-width: 250px;
		line-height: 22px;
		display: inline-block;
	}
}
@media (max-width: 1174px){
	#footer #menu-footer-column-menu li { font-size: 15px; }
}

@media (max-width: 1023px){
    #footer .footer-list li:before
    {
        top: 3px;
        height: 14px;
    }
	#footer #menu-footer-column-menu li {
		font-size: 15px;
		padding: 0 6px 13px 6px;
	}
}
/*
Theme Name: RealtyTracGroup
Author: Anonymous
Author URI:
Version: 7.6
Description: RealtyTracGroup theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: realtytracgroup
Tags: one-column, two-columns
Theme URI:
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: 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/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

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

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

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* 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: .67em 0;
}

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

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

/**
 * 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: -.5em;
}

sub {
	bottom: -.25em;
}

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

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

img {
	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.
 */

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

/**
 * 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: .35em .625em .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;
}

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?bj5s7j");
	src: url("fonts/icomoon.eot?bj5s7j#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?bj5s7j") format("truetype"), url("fonts/icomoon.woff?bj5s7j") format("woff"), url("fonts/icomoon.svg?bj5s7j#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-right-arrow-outline-symbol:before {
	content: "\e90a";
}

.icon-check-mark:before {
	content: "\e902";
}

.icon-right-arrow:before {
	content: "\e900";
}

.icon-left-arrow:before {
	content: "\e901";
}

.icon-keyboard_arrow_left:before {
	content: "\e909";
}

.icon-keyboard_arrow_right:before {
	content: "\e908";
}

.icon-close:before {
	content: "\e907";
}

.icon-angle-down:before {
	content: "\e906";
}

.icon-linkedin:before {
	content: "\e905";
}

.icon-twitter:before {
	content: "\e904";
}

.icon-facebook:before {
	content: "\e903";
}

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

.clearfix:after,
dl:after,
#twocolumns:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.container:after,
.team-list a:after,
.table-elements .row:after,
.attom-info .col-holder:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	max-height: 1000000px;
}

body {
	color: #797979;
	background: #fff;
	font: 18px/1.6667 "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.gm-style img {
	max-width: none;
}

a[href^=tel],
a[href^=fax],
a[href^=skype],
a[href^=sms] {
	color: inherit;
	text-decoration: none;
}

a[href^=tel]:hover,
a[href^=fax]:hover,
a[href^=skype]:hover,
a[href^=sms]:hover {
	color: #ee4036;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
	margin: 0 0 1.6667em;
}

blockquote {
	border-left: 4px solid #7ba0a8;
	padding-left: .5em;
	margin-left: 1.6667em;
}

th,
td {
	border: 1px solid #7ba0a8;
	padding: .5em;
	text-align: left;
	vertical-align: top;
}

th {
	text-align: center;
	vertical-align: middle;
}

ul,
ol {
	padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 3em;
	margin: 0;
}

ul {
	list-style-type: disc;
	padding: 0;
}

ul > li {
	list-style: none;
	position: relative;
	padding: 0 0 0 25px;
}

ul > li:after {
	content: "\e902";
	font-family: "icomoon";
	color: #7ba0a8;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 400;
}

dl dt {
	float: left;
	clear: left;
	padding-right: .3em;
	font-weight: bold;
}

dl dd {
	overflow: hidden;
}

pre {
	max-width: 100%;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #7ba0a8;
	padding: .4em .7em;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #000;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #7ba0a8;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #7ba0a8;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #7ba0a8;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #7ba0a8;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
	color: #7ba0a8;
}

select {
	-webkit-border-radius: 0;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

#twocolumns {
	padding: 118px 0 0;
}

#twocolumns #content {
	float: left;
	width: 70%;
}

#twocolumns #content:only-child {
	float: none;
	width: 100%;
}

#twocolumns #sidebar {
	float: right;
	width: 25%;
}

.embed-responsive {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.embed-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.widget {
	margin-bottom: 1.6667em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	width: 100%;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
	margin-bottom: 4px;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form {
	margin-bottom: 15px;
}

.search-form input {
	float: left;
	height: 2em;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 150px;
	text-overflow: ellipsis;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: transparent;
	color: #7ba0a8;
	height: 2em;
	padding: 0 .5em;
	border: 1px solid #7ba0a8;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	color: #ee4036;
}

.commentlist {
	margin: 0 0 1.6667em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.6667em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.6667em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.6667em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 48%;
	background: transparent;
	padding: .4em;
	text-decoration: none;
	border: 1px solid #7ba0a8;
	-webkit-transition: color .3s;
	transition: color .3s;
	color: #7ba0a8;
}

.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover {
	color: #ee4036;
}

.navigation a,
.navigation-comments a {
	color: #7ba0a8;
}

.navigation-single {
	margin-bottom: 1.6667em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 48%;
	background: transparent;
	text-decoration: none;
	border: 1px solid #7ba0a8;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.navigation-single .next:hover a,
.navigation-single .prev:hover a {
	color: #ee4036;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: #7ba0a8;
	text-decoration: none;
	padding: .4em;
	display: block;
}

.navigation-single .next {
	float: right;
}

.navigation-single a {
	color: #7ba0a8;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #7ba0a8;
	padding: .4em;
	margin-bottom: 1.6667em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.6667em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.6667em 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.6667em;
}

.mejs-container {
	margin-bottom: 1.6667em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 .65em;
}

h2,
.h2 {
	font-size: 24px;
	font-weight: 400;
}

h3,
.h3 {
	font-size: 22px;
}

h4,
.h4 {
	font-size: 21px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #ee4036;
}

a:hover,
a:focus {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

/* html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none} */

/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

/* html,body{
	width:100%;
	height:100%;
	background:#111;
}

html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
  font:normal 75% Arial, Helvetica, sans-serif;
} */

canvas {
	display: block;
	vertical-align: bottom;
}

/* ---- particles.js container ---- */

.particles-js {
	width: 100%;
	height: 100%;
	background-color: #06182d;
	background-image: url("");
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #525252;
	text-shadow: none;
	border-radius: 0;
	padding: 0 !important;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 0 19px rgba(0, 0, 0, .3);
}

.fancybox-outer {
	overflow: hidden !important;
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url("images/fancybox/fancybox_sprite.png");
	display: none;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("images/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("images/fancybox/blank.gif"); /* helps IE */
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("images/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, .8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.element-fancybox .fancybox-skin {
	background: rgba(0, 0, 0, .65);
	border: 2px solid #fff;
}

.element-fancybox .lightbox-holder {
	width: 586px;
	color: #fff;
	text-align: center;
	padding: 86px 45px 93px;
	line-height: 1.382;
}

.element-fancybox .lightbox-holder:after {
	display: none;
}

.element-fancybox .lightbox-holder .item {
	background: rgba(238, 64, 54, .62);
	margin: 0 0 43px;
	width: 106px;
	font-size: 14px;
	line-height: 16px;
}

.element-fancybox .lightbox-holder .item p{
	width: 100%;
}
.element-fancybox .lightbox-holder .item .item-holder {
	height: 104px;
}

.element-fancybox .lightbox-holder .item.item-2 {
	background: rgba(52, 255, 176, .62);
}

.element-fancybox .lightbox-holder .item.item-3 {
	background: rgba(0, 112, 0, .62);
}

.element-fancybox .lightbox-holder .item.item-4 {
	background: rgba(255, 138, 0, .62);
}

.element-fancybox .lightbox-holder .item.item-5 {
	background: rgba(4, 51, 170, .62);
}

.element-fancybox .lightbox-holder .item.item-6 {
	background: rgba(0, 180, 255, .62);
}

.element-fancybox .lightbox-holder .item.item-7 {
	background: rgba(69, 62, 152, .62);
}

.element-fancybox .lightbox-holder .item strong {
	font-size: 30px;
}

.element-fancybox .lightbox-holder .item strong:first-letter {
	font-size: 48px;
}

.element-fancybox .lightbox-holder h2 {
	margin: 0 0 32px;
}

.element-fancybox .fancybox-prev,
.element-fancybox .fancybox-next {
	height: auto;
	width: auto;
	top: 84px;
	left: 62px;
}

.element-fancybox .fancybox-prev:after,
.element-fancybox .fancybox-next:after {
	content: "\e909";
	font-family: "icomoon";
	color: #ee4036;
	font-size: 65px;
}

.element-fancybox .fancybox-prev:hover:after,
.element-fancybox .fancybox-next:hover:after {
	color: #fff;
}

.element-fancybox .fancybox-next {
	left: auto;
	right: 62px;
}

.element-fancybox .fancybox-next:after {
	content: "\e908";
}

/*Retina graphics!*/

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.container {
	max-width: 1286px;
	padding: 0 45px;
	margin: 0 auto;
}

#header {
  background-color: #1d1d1d;
	padding: 22px 0 24px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

.logo {
	float: left;
}

.logo img {
	vertical-align: top;
}

#nav {
	float: right;
	max-width: 72%;
	text-align: right;
	padding: 16px 0 0;
	margin: 0 -13px 0 0;
}

.nav-drop > ul {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.111;
}

.nav-drop > ul > li {
	padding: 0 16px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.nav-drop > ul > li.active > a {
	color: #ee4036;
}

.nav-drop > ul > li > a {
	text-decoration: none;
	color: #fff;
}

.nav-drop > ul > li > a:hover {
	color: #ee4036;
}

.nav-drop > ul > li:hover ul {
	visibility: visible;
	opacity: 1;
}

.nav-drop > ul li:after {
	display: none;
}

.nav-drop > ul ul {
	padding: 16px 0 0;
	text-align: center;
	width: 200px;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s;
}

.nav-drop > ul ul:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 11px 6px;
	border-color: transparent transparent #797979 transparent;
}

.nav-drop > ul ul li {
	margin: 0 0 10px;
	padding: 0;
}

.nav-drop > ul ul li.active a:after {
	content: "";
	background: #ee4036;
	position: absolute;
	height: 4px;
	width: 100%;
	bottom: 0;
	left: 0;
}

.nav-drop > ul ul a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #797979;
	padding: 17px 20px;
	position: relative;
}

.nav-drop > ul ul a:hover {
	background: #ee4036;
}

.nav-opener {
	float: right;
	width: 26px;
	height: 20px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	margin: 6px 0 0;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
	background: #ccc;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.nav-opener:before,
.nav-opener:after {
	content: "";
	top: 8px;
}

.nav-opener:after {
	top: 16px;
}

.nav-active .nav-opener span {
	opacity: 0;
}

.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px;
	left: 0;
	right: 0;
	background: #ee4036;
}

.nav-active .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-active .nav-drop {
	max-height: 1000px;
}

.resize-active .nav-drop {
	-webkit-transition: none !important;
	transition: none !important;
}

.visual {
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 1.3333;
	color: #d6d6d6;
	border-bottom: 10px solid #797979;
}

.visual .bg-stretch:after {
	content: "";
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .3) 64%, rgba(0, 0, 0, .5) 83%, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .3) 64%, rgba(0, 0, 0, .5) 83%, rgba(0, 0, 0, .8) 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.visual h1 {
	color: #fff;
}

.visual p {
	margin: 0 0 2.8em;
}

.visual .arrow-down {
	position: absolute;
	bottom: 17%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	display: none;
}

.visual.visual-media .visual-text {
	padding: 100px 0 95px;
}

.visual.visual-media .bg-stretch:after {
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .7) 64%, rgba(0, 0, 0, .95) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .7) 64%, rgba(0, 0, 0, .95) 100%);
}

.visual.visual-media .logo-holder {
	margin: 0 0 26px;
}

.visual.visual-data {
	border-color: #464646;
}

.visual.visual-data .visual-text {
	height: 674px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.visual.visual-data .visual-text .container {
	max-width: 1286px;
}
.visual.visual-data .visual-text .container > .item > .item-holder > p,.table-elements .slideset .row > .item > .item-holder > p, .popup-holder item-holder > p
{
	max-width: 100%;
}

.visual.visual-data .bg-stretch:after {
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .2) 64%, rgba(0, 0, 0, .1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .2) 64%, rgba(0, 0, 0, .1) 100%);
}

.logo-animation {
	max-width: 558px;
	margin: 0 auto;
}

.bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% center;
	background-repeat: no-repeat;
}

.visual-text {
	position: relative;
	height: 672px;
	padding: 100px 0 53px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.visual-text .container {
	max-width: 910px;
	width: 100%;
}

.arrow-down {
	text-decoration: none;
	color: #ccc;
	font-size: 41px;
	font-weight: 700;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.arrow-down:hover {
	color: #ee4036;
}

.home #header {
	background: none;
}

.home .logo {
	display: none;
}

.home #nav {
	padding: 3px 0 0;
}

.home .visual h1 {
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	border-bottom: 0;
}



.home .visual .bg-stretch:after {
	content: "";
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.home .visual-text {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 758px;
	padding: 170px 0 53px;
}

.home .visual-text .container {
	max-width: 1286px;
}

.home .logo-holder {
	margin: 0 0 56px;
}

.home .websites-box {
	border-bottom: 10px solid #464646;
}

 .mark{
             background-color: rgba(0, 0, 0, 0.7);
            position: fixed;
            top: 0;
            text-align: center;
            width: 120%;
            height: 100%;
            z-index: 9999999999;
            left: -10%;
        }
        .mark .videoContainer
        {
             display: inline-block;
            vertical-align: middle;
            position:fixed;
	    left: 50%;
	    top: 50%;
	    -ms-transform: translate(-50%,-50%);
	    -moz-transform:translate(-50%,-50%);
	    -webkit-transform: translate(-50%,-50%);
 	    transform: translate(-50%,-50%););
        }

      .mark .videoContainer .icon-cross
        {
           width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 15px;
    position: absolute;
    right: -8px;
    top: -7px;
    display: block;
    background-color: rgba(80, 80, 80, 1);
    cursor: pointer;
    color: white;
    padding: 2px 3px;

        }
.description-box .btn-more
{
	    cursor: pointer;
}
.mark .videoContainer iframe
{
border: 5px solid rgba(70, 70, 70, 1)
}
        .icon-cross:before
        {
            content: "\e907";
        }
        .mark .videoContainer .icon-cross:hover{
            background-color:rgba(180, 180, 180, 0.7);
        }

.brand-page #header {
	background: none;
}

.brand-page .visual {
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	border-bottom: 0;
}

.brand-page .visual .bg-stretch:after {
	display: none;
}

.brand-page .visual-text {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 758px;
	padding: 175px 0 36px;
}

.brand-page .visual-text .container {
	max-width: 1286px;
}

.brand-page .logo-holder {
	margin: 0 0 59px;
}

.brand-page p {
	margin: 0 0 20px;
}

.logo-holder {
	margin: 0 0 23px;
}

.logo-holder img {
	vertical-align: top;
}

.btn {
	display: inline-block;
	vertical-align: top;
	background: transparent;
	border: 2px solid #fff;
	font-size: 22px;
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	padding: 17px 13px;
	min-width: 327px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn:hover {
	color: #ee4036;
}

.btn.btn-more {
	text-transform: capitalize;
	padding: 14px 13px;
}

.btn.btn-more:hover .icon-right-arrow {
	color: #ee4036;
}

.btn.btn-more .icon-right-arrow {
	display: inline-block;
	vertical-align: middle;
	font-size: 19px;
	margin: 0 6px 2px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn.btn-large {
	font-size: 50px;
	line-height: 52px;
	padding: 13px 35px;
}

.list {
	font-size: 20px;
	text-align: left;
	margin: 0;
}

.list li {
	padding: 0 0 20px 38px;
}

.list li:after {
	font-size: 25px;
}

.list.second-list {
	font-weight: 600;
	font-size: 30px;
	line-height: 32px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}

.list.second-list li {
	padding: 0 0 23px 38px;
}

.list.second-list li:after {
	color: #f8a644;
}

.section-list {
	position: relative;
	color: #fff;
	padding: 51px 0 22px;
	border-bottom: 10px solid #797979;
}

.section-list .container {
	position: relative;
	max-width: 1144px;
	min-height: 289px;
}

.section-list .text-holder {
	text-align: center;
	padding: 0 349px 0 0;
}

.section-list .image-holder {
	position: absolute;
	right: 46px;
	bottom: -22px;
	z-index: 5;
	max-width: 284px;
}

.section-list .image-holder img {
	vertical-align: top;
}

.section-list .image-holder.image-holder-2 {
	max-width: 365px;
	right: -35px;
}

.section-list.section-list-2 .image-holder {
	max-width: 365px;
	right: -35px;
}

.section-list.section-list-3 {
	padding: 121px 0 22px;
}

.section-list.section-list-3 h1 {
	font-size: 60px;
	line-height: 62px;
	margin: 0 0 18px;
}

.section-list.section-list-3 .heading {
	font-size: 30px;
	line-height: 37px;
	max-width: 500px;
	margin: 0 auto;
}

.section-list.section-list-3 .heading h1 {
	font-weight: 600;
}

.section-list.section-list-3 .text-holder {
	padding: 0 391px 0 0;
}

.section-list.section-list-3 .container {
	min-height: 219px;
}

.section-list.section-list-3 .image-holder {
	max-width: 250px;
	right: 134px;
}

.section-list.section-list-4 .text-holder {
	padding: 0;
}

.section-list.section-list-4 .list.second-list {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: none;
	-moz-column-gap: none;
	column-gap: none;
}

.section-list.section-list-4 .heading {
	padding: 0 0 18px;
}

.section-list.section-list-4 .text-frame {
	max-width: 534px;
	margin: 0 auto;
	padding: 0;
	float: none;
}

.heading {
	font-size: 30px;
	line-height: 32px;
	font-weight: 300;
	padding: 0 0 37px;
}

.heading h1 {
	font-weight: 700;
	margin: 0 0 11px;
}

.heading p {
	margin: 0 0 10px;
}

.content-box {
	padding: 75px 0 0;
	border-bottom: 10px solid #464646;
}

.content-box .col {
	display: inline-block;
	vertical-align: top;
	margin: 0 -4px 0 0;
	width: 46.8%;
	padding: 0 92px 0 0;
}

.content-box .col:first-child {
	width: 53.2%;
}

.box {
	padding: 0 0 70px;
}

.box p {
	margin: 0 0 10px;
}

.box h2 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	margin: 0;
	min-height: 54px;
}

.box h2 img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 17px 6px 0;
}

.box h2 span {
	margin: 0 0 7px;
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
}

.box.list-box {
	padding: 0 0 36px;
}

.box.list-box h2 {
	margin: 0 0 28px;
	min-height: 1px;
}

.text-box {
	text-align: center;
	color: #fff;
	position: relative;
	font-weight: 600;
	padding: 93px 0 59px;
	border-bottom: 10px solid #464646;
	min-height: 450px;
}

.text-box:after {
	content: "";
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .43) 0%, rgba(0, 0, 0, .34) 29%, rgba(0, 0, 0, .09) 88%, rgba(0, 0, 0, .06) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .43) 0%, rgba(0, 0, 0, .34) 29%, rgba(0, 0, 0, .09) 88%, rgba(0, 0, 0, .06) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-box .container {
	position: relative;
	max-width: 800px;
	z-index: 2;
}

.text-box h1 {
	font-weight: 700;
	margin: 0 0 11px;
}

.text-box p {
	margin: 0 0 2.3em;
}

.text-box .text-frame {
	padding: 0 0 50px;
}

.text-box.text-box-large h1 {
	font-size: 40px;
}

.text-box.text-box-large .container {
	max-width: 962px;
}

.text-box.text-box-2 {
	padding: 119px 0 88px;
}

.text-box.text-box-2:after {
	display: none;
}

.text-box.text-box-2 .text-frame {
	padding: 0 0 20px;
}

.text-box.text-box-2 p {
	margin: 0 0 17px;
}

.websites-box {
	position: relative;
	text-align: center;
	padding: 45px 0 100px;
}

.websites-box:after {
	content: "";
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .95) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .95) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.websites-box .container {
	position: relative;
	z-index: 2;
}

.websites-box h2 {
	font-size: 40px;
	line-height: 42px;
	color: #000;
	margin: 0 0 63px;
}

.websites-box .logo-frame {
	min-height: 80px;
	margin: 0 0 21px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.websites-box .container {
	max-width: 1386px;
}

.website-list {
	margin: 0 -14px;
}

.website-container {
	width: 389px;
	display: inline-block;
	vertical-align: top;
	background: rgba(0, 0, 0, .64);
	text-align: center;
	margin: 0 14px 19px;
	position: relative;
}

.website-container h3 {
	background: #000;
	padding: 21px 10px;
	margin: 0;
	font-weight: 400;
	color: #c6c6c6;
}

.website-container .frame {
	padding: 45px 35px 21px;
}

.website-container .btn {
	width: 100%;
	min-width: 10px;
}

.info-box {
	position: relative;
	text-align: center;
	color: #fff;
	overflow: hidden;
	padding: 47px 0 24px;
	font-size: 24px;
	line-height: 36px;
	border-bottom: 5px solid #ee4036;
}

.info-box .container {
	position: relative;
	max-width: 896px;
}

.info-box h2 {
	font-size: 40px;
	line-height: 42px;
	margin: 0 0 17px;
}

.info-box p {
	margin: 0 0 10px;
}

.info-box.info-no-border {
	border-bottom: 0;
}

.info-box.info-box-2 {
	padding: 87px 0 79px;
	line-height: 1.25;
}

.info-box.info-box-2 h1 {
	font-size: 36px;
	line-height: 38px;
	margin: 0 0 25px;
}

.info-box.info-box-2 .container {
	max-width: 1089px;
}

.meet-box {
	position: relative;
	padding: 127px 0 103px;
	text-align: center;
	border-bottom: 10px solid #464646;
	height:auto;
}

.meet-box .image {
	position: relative;
	max-width: 204px;
	margin: 0 auto 41px;
}

.meet-box .image img {
	vertical-align: top;
}

.meet-box .btn {
	position: relative;
}

.description-box {
	position: relative;
	text-align: center;
	color: #fff;
	padding: 45px 0 0;
	border-bottom: 10px solid #464646;
}

.description-box .container {
	position: relative;
	z-index: 2;
}

.description-box .bottom-image {
	position: relative;
	width: 348px;
	margin: 0 auto;
}

.description-box .bottom-image img {
	vertical-align: top;
}

.description-box .bottom-image .image-graph {
	position: absolute;
	left: 68.5%;
	top: 56%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.description-box .bottom-image .image-graph img {
	max-width: none;
}

.description-box h2 {
	font-size: 40px;
	line-height: 42px;
	margin: 0 0 1.3em;
}

.description-box .btn {
	margin: 0 0 37px;
}

.media-box {
	position: relative;
	text-align: center;
	padding: 118px 0 68px;
	color: #fff;
	border-bottom: 10px solid #464646;
	font-size: 25px;
	line-height: 35px;
}

.media-box .container {
	position: relative;
	z-index: 2;
}

.media-box p {
	margin: 0 0 34px;
}

.media-box .logo-frame {
	margin: 0 0 49px;
}

.media-box .logo-frame img {
	vertical-align: top;
}

.media {
	position: relative;
}

.media:after {
	content: "";
	background: url(images/media-icon.svg) no-repeat;
	position: absolute;
	top: 6px;
	right: -10px;
	width: 16px;
	height: 16px;
}

.hero-box {
	position: relative;
	color: #d6d6d6;
	padding: 171px 0 33px;
	text-align: center;
	border-bottom: 10px solid #797979;
	line-height: 1.333;
}

.hero-box .container {
	position: relative;
	max-width: 1016px;
}

.hero-box h1 {
	margin: 0 0 1.3em;
}

.hero-box .bg-stretch:after {
	content: "";
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.page-template-template-leadership  .bg-stretch:after {
	background: none;
}
.page-template-template-leadership h1 {
	color: #fff;
	font-size: 46px;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);
	min-height: 8rem;
	text-transform: uppercase;
	font-weight: bold;
}
.page-template-template-leadership h2 {
	text-align: center;
	color: #525252;
	font-weight: bold;
	margin-bottom: 2em;
	margin-top: 2em;
	font-size: 28px;
}

.page-template-template-leadership  #header,
.page-template-template-no-h1 #header {
	position: relative;
	background-color: #1d1d1d;
}

.page-template-template-leadership .hero-box {
	border-bottom: 0;
}

.page-template-template-leadership #about {
	font-size: 18px;
	text-align: center;
}

.page-template-template-leadership #about .description {
	margin-top: 2.4em;
	margin-bottom: 2.4em;
}
.page-template-template-leadership h4.wp-tiles-byline-title {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5em;
}

.page-template-template-leadership hr {
	width: 70%;
	border-color: rgba(0,0,0,.2);
}

#mosaic .wp-tiles-container.wp-tiles-full-width:first-child {
   display: block;
}
#mosaic  .wp-tiles-container.wp-tiles-full-width:last-child {
	display: none;
}
#mosaic .wp-tiles-byline-wrapper {
	padding: 30px;
	top: 50%;
	position: absolute;
	margin-top: -45%;
}

.page-template-template-no-h1 .et_pb_section{
	border-bottom: 10px solid #6e6e6e !important;
}
.page-template-template-no-h1 .et_pb_section:last-child {
	border-bottom: none !important;
}

.page-template-template-no-h1 .normal-bullets .et_pb_bg_layout_dark li {
	list-style: disc;
}
.page-template-template-no-h1 .et_pb_bg_layout_dark li:after{
	content: '';
}

.page-template-template-no-h1 .bullets-yellow-checks ul {
	margin-left: 0 !important;
}
.page-template-template-no-h1 .bullets-yellow-checks  li  {
	list-style: none  !important;
	padding-left: 25px !important;
}

.page-template-template-no-h1  .bullets-yellow-checks  li:after {
	color: #d38f3f !important;
	content: "\e902";
}

.page-template-template-no-h1 h1,
.page-template-template-no-h1 h2 {
	font-weight: bold !important;
	padding-bottom: 1.2rem !important;
}

.page-template-template-no-h1 h2 {
	font-size: 32px;
}
.page-template-template-no-h1 h3 {
	font-size: 30px;
	padding-bottom: 0 !important;
	line-height: 1.5em !important;
}

.page-template-template-no-h1 .et_pb_divider {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media only screen and (max-width: 769px) {
	.page-template-template-no-h1 .center-on-mobile.et_pb_bg_layout_dark li,
	.page-template-template-no-h1 .center-on-mobile.bullets-yellow-checks  li {
		list-style: none !important;
		font-size: 16px;
	}
	.page-template-template-no-h1 .center-on-mobile.et_pb_bg_layout_dark ul {
		margin-left: 0 !important;
	}
	.page-template-template-no-h1 .center-on-mobile.et_pb_bg_layout_dark li:after{
		content: '' !important;
	}

	.page-template-template-no-h1  .center-on-mobile {
		text-align: center !important;
	}
  .page-template-template-no-h1 #services .et_pb_text_align_left {
  	text-align: center !important;
  }
  .page-template-template-no-h1 #services .services-header.et_pb_text_align_left  {
  	text-align: center;
		padding-top: 55px;
		background-position: top center;
		padding-left: 0 !important
  }
}



#our-clients {
	background-color: #292929;
	padding: 10px 0 50px;
}
#our-clients h2 {
	color: #fff;
	padding-bottom: 40px;
	margin-top: 50px;
}
#our-clients .client-list li {
	list-style: none;
	background-image: none;
	display: inline-block;
	width: 24%;
	padding: 0;
	text-align: center;
}
#our-clients .client-list li:after {
	content: '';
	margin: 0;
	padding: 0;
}
#our-clients .client-list ul {
	padding: 0;
	margin: 0;
}
.team-block {
	padding: 55px 0;
}

.team-block h1 {
	text-align: center;
	font-weight: 700;
	margin: 0 0 73px;
}

.team-list {
	margin: 0 auto;
	line-height: 1.333;
	max-width: 1020px;
}

.team-list li {
	padding: 0;
  width: 31%;
  display: block;
  float: left;
  margin-right: 2%;
  margin-bottom: 50px;
}

.team-list li:nth-child(3) {
	margin-right: 0;
}

.team-list li:after {
	display: none;
}

.team-list a {
	text-decoration: none;
	color: #535353;
	display: block;
}

.team-list a:hover {
}

.team-list .overlay {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 0;
}

.team-list a:hover .overlay{
	opacity: 1;
	-webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -o-backface-visibility: visible;
  backface-visibility: visible;
  z-index: 5;
}
.team-list a .overlay:before{
	content: "\f055";
   font-family: FontAwesome;
	 color: #fff;
	 text-align: center;
	 display: block;
	 font-weight: bold;
	 font-size: 50px;
	 position: absolute;
	 top: 100%;
	 left: 45%;
	 transition: all 0.3s;
	 height: 100%;
}
.team-list a:hover .overlay:before{

	 -webkit-transform: translateY(-60%);
  	transform: translateY(-60%);
}

.team-list .img {
	margin: 33px 0;
	position: relative;
}

.team-list .img img {
	display: block;
	width: 100%;
}

.team-list .description {
	overflow: hidden;
}

.team-list h3 {
	margin: 0 0 20px;
	text-align: left;
	color: #525252;
}
.team-list span {
	font-weight: 400;
	font-size: 80%;
	margin-top: .75em;
	display: block;
}

.team-list p {
	margin: 0;
}

.account-management-team-list li,
.sales-team-list li{
	width: 23%;
	margin-right: 2%;
}

.account-management-team-list li:nth-child(3),
.sales-team-list li:nth-child(3)
{
	margin-right: 2%;
}

.popup-holder {
	position: relative;
	overflow: hidden;
}

.lightbox-holder {
	width: 753px;
	line-height: 1.333;
	padding: 93px 45px 30px;
}

.lightbox-holder:after {
	content: "";
	background: rgba(0, 0, 0, .55);
	width: 100%;
	height: 38px;
	position: absolute;
	top: 0;
	left: 0;
}

.lightbox-holder h2 {
	font-weight: 400;
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 3px;
}

.lightbox-holder p {
	margin: 0 0 2.1em;
}

.lightbox-holder .close {
	position: absolute;
	top: 0;
	right: 12px;
	color: #fff;
	z-index: 2;
	text-decoration: none;
	font-size: 36px;
}

.lightbox-holder .btn-prev,
.lightbox-holder .btn-next {
	position: absolute;
	top: 0;
	right: 20%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	z-index: 2;
	text-decoration: none;
	font-size: 46px;
	margin: -6px 0 0;
}

.lightbox-holder .btn-next {
	right: 17%;
}

.lightbox-holder .img {
	width: 30%;
	display: inline-block;
	vertial-align: top;
}
.lightbox-holder .description {
	width: 65%;
	display: inline-block;
	float: right;
}
.lightbox-holder h3 {
	background: url(images/attom-icon.png) left top no-repeat;
	padding-left: 65px;
	font-size: 30px;
}
.lightbox-holder h3 span {
	font-weight: normal;
	margin-top: 20px;
	font-size: 22px;
}

.elements-container {
	background: #000;
	color: #fff;
	padding: 91px 0 218px;
	font-size: 24px;
	line-height: 1.5;
}

.elements-container h1 {
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	margin: 0 0 77px;
}

.elements-container .container {
	max-width: 1070px;
}

.elements-container img {
	vertical-align: top;
}

.element1 {
	padding: 0 0 148px;
}

.element1 .text {
	padding: 0 3% 84px 159px;
}

.element1 .element-img {
	padding: 0 0 0 30px;
	position: relative;
}

.element1 .element-img:after {
	content: "";
	background: url(images/sprite.png) no-repeat;
	width: 315px;
	height: 138px;
	position: absolute;
	left: 121px;
	top: -156px;
}

.element1 p {
	margin: 0;
}

.element2 {
	padding: 0 0 76px;
}

.element2 p {
	margin: 0;
}

.element2 .element-img {
	float: left;
	width: 140px;
	margin: 18px 185px 0 0;
	position: relative;
}

.element2 .element-img:after {
	content: "";
	background: url(images/sprite.png) no-repeat 0 -152px;
	width: 128px;
	height: 18px;
	position: absolute;
	left: 100%;
	top: 46px;
	margin: 0 0 0 30px;
}

.element2 .text {
	overflow: hidden;
}

.element3 {
	padding: 0 0 109px;
}

.element3 p {
	margin: 0;
}

.element3 .element-img {
	position: relative;
	left: 47%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 360px;
	margin: 0 0 76px;
}

.element3 .text1 {
	padding: 0 18% 92px 209px;
	position: relative;
	z-index: 2;
}

.element3 .text1:after {
	content: "";
	background: url(images/sprite.png) no-repeat -328px -788px;
	width: 259px;
	height: 152px;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: -1;
}

.element3 .text2 {
	padding: 0 14% 0 63px;
	position: relative;
	z-index: 2;
}

.element3 .text2:after {
	content: "";
	background: #000;
	position: absolute;
	top: -26px;
	left: 40px;
	right: 40px;
	height: 100%;
	z-index: -1;
}

.element3 .element3-holder {
	position: relative;
	background: url(images/join3-m.png) repeat-y;
	margin: 0 0 0 4px;
}

.element3 .element3-holder:before {
	content: "";
	background: url(images/sprite.png) no-repeat -328px 0;
	width: 259px;
	height: 412px;
	position: absolute;
	top: 0;
	left: 0;
}

.element3 .element3-holder:after {
	content: "";
	background: url(images/sprite.png) no-repeat -328px -431px;
	width: 259px;
	height: 342px;
	position: absolute;
	bottom: -48px;
	left: 0;
}

.element4 p {
	margin: 0;
}

.element4 .element-img {
	margin: 0 0 114px;
	left: 48%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 762px;
	position: relative;
}

.element4 .element-img:after {
	content: "";
	background: url(images/sprite.png) no-repeat 0 -185px;
	width: 17px;
	height: 65px;
	position: absolute;
	top: 100%;
	left: 55%;
	margin: 25px 0 0;
}

.element4 .text {
	text-align: center;
	max-width: 710px;
	margin: 0 auto;
	padding: 0 0 20px 50px;
}

.attom-id {
	background: -webkit-linear-gradient(top, #0d0d0d 0%, #1b1b1b 50%, #2b2b2b 100%);
	background: linear-gradient(to bottom, #0d0d0d 0%, #1b1b1b 50%, #2b2b2b 100%);
	text-align: center;
	padding: 43px 0 35px;
	line-height: 1.333;
}

.attom-id h2 {
	color: #fff;
	font-size: 36px;
	line-height: 38px;
	margin: 0 0 8px;
}

.attom-id .bottom-text {
	max-width: 870px;
	margin: 0 auto;
}

.attom-id .container {
	padding: 0 20px;
}

.attom-frame {
	position: relative;
	color: #fff;
	margin: 0 auto 21px;
	width: 1078px;
}

.attom-frame .img-box {
	max-width: 360px;
	margin: 0 auto;
}

.attom-frame img {
	vertical-align: top;
}

.attom-frame .text {
	position: absolute;
	top: 7%;
	left: 0;
	width: 185px;
	text-align: center;
	font-size: 24px;
	line-height: 25px;
}

.attom-frame .text:after {
	content: "";
	background: url(images/bg-dotted.png) no-repeat;
	width: 342px;
	height: 5px;
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translate(0, -50%) rotate(24deg);
	-ms-transform: translate(0, -50%) rotate(24deg);
	transform: translate(0, -50%) rotate(24deg);
	margin: 78px 0 0 -12px;
}

.attom-frame .text.text1 {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.attom-frame .text.text1:after {
	margin: 0 0 0 16px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 300px;
}

.attom-frame .text.text2 {
	top: 80%;
}

.attom-frame .text.text2:after {
	-webkit-transform: translate(0, -50%) rotate(-24deg);
	-ms-transform: translate(0, -50%) rotate(-24deg);
	transform: translate(0, -50%) rotate(-24deg);
	margin: -70px 0 0 -10px;
}

.attom-frame .text.text3 {
	left: auto;
	right: 0;
}

.attom-frame .text.text3:after {
	left: auto;
	right: 100%;
	-webkit-transform: translate(0, -50%) rotate(-24deg);
	-ms-transform: translate(0, -50%) rotate(-24deg);
	transform: translate(0, -50%) rotate(-24deg);
	margin: 78px -12px 0 0;
}

.attom-frame .text.text4 {
	left: auto;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.attom-frame .text.text4:after {
	margin: 0 16px 0 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: auto;
	right: 100%;
	width: 300px;
}

.attom-frame .text.text5 {
	left: auto;
	right: 0;
	top: 80%;
}

.attom-frame .text.text5:after {
	left: auto;
	right: 100%;
	-webkit-transform: translate(0, -50%) rotate(24deg);
	-ms-transform: translate(0, -50%) rotate(24deg);
	transform: translate(0, -50%) rotate(24deg);
	margin: -70px -10px 0 0;
}

.visual-data .item {
	position: absolute;
	top: 42%;
	left: 12%;
	z-index: 2;
	font-size: 14px;
	line-height: 16px;
	width: 106px;
	border: none;
}

.visual-data .item strong {
	font-variant: small-caps;
	font-size: 30px;
}

.visual-data .item strong:first-letter {
	font-size: 48px;
}

.visual-data .item .item-holder {
	height: 102px;
	padding: 8px 4px 0;
	border: 2px solid #fff;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.visual-data .item.animate .item-holder {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.visual-data .item.item-2 {
	left: 31.7%;
	top: 24.3%;
}

.visual-data .item.item-3 {
	left: 22.6%;
	top: 41.7%;
}

.visual-data .item.item-4 {
	left: 28.2%;
	top: 66%;
}

.visual-data .item.item-5 {
	left: 5.8%;
	top: 81%;
}

.visual-data .item.item-6 {
	left: 48.8%;
	top: 80.8%;
}

.visual-data .item.item-7 {
	left: 65.7%;
	top: 17.2%;
}

.visual-data .item.item-8 {
	left: 86.5%;
	top: 35%;
}

.visual-data .item.item-9 {
	left: 77%;
	top: 48%;
}

.visual-data .item.item-10 {
	left: 66.5%;
	top: 74.5%;
}

.visual-data .item.item-11 {
	left: 84.7%;
	top: 73%;
}

.visual-data .item.item-12 {
	left: 82.7%;
	top: 23%;
}

.visual-data .item.item-13 {
	left: 24.7%;
	top: 73%;
}

.visual-data .item.item-14 {
	left: 38.7%;
	top: 7%;
}

.visual-data .item.item-15 {
	left: 22.7%;
	top: 53%;
}

.table-box {
	position: relative;
	padding: 103px 0 67px;
	color: #fff;
	border-bottom: 10px solid #464646;
}

.table-box .container {
	position: relative;
	z-index: 2;
}

.table-box h2 {
	text-align: center;
	font-size: 48px;
	line-height: 50px;
	margin: 0 0 9px;
}

.table-box .container {
	padding: 0 10px;
}

.table-elements {
	width: 1150px;
	margin: 0 auto;
	position: relative;
}

.table-elements .mask {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.table-elements .slideset {
	float: left;
}

.table-elements .row {
	font-size: 0;
	line-height: 0;
}

.table-elements .row.set-apart {
	margin: 40px auto;
	text-align: center;
}

.table-elements .item {
	border: none;
	padding: 0 5px 9px 4px;
	width: 115px;
}

.table-elements .item .item-holder {
	border: 2px solid #fff;
	height: 106px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}


.table-elements .item-holder .new-banner {
	position: absolute;
	top: -8px;
	left: -25px;
	-webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 35px 35px 35px;
	border-color: transparent transparent #cd252b transparent;
}
.table-elements .item-holder .new-banner:after {
	content: "New";
	font-size: 12px;
	position: absolute;
	left: -10px;
	top: 15px;
	font-weight: bold;
}

.table-elements .item.animate .item-holder {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.table-elements .item .coming-soon {
	display: table;
}
.table-elements .item .coming-soon p {
		vertical-align: middle;
		font-size: 1.2em;
		display: table-cell;
	}


.table-elements .item.hover.category1 .item-holder {
	background: rgba(238, 64, 54, .5);
}

.table-elements .item.hover.category2 .item-holder {
	background: rgba(52, 255, 176, .5);
}

.table-elements .item.hover.category3 .item-holder {
	background: rgba(0, 112, 0, .5);
}

.table-elements .item.hover.category4 .item-holder {
	background: rgba(255, 138, 0, .5);
}

.table-elements .item.hover.category5 .item-holder {
	background: rgba(4, 51, 170, .5);
}

.table-elements .item.hover.category6 .item-holder {
	background: rgba(0, 180, 255, .5);
}
.table-elements .item.hover.category7 .item-holder {
	background: rgba(69, 62, 152, .5);
}


.table-elements .align-right {
	float: right;
}

.table-elements .align-left {
	float: left;
}

.table-elements .btn-prev,
.table-elements .btn-next {
	position: absolute;
	top: -20px;
	left: 45px;
	text-decoration: none;
	font-size: 57px;
	color: #d9d9d9;
}

.table-elements .btn-prev:hover,
.table-elements .btn-next:hover {
	color: #ee4036;
}

.table-elements .btn-next {
	left: auto;
	right: 45px;
}

.item {
	text-transform: capitalize;
	border: 2px solid #fff;
	display: inline-block;
	vertical-align: top;
	width: 106px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.item strong {
	display: block;
	font-weight: 800;
	font-size: 30px;
	line-height: 1;
	margin: 0 0 6px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	width: 100%;
}

.item strong:first-letter {
	font-size: 48px;
}

.item .item-holder {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 102px;
	padding: 8px 4px 0;
}

.item.size-1 {
	width: 51px;
	border-width: 1px;
	font-size: 7px;
	line-height: 8px;
}

.item.size-1 strong {
	font-size: 18px;
	margin: 0 0 2px;
}

.item.size-1 strong:first-letter {
	font-size: 24px;
}

.item.size-1 .item-holder {
	padding: 4px 2px 0;
	height: 49px;
}

.item.size-2 {
	width: 46px;
	border-width: 1px;
	font-size: 7px;
	line-height: 8px;
}

.item.size-2 strong {
	font-size: 16px;
	margin: 0 0 3px;
}

.item.size-2 strong:first-letter {
	font-size: 20px;
}

.item.size-2 .item-holder {
	padding: 4px 2px;
	height: 44px;
}

.item.size-3 strong {
	font-size: 36px;
	margin: 0;
}

.item.size-4 {
	width: 82px;
	font-size: 11px;
	line-height: 13px;
}

.item.size-4 strong {
	font-size: 31px;
	margin: 0;
}

.item.size-4 strong:first-letter {
	font-size: 37px;
}

.item.size-4 .item-holder {
	height: 78px;
	padding: 6px 4px 0;
}

.item.size-5 {
	width: 91px;
	font-size: 12px;
	line-height: 13px;
}

.item.size-5 strong {
	font-size: 31px;
	margin: 0;
}

.item.size-5 strong:first-letter {
	font-size: 40px;
}

.item.size-5 .item-holder {
	height: 87px;
	padding: 9px 4px 0;
}

.item.size-6 {
	width: 104px;
}

.item.size-6 strong {
	font-size: 36px;
	margin: 0 0 1px;
}

.item.size-6 strong:first-letter {
	font-size: 46px;
}

.item.size-6 .item-holder {
	height: 100px;
	padding: 8px 10px 0;
}

.item.size-7 {
	border-width: 1px;
	width: 67px;
	font-size: 9px;
	line-height: 10px;
}

.item.size-7 strong {
	font-size: 15px;
	margin: 0;
}

.item.size-7 strong:first-letter {
	font-size: 25px;
}

.item.size-7 .item-holder {
	height: 65px;
	padding: 6px 4px 0;
}

.item.size-8 {
	border-width: 1px;
	width: 59px;
	font-size: 8px;
	line-height: 9px;
}

.item.size-8 strong {
	font-size: 20px;
	margin: 0 0 2px;
}

.item.size-8 strong:first-letter {
	font-size: 26px;
}

.item.size-8 .item-holder {
	height: 57px;
	padding: 7px 4px 0;
}

.item.size-9 {
	width: 87px;
	font-size: 11px;
	line-height: 13px;
}

.item.size-9 strong {
	font-size: 31px;
	margin: 0;
}

.item.size-9 strong:first-letter {
	font-size: 37px;
}

.item.size-9 .item-holder {
	height: 85px;
	padding: 9px 4px 0;
}

.attom-info {
	position: relative;
	color: #fff;
	border-bottom: 10px solid #464646;
	padding: 49px 0 29px;
}

.attom-info .container {
	position: relative;
}

.attom-info h2 {
	text-align: center;
	font-size: 48px;
	line-height: 50px;
	font-weight: 800;
	margin: 0 0 42px;
}

.attom-info .col-holder {
	max-width: 1083px;
	margin: 0 auto;
}

.info-holder {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0 -4px 0 0;
	font-size: 24px;
	line-height: 30px;
	padding: 0 12px 23px 95px;
	position: relative;
}

.info-holder:after {
	content: "";
	background: #f45845;
	position: absolute;
	top: 18px;
	left: 51px;
	width: 21px;
	height: 21px;
}

.info-holder h3 {
	font-size: 48px;
	line-height: 50px;
	font-weight: 700;
	margin: 0 0 7px;
}

.management-process {
	position: relative;
	border-bottom: 10px solid #464646;
	padding: 52px 0 0;
	color: #fff;
	overflow: hidden;
}

.management-process h2 {
	text-align: center;
	font-size: 48px;
	line-height: 52px;
	margin: 0 0 73px;
}

.management-process .container {
	position: relative;
}

.icons-box {
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -84px 27px;
	overflow: hidden;
}

.icons-box h2 {
	font-size: 30px;
	line-height: 32px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	width: 100%;
	text-align: center;
	margin: 0 0 13px;
}

.icons-box .col {
	width: 33.33%;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 0 84px;
}

.icons-box .col:last-child:after {
	display: none;
}

.icons-box .col img {
	vertical-align: top;
}

.icons-box .col:after {
	content: "\e90a";
	font-family: "icomoon";
	position: absolute;
	left: 100%;
	top: 55%;
	font-size: 75px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #989b9f;
	margin: 0 0 0 -44px;
}

.step-box {
	background: #000;
	position: relative;
}

.step-box .step:nth-child(3n+2) {
	background: #6e6e6e;
	width: 35.5%;
	padding: 15px 10px 17px 95px;
}

.step-box .step:nth-child(3n+2):after {
	border-color: transparent transparent transparent #6e6e6e;
}

.step-box .step:nth-child(3n+3) {
	width: 34.5%;
	padding: 15px 34px 17px 78px;
}

.step-box .container {
	padding: 0;
	max-width: 1365px;
}

.step-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.step {
	color: #fff;
	width: 30%;
	font-size: 24px;
	line-height: 30px;
	padding: 15px 10px 17px 61px;
	text-align: center;
	height: 199px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.step:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 99.5px 0 99.5px 68px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 2;
}
.step .step-frame
{
	max-width: 100%;
}
.step h3 {
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 13px;
}

.step p {
	margin: 0;
}

#footer {
	border-top: 5px solid #ee4036;
}

#footer .col {
	display: inline-block;
	vertical-align: top;
	margin: 0 -5px 0 0;
	width: 29.5%;
	padding: 0 30px 0 0;
}

#footer .col:first-child {
	width: 41%;
}

#footer h3 {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 26px;
	font-weight: 400;
	margin: 0 0 68px;
}

#footer address {
	font-style: normal;
	line-height: 31px;
}

#footer address p {
	margin: 0 0 19px;
}

#footer .info-text {
	padding: 0 25px 47px 0;
}

#footer .bottom-footer {
	padding: 54px 0;
	text-align: center;
	color: #535353;
	font-size: 17px;
}

#footer .top-footer {
	background: #272727;
	padding: 46px 0;
	color: #fff;
	font-size: 24px;
	line-height: 36px;
}

.footer-logo {
	padding: 6px 0 44px;
}

.footer-logo img {
	vertical-align: top;
}

.widget_nav_menu ul,
.links-list {
	font-weight: 700;
}

.widget_nav_menu ul li,
.links-list li {
	padding: 0 0 13px;
}

.widget_nav_menu ul li:after,
.links-list li:after {
	display: none;
}

.widget_nav_menu ul a,
.links-list a {
	text-decoration: none;
	color: #fff;
}

.widget_nav_menu ul a:hover,
.links-list a:hover {
	color: #ee4036;
}

.social-networks {
	margin: 0 0 12px;
}

.social-networks li {
	display: inline-block;
	vertical-align: top;
	padding: 0 22px 10px 0;
}

.social-networks li:after {
	display: none;
}

.social-networks li a {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	text-align: center;
	color: #272727;
	background: #c6c6c6;
	text-decoration: none;
	padding: 13px 0 0;
	font-size: 27px;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.social-networks li a:hover {
	background: #ee4036;
}

.social-networks li a.icon-linkedin {
	font-size: 29px;
	padding: 11px 0 0;
}

.widget.info-widget ul {
	padding: 0;
}

.email {
	color: inherit;
	text-decoration: none;
}

.email:hover {
	color: #ee4036;
}

.copyright {
	display: inline-block;
	vertical-align: top;
}

.copyright a {
	color: inherit;
	text-decoration: none;
}

.copyright a:hover {
	color: #ee4036;
}

.footer-list {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.footer-list li {
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
}

.footer-list li:after {
	display: none;
}

.footer-list li:before {
	content: "";
	background: #535353;
	width: 1px;
	height: 18px;
	position: absolute;
	top: 7px;
	left: 0;
}

.footer-list a {
	color: inherit;
	text-decoration: none;
}

.footer-list a:hover {
	color: #ee4036;
}

.youtubecontainer{
	width: 100%;
    	text-align: center;
    	height: 400px;
    	padding-top: 50px;
    	padding-bottom: 50px;
    	background: #272727;
	border-bottom: 10px solid #464646;
}

.youtube-player{
	width:560px;
	height:296px;
}

/* email sign up form styles */
.e2ma_signup_form {
  max-width: 100% !important;
}

.e2ma_signup_form_button {
  width: 100px !important;
  color: #ffffff !important;
  background-color: #b12525 !important;
  border: hidden;
  font-family: Open Sans;
}

.e2ma_signup_form_label,
.e2ma_signup_form_element{
  display: inline-block;
  min-width: auto !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {
		background-image: url("images/fancybox/fancybox_sprite@2x.png");
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url("images/fancybox/fancybox_loading@2x.gif");
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@media (min-width: 569px) {
	.table-elements .btn-prev,
	.table-elements .btn-next {
		display: none;
	}
}

@media (min-width: 769px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}

	.nav-opener {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	a[href^=tel],
	a[href^=fax],
	a[href^=skype],
	a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}

@media (max-width: 1285px) {
	#twocolumns #content {
		width: 60%;
	}

	#twocolumns #sidebar {
		width: 35%;
	}

	.home .visual-text {
		height: 600px;
	}

	.brand-page .visual-text {
		height: 600px;
	}

	.list.second-list {
		font-size: 25px;
	}

	.section-list .image-holder.image-holder-2 {
		right: 0;
	}

	.section-list.section-list-2 .image-holder {
		right: 0;
	}

	.content-box .col {
		padding: 0 40px 0 0;
	}

	.attom-frame {
		width: 980px;
	}

	.attom-frame .text:after {
		width: 289px;
	}

	.attom-frame .text.text1:after {
		width: 252px;
	}

	.attom-frame .text.text4:after {
		width: 252px;
	}

	.visual-data .item {
		left: 5%;
	}

	.visual-data .item.item-3 {
		left: 19.6%;
	}

	.table-elements {
		width: 991px;
	}

	.table-elements .item {
		width: 99px;
	}

	.table-elements .item .item-holder {
		height: 96px;
	}

	.table-elements .item-holder .new-banner {
		position: absolute;
		top: -5px;
		left: -18px;
		border-width: 0 25px 25px 25px;
	}
	.table-elements .item-holder .new-banner:after {
		top: 9px;
		left: -10px;
		font-size: 10px;
		text-align: center;

	}

	.item {
		width: 90px;
		font-size: 12px;
		line-height: 14px;
	}

	.item strong {
		font-size: 26px;
		margin: 0 0 4px;
	}

	.item strong:first-letter {
		font-size: 40px;
	}

	.item .item-holder {
		height: 86px;
		padding: 6px 3px 0;
	}

	.info-holder {
		font-size: 22px;
		line-height: 28px;
		padding: 0 12px 23px 80px;
	}

	.info-holder:after {
		left: 40px;
	}

	.step {
		font-size: 20px;
		line-height: 26px;
	}
}

@media (max-width: 1023px) {
	.mark .videoContainer iframe{
		width:700px !important;
		height:400px !important;
	}

	#wp-calendar th,
	#wp-calendar td {
		padding: .3em;
	}

	h1,
	.h1 {
		font-size: 26px;
	}

	#wrapper {
		font-size: 15px;
		line-height: 1.2;
	}

	.visual p {
		margin: 0 0 1.5em;
	}

	.logo-animation {
		max-width: 474px;
	}

	.visual-text {
		height: 510px;
	}

	.home .visual h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.brand-page .visual {
		font-size: 30px;
		line-height: 34px;
	}

	.brand-page .visual-text {
		padding: 150px 0 36px;
	}

	.logo-holder {
		margin: 0 0 15px;
	}

	.btn {
		padding: 8px 13px;
		font-size: 18px;
		line-height: 24px;
		min-width: 234px;
	}

	.btn.btn-more {
		border-width: 1px;
		padding: 8px 10px;
	}

	.btn.btn-more .icon-right-arrow {
		font-size: 15px;
		margin: 0 6px 3px;
	}

	.btn.btn-large {
		font-size: 36px;
		line-height: 38px;
	}

	.list {
		font-size: 15px;
	}

	.list li {
		padding: 0 0 23px 28px;
	}

	.list li:after {
		font-size: 14px;
	}

	.list.second-list {
		font-size: 20px;
		line-height: 22px;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.list.second-list li {
		padding: 0 0 15px 38px;
	}

	.list.second-list li:after {
		font-size: 22px;
	}

	.section-list .text-holder {
		padding: 0;
	}

	.section-list .image-holder {
		width: 50%;
		text-align: center;
	}

	.section-list .text-frame {
		width: 50%;
		padding: 0 15px 0 0;
	}

	.section-list.section-list-3 {
		padding: 40px 0 22px;
	}

	.section-list.section-list-3 h1 {
		font-size: 40px;
		line-height: 42px;
	}

	.section-list.section-list-3 .heading {
		font-size: 22px;
		line-height: 26px;
		padding: 0 0 15px;
	}

	.section-list.section-list-3 .container {
		min-height: 170px;
	}

	.section-list.section-list-4 .text-frame {
		width: auto;
		max-width: 370px;
	}

	.content-box {
		padding: 50px 0 0;
	}

	.box {
		text-align: center;
		padding: 0 0 50px;
	}

	.box h2 {
		font-size: 24px;
		line-height: 26px;
		text-align: center;
		min-height: 1px;
		margin: 0 0 15px;
	}

	.box h2 img {
		display: block;
		margin: 0 auto 7px;
	}

	.box h2 span {
		display: block;
		margin: 0;
		max-width: none;
	}

	.text-box {
		min-height: 300px;
		font-size: 18px;
		line-height: 1.3333;
	}

	.text-box.text-box-2 {
		padding: 80px 0;
	}

	.website-container {
		width: 285px;
	}

	.website-container h3 {
		font-size: 18px;
		padding: 14px 10px;
	}

	.website-container .frame {
		padding: 37px 22px 14px;
	}

	.info-box {
		font-size: 22px;
		line-height: 34px;
	}

	.info-box h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.meet-box {
		padding: 60px 0 83px;
	}

	.meet-box .image {
		max-width: 128px;
	}

	.description-box .bottom-image {
		width: 174px;
	}

	.team-block h1 {
		margin: 0 0 40px;
	}

	.team-block .container {
		padding: 0 20px;
	}

	.team-list .img {
	/*	width: 160px;*/
		margin: 10px 25px 10px 0;
	}

	.team-list h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.team-list a .overlay:before{
			font-size: 24px;
	}

	.lightbox-holder {
		font-size: 15px;
		line-height: 20px;
	}

	.lightbox-holder h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.elements-container {
		font-size: 15px;
		line-height: 1.6;
		padding: 53px 0 54px;
	}

	.elements-container h1 {
		font-size: 24px;
		line-height: 26px;
		margin: 0 0 20px;
	}

	.element1 {
		padding: 0 0 41px;
	}

	.element1 .text {
		padding: 0 0 75px;
		text-align: center;
		max-width: 309px;
		margin: 0 auto;
	}

	.element1 .element-img {
		left: 50%;
		padding: 0;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 299px;
	}

	.element1 .element-img:after {
		background: url(images/sprite-mob.png) no-repeat;
		width: 12px;
		height: 59px;
		left: 50%;
		top: -68px;
	}

	.element2 {
		padding: 0 0 32px;
	}

	.element2 .element-img {
		float: none;
		left: 52%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin: 0 0 77px;
		width: 70px;
	}

	.element2 .element-img:after {
		background: url(images/sprite-mob.png) no-repeat -21px 0;
		width: 12px;
		height: 50px;
		left: 50%;
		top: 100%;
		margin: 16px 0 0 -5px;
	}

	.element2 .text {
		text-align: center;
		max-width: 277px;
		margin: 0 auto;
	}

	.element3 {
		padding: 0 0 43px;
	}

	.element3 .element-img {
		width: 180px;
		left: 52%;
		margin: 0 0 10px;
	}

	.element3 .text1 {
		text-align: center;
		margin: 0 auto;
		max-width: 204px;
		padding: 0 0 41px 9px;
	}

	.element3 .text1:after {
		background: url(images/sprite-mob.png) no-repeat -220px 0;
		width: 74px;
		height: 111px;
		left: -66px;
		bottom: 21px;
	}

	.element3 .text2 {
		text-align: center;
		max-width: 285px;
		padding: 0;
		margin: 0 auto;
	}

	.element3 .text2:after {
		left: 0;
		right: 0;
	}

	.element3 .element3-holder {
		background: url(images/join3-m-mob.png) repeat-y;
		max-width: 334px;
		margin: 0 auto;
	}

	.element3 .element3-holder:before {
		background: url(images/sprite-mob.png) no-repeat -49px 0;
		width: 74px;
		height: 237px;
	}

	.element3 .element3-holder:after {
		background: url(images/sprite-mob.png) no-repeat -134px 0;
		width: 74px;
		height: 294px;
		bottom: -15px;
		left: -1px;
	}

	.element4 .element-img {
		width: 296px;
		left: 50%;
		margin: 0 0 81px;
	}

	.element4 .element-img:after {
		background: url(images/sprite-mob.png) no-repeat -21px 0;
		width: 12px;
		height: 50px;
		left: 52%;
		margin: 17px 0 0;
	}

	.element4 .text {
		max-width: 254px;
		padding: 0 0 20px;
	}

	.attom-id h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.attom-frame {
		width: 728px;
	}

	.attom-frame .text {
		font-size: 20px;
		line-height: 21px;
	}

	.attom-frame .text:after {
		width: 168px;
		margin: 48px 0 0 -12px;
	}

	.attom-frame .text.text1:after {
		width: 129px;
	}

	.attom-frame .text.text2 {
		top: 76%;
	}

	.attom-frame .text.text2:after {
		margin: -42px 0 0 -10px;
	}

	.attom-frame .text.text3:after {
		margin: 48px -12px 0 0;
	}

	.attom-frame .text.text4:after {
		width: 129px;
	}

	.attom-frame .text.text5 {
		top: 76%;
	}

	.attom-frame .text.text5:after {
		margin: -42px -10px 0 0;
	}

	.visual-data .item {
		top: 30%;
	}

	.visual-data .item.item-3 {
		left: 15%;
	}

	.visual-data .item.item-6 {
		left: 45.8%;
	}

	.visual-data .item.item-11 {
		top: 67%;
	}

	.table-box h2 {
		font-size: 35px;
		line-height: 37px;
		margin: 0 0 15px;
	}

	.table-elements {
		width: 740px;
	}

	.table-elements .item {
		padding: 0 2px 4px;
		width: 74px;
	}

	.table-elements .item .item-holder {
		height: 83px;
		border-width: 1px;
	}


	.item {
		width: 70px;
		font-size: 10px;
		line-height: 12px;
		border-width: 1px;
	}

	.item strong {
		font-size: 20px;
	}

	.item strong:first-letter {
		font-size: 30px;
	}

	.item .item-holder {
		height: 68px;
	}

	.attom-info h2 {
		font-size: 35px;
		line-height: 37px;
	}

	.info-holder {
		font-size: 20px;
		line-height: 26px;
		padding: 0 12px 23px 40px;
	}

	.info-holder:after {
		left: 7px;
		width: 15px;
		height: 15px;
		top: 14px;
	}

	.info-holder h3 {
		font-size: 35px;
		line-height: 37px;
	}

	.management-process h2 {
		font-size: 35px;
		line-height: 37px;
		margin: 0 0 40px;
	}

	.icons-box {
		margin: 0 -50px 27px;
	}

	.icons-box h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.icons-box .col {
		padding: 0 50px;
	}

	.icons-box .col:after {
		font-size: 50px;
		margin: 0 0 0 -29px;
	}

	.step {
		font-size: 16px;
		line-height: 22px;
	}

	.step h3 {
		font-size: 20px;
		line-height: 22px;
		margin: 0 0 8px;
	}

	#footer h3 {
		margin: 0 0 54px;
	}

	#footer address {
		line-height: 24px;
	}

	#footer .info-text {
		padding: 0 0 47px;
	}

	#footer .bottom-footer {
		padding: 40px 0;
	}

	#footer .top-footer {
		font-size: 16px;
		line-height: 24px;
	}

	.footer-logo {
		padding: 6px 0 20px;
	}

	.widget_nav_menu ul li,
	.links-list li {
		padding: 0 0 8px;
	}

	.footer-list li:before {
		top: 1px;
		height: 16px;
	}
}

@media (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1023px) and (min-resolution: 144dpi) {


	.element1 .element-img:after {
		background: url(images/sprite-mob.png) no-repeat;
		background-size: 294px 330px;
	}

	.element2 .element-img:after {
		background: url(images/sprite-mob-2x.png) no-repeat -21px 0;
		background-size: 294px 330px;
	}

	.element3 .text1:after {
		background: url(images/sprite-mob.png) repeat-y -220px 0;
		background-size: 294px 330px;
	}

	.element3 .element3-holder {
		background: url(images/join3-m-mob-2x.png) repeat-y;
		background-size: 74px 5px;
	}

	.element3 .element3-holder:before {
		background: url(images/sprite-mob.png) repeat-y -49px 0;
		background-size: 294px 330px;
	}

	.element3 .element3-holder:after {
		background: url(images/sprite-mob.png) repeat-y -134px 0;
		background-size: 294px 330px;
	}

	.element4 .element-img:after {
		background: url(images/sprite-mob.png) no-repeat -21px 0;
		background-size: 294px 330px;
	}
}

@media (max-width: 768px) {
	.mark .videoContainer iframe{
		width:300px !important;
		height:170px !important;
	}

	.youtube-player{
		width:300px;
		height:200px;
	}

	.youtubecontainer{
		height:305px;
	}

	#twocolumns {
		padding: 80px 0 0;
	}

	#twocolumns #content {
		width: 100%;
	}

	#twocolumns #sidebar {
		width: 100%;
	}

	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}

	h1,
	.h1 {
		font-size: 24px;
		line-height: 1.25;
		margin: 0 0 .7em;
	}

	h2,
	.h2 {
		font-size: 22px;
	}

	h3,
	.h3 {
		font-size: 20px;
	}

	h4,
	.h4 {
		font-size: 18px;
	}

	.element-fancybox .lightbox-holder {
		width: 280px;
		padding: 30px 20px 20px;
	}

	.element-fancybox .lightbox-holder .item {
		margin: 0 0 25px;

	}

	.element-fancybox .lightbox-holder h2 {
		margin: 0 0 15px;
	}

	.element-fancybox .fancybox-prev,
	.element-fancybox .fancybox-next {
		left: 10px;
		top: 28px;
	}

	.element-fancybox .fancybox-next {
		left: auto;
		right: 10px;
	}

	.container {
		padding: 0 20px;
	}

	#header {
		background: #000;
		padding: 13px 0 14px;
	}

	.logo {
		max-width: 140px;
	}

	#nav {
		margin: 0;
		padding: 0;
	}

	.nav-drop {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #000;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .3s;
		transition: max-height .3s;
		z-index: 9999;
	}

	.nav-drop > ul {
		text-align: center;
		font-weight: 400;
		padding: 0 0 53px;
	}

	.nav-drop > ul > li {
		display: block;
		padding: 0;
	}

	.nav-drop > ul > li > a {
		display: block;
		background: #797979;
		padding: 10px 15px;
		color: #c6c6c6;
	}

	.nav-drop > ul > li > a:hover {
		color: #c6c6c6;
	}

	.nav-drop > ul ul {
		position: relative;
		opacity: 1;
		visibility: visible;
		width: 100%;
		font-weight: 700;
		padding: 0;
	}

	.nav-drop > ul ul:after {
		display: none;
	}

	.nav-drop > ul ul li {
		margin: 0;
	}

	.nav-drop > ul ul li.active a:after {
		display: none;
	}

	.nav-drop > ul ul a {
		background: 0;
		padding: 10px 15px;
	}

	.visual {
		border-width: 5px;
		line-height: 1.2;
	}

	.visual .bg-stretch:after {
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .2) 45%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .95) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, .2) 45%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .95) 100%);
	}

	.visual p {
		margin: 0 0 2.6em;
	}

	.visual .arrow-down {
		display: block;
	}

	.visual.visual-media .visual-text {
		height: 465px;
		padding: 100px 0 12px;
	}

	.visual.visual-media h1 {
		margin: 0 0 7px;
	}

	.visual.visual-media .logo-holder {
		margin: 0 0 15px;
	}

	.visual.visual-data .visual-text {
		height: 340px;
	}

	.visual.visual-data .bg-stretch:after {
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .3) 64%, rgba(0, 0, 0, .35) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, .4) 20%, transparent 50%, rgba(0, 0, 0, .3) 64%, rgba(0, 0, 0, .35) 100%);
	}

	.logo-animation {
		max-width: 266px;
	}

	.visual-text {
		padding: 69px 0 30px;
	}

	.visual-text .container {
		padding: 0 15px;
	}

	.home .visual-text {
		padding: 102px 0 31%;
		height: 100vh;
	}

	.home .logo-holder {
		margin: 0 0 38px;
	}

	.home .websites-box {
		border-width: 5px;
	}

	.brand-page .visual {
		font-size: 24px;
		line-height: 30px;
	}

	.brand-page .visual-text {
		padding: 102px 0 16px;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		height: 328px;
	}

	.brand-page .logo-holder {
		margin: 0 0 10px;
	}

	.logo-holder {
		margin: 0 0 29px;
	}

	.btn {
		font-size: 16px;
		border-width: 1px;
	}

	.btn.btn-large {
		font-size: 29px;
		line-height: 31px;
		padding: 7px 19px;
		min-width: 227px;
	}

	.list.second-list {
		font-size: 15px;
		line-height: 18px;
	}

	.list.second-list li {
		padding: 0 0 10px 23px;
	}

	.list.second-list li:after {
		font-size: 14px;
	}

	.section-list {
		padding: 11px 0 36px;
		border-width: 5px;
	}

	.section-list .container {
		min-height: 268px;
	}

	.section-list .image-holder {
		right: auto;
		left: -12px;
		bottom: -36px;
		width: 48%;
	}

	.section-list .image-holder.image-holder-2 {
		right: auto;
		left: -72px;
		width: 80%;
	}

	.section-list .text-frame {
		width: 52%;
		float: right;
		padding: 0;
	}

	.section-list.section-list-2 .text-frame {
		width: 41%;
	}

	.section-list.section-list-2 .image-holder {
		right: auto;
		left: -72px;
		width: 80%;
	}

	.section-list.section-list-3 {
		padding: 47px 0 100px;
	}

	.section-list.section-list-3 h1 {
		font-size: 30px;
		line-height: 32px;
		margin: 0 0 4px;
	}

	.section-list.section-list-3 .heading {
		font-size: 15px;
		line-height: 18px;
	}

	.section-list.section-list-3 .text-holder {
		padding: 0;
	}

	.section-list.section-list-3 .image-holder {
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		bottom: -100px;
	}

	.section-list.section-list-4 {
		padding: 52px 0 34px;
	}

	.section-list.section-list-4 .heading {
		padding: 0 0 46px;
	}

	.section-list.section-list-4 .text-frame {
		max-width: 250px;
	}

	.section-list.section-list-4 h1 {
		font-weight: 700;
		line-height: 1.1;
	}

	.heading {
		font-size: 15px;
		line-height: 17px;
		font-weight: 400;
	}

	.heading h1 {
		font-weight: 400;
		margin: 0 0 7px;
	}

	.content-box {
		padding: 29px 0 0;
		border-width: 5px;
	}

	.content-box .col {
		margin: 0;
		width: 100%;
		padding: 0;
	}

	.content-box .col:first-child {
		width: 100%;
	}

	.content-box .col:last-child .box:nth-last-child(2) {
		border: 0;
		margin: 0 0 46px;
	}

	.box {
		border-bottom: 1px solid #797979;
		margin: 0 0 47px;
		padding: 0 0 21px;
	}

	.box.list-box {
		border-bottom: 0;
		background: #efefef;
		border-top: 5px solid #797979;
		margin: 0 -20px;
		padding: 32px 20px 35px;
	}

	.box.list-box h2 {
		margin: 0 0 40px;
	}

	.box.list-box .list {
		max-width: 232px;
		margin: 0 auto;
	}

	.text-box {
		border-width: 5px;
		padding: 45px 0 86px;
		font-weight: 400;
	}

	.text-box:after {
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .3) 88%, rgba(0, 0, 0, .2) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .3) 88%, rgba(0, 0, 0, .2) 100%);
	}

	.text-box h1 {
		font-weight: 400;
		margin: 0 0 26px;
	}

	.text-box .text-frame {
		padding: 0 0 10px;
	}

	.text-box.text-box-2 {
		padding: 120px 0 165px;
		font-size: 15px;
		line-height: 18px;
	}

	.text-box.text-box-2 p {
		margin: 0 0 25px;
	}

	.text-box.text-box-2 h1 {
		font-weight: 700;
		margin: 0 0 7px;
	}

	.websites-box {
		padding: 37px 0 32px;
	}

	.websites-box:after {
		display: none;
	}

	.websites-box h2 {
		font-size: 20px;
		line-height: 22px;
		margin: 0 0 35px;
	}

	.websites-box .logo-frame {
		min-height: 53px;
		margin: 0 0 26px;
	}

	.info-box {
		font-size: 15px;
		line-height: 18px;
		padding: 21px 0 32px;
		border-width: 3px;
	}

	.info-box h2 {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 7px;
	}

	.meet-box {
		border-width: 5px;
	}

	.description-box {
		padding: 19px 0 0;
		border-width: 5px;
	}

	.description-box h2 {
		font-size: 20px;
		line-height: 22px;
		margin: 0 0 2.2em;
	}

	.description-box .btn {
		margin: 0 0 35px;
	}

	.media-box {
		border-width: 5px;
		font-size: 13px;
		line-height: 18px;
		padding: 88px 0 124px;
	}

	.media-box p {
		margin: 0 0 17px;
	}

	.media-box .logo-frame {
		margin: 0 0 9px;
	}

	.media:after {
		width: 8px;
		height: 8px;
		right: -4px;
		top: 3px;
	}

	.hero-box {
		border-width: 5px;
		font-size: 12px;
		line-height: 16px;
		padding: 78px 0 61px;
	}

	.hero-box h1 {
		margin: 0 0 10px;
	}

	.team-block {
		padding: 40px 0 64px;
	}

	.team-block h1 {
		margin: 0 0 20px;
	}

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

	.team-list li {
		width: 48%;
	}
	.team-list li:nth-child(3),
	.team-list li:nth-child(4){
		margin-right: 0%;
	}

	.account-management-team-list li,
	.sales-team-list li{
		width: 31%;
		margin-right: 2%;
	}

	.account-management-team-list li:nth-child(3),
	.sales-team-list li:nth-child(3){
		margin-right: 0;
	}
	.account-management-team-list li:nth-child(4),
	.sales-team-list li:nth-child(4){
		margin-right: 2%;
	}

	.team-list.leadership li:nth-child(3) {
		margin-right: 2%;
	}

	.team-list a {
		padding: 7px;
	}

	.team-list .img {
		float: none;
		margin: 0 auto 6px;
	}

	.team-list h3 {
		font-size: 15px;
		line-height: 18px;
		margin: 0;
	}

	.team-list .position {
		font-size: 12px;
	}

	.team-list .hidden-mobile {
		display: none;
	}

	.lightbox-holder {
		padding: 60px 20px 20px;
		font-size: 12px;
		line-height: 16px;
		width: 420px;
	}

	.lightbox-holder h2 {
		font-size: 15px;
		line-height: 18px;
		margin: 0;
	}

	.lightbox-holder .position {
		font-size: 18px;
		line-height: 1em;
	}

	.lightbox-holder p {
		margin: 0 0 1em;
	}

	.lightbox-holder .close {
		font-size: 25px;
		margin: 5px 0 0;
	}

	.lightbox-holder .btn-prev,
	.lightbox-holder .btn-next {
		font-size: 30px;
		margin: 4px 0 0;
		right: 20%;
	}

	.lightbox-holder .btn-next {
		right: 17%;
	}

	.attom-id {
		padding: 38px 0 18px;
		line-height: 1.2;
	}

	.attom-id h2 {
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 26px;
	}

	.attom-id .bottom-text {
		padding: 0 15px;
	}

	.attom-frame {
		width: 335px;
		padding: 86px 0 115px;
	}

	.attom-frame .text {
		font-size: 15px;
		line-height: 18px;
		width: 116px;
		top: 10%;
	}

	.attom-frame .text:after {
		background: url(images/bg-dotted-mob.png) no-repeat;
		width: 4px;
		height: 129px;
		top: 100%;
		-webkit-transform: translate(-50%, 0) rotate(-37deg);
		-ms-transform: translate(-50%, 0) rotate(-37deg);
		transform: translate(-50%, 0) rotate(-37deg);
		margin: -2px 0 0 41px;
		left: 50%;
	}

	.attom-frame .text.text1 {
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.attom-frame .text.text1:after {
		margin: 11px 0 0;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 4px;
		height: 145px;
	}

	.attom-frame .text.text2 {
		top: 10%;
		left: auto;
		right: 0;
	}

	.attom-frame .text.text2:after {
		-webkit-transform: translate(-50%, 0) rotate(37deg);
		-ms-transform: translate(-50%, 0) rotate(37deg);
		transform: translate(-50%, 0) rotate(37deg);
		margin: -2px 0 0 -41px;
	}

	.attom-frame .text.text3 {
		right: auto;
		left: 0;
		top: 75%;
	}

	.attom-frame .text.text3:after {
		margin: 0;
		-webkit-transform: translate(-50%, 0) rotate(37deg);
		-ms-transform: translate(-50%, 0) rotate(37deg);
		transform: translate(-50%, 0) rotate(37deg);
		left: 50%;
		top: auto;
		bottom: 100%;
		margin: 0 0 -8px 44px;
	}

	.attom-frame .text.text4 {
		top: 86.5%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		left: 50%;
		right: auto;
	}

	.attom-frame .text.text4:after {
		width: 4px;
		height: 145px;
		top: auto;
		bottom: 100%;
		right: auto;
		left: 50%;
		margin: 0 0 11px;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.attom-frame .text.text5 {
		top: 75%;
	}

	.attom-frame .text.text5:after {
		margin: 0;
		-webkit-transform: translate(-50%, 0) rotate(-37deg);
		-ms-transform: translate(-50%, 0) rotate(-37deg);
		transform: translate(-50%, 0) rotate(-37deg);
		left: 50%;
		top: auto;
		bottom: 100%;
		margin: 0 0 -8px -44px;
	}

	.visual-data .item {
		top: 26%;
		left: 22%;
	}

	.visual-data .item.hidden-mobile {
		display: none;
	}

	.visual-data .item .item-holder {
		border-width: 1px;
	}

	.visual-data .item.item-2 {
		left: 63.7%;
		top: 22.3%;
	}

	.visual-data .item.item-3 {
		left: 83.2%;
		top: 38%;
	}

	.visual-data .item.item-4 {
		left: 78.6%;
		top: 60%;
	}

	.visual-data .item.item-5 {
		left: 66.5%;
		top: 78.8%;
	}

	.visual-data .item.item-6 {
		left: 21%;
		top: 78%;
	}

	.visual-data .item.item-7 {
		left: 9.3%;
		top: 49%;
	}

	.table-box {
		border-width: 5px;
		padding: 38px 25px 49px;
	}

	.table-box:after {
		content: "";
		background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .75) 83%, rgba(0, 0, 0, .85) 100%);
		background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .75) 83%, rgba(0, 0, 0, .85) 100%);
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.table-box h2 {
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 17px;
	}

	.table-elements {
		text-align: center;
		width: 500px;
	}

	.table-elements .item {
		width: 50px;
		padding: 0 2px 3px;
		font-size: 5px;
	}

	.table-elements .item .item-holder {
		height: 47px;
	}

	.table-elements .item .item-holder strong:first-letter {
		font-size: 20px;
	}

	.table-elements .item-holder .new-banner {
		position: absolute;
		top: -4px;
		left: -11px;
		border-width: 0 15px 15px 15px;

	}
	.table-elements .item-holder .new-banner:after {
		top: 5px;
		left: -6px;
		font-size: 6px;
		text-align: center;

	}
	.item {
		width: 60px;
		font-size: 8px;
		line-height: 9px;
	}

	.item strong {
		font-size: 13px;
	}

	.item strong:first-letter {
		font-size: 20px;
	}

	.item .item-holder {
		height: 58px;
		padding: 3px 2px 0;
	}

	.item.size-1 {
		width: 29px;
		font-size: 4px;
		line-height: 5px;
	}

	.item.size-1 strong {
		font-size: 8px;
	}

	.item.size-1 strong:first-letter {
		font-size: 11px;
	}

	.item.size-1 .item-holder {
		height: 27px;
		padding: 3px 2px 0;
	}

	.item.size-2 {
		font-size: 3px;
		line-height: 4px;
		width: 25px;
	}

	.item.size-2 strong {
		font-size: 9px;
	}

	.item.size-2 strong:first-letter {
		font-size: 11px;
	}

	.item.size-2 .item-holder {
		height: 23px;
	}

	.item.size-3 {
		width: 31px;
		font-size: 4px;
		line-height: 5px;
	}

	.item.size-3 strong {
		font-size: 8px;
	}

	.item.size-3 strong:first-letter {
		font-size: 11px;
	}

	.item.size-3 .item-holder {
		height: 29px;
		padding: 3px 2px 0;
	}

	.item.size-4 {
		width: 41px;
		font-size: 5px;
		line-height: 6px;
	}

	.item.size-4 strong {
		font-size: 12px;
	}

	.item.size-4 strong:first-letter {
		font-size: 18px;
	}

	.item.size-4 .item-holder {
		height: 39px;
		padding: 3px 2px 0;
	}

	.item.size-5 {
		width: 47px;
		font-size: 7px;
		line-height: 8px;
	}

	.item.size-5 strong {
		font-size: 14px;
	}

	.item.size-5 strong:first-letter {
		font-size: 20px;
	}

	.item.size-5 .item-holder {
		height: 43px;
		padding: 3px 2px 0;
	}

	.item.size-6 {
		width: 52px;
		font-size: 8px;
		line-height: 9px;
	}

	.item.size-6 strong {
		font-size: 16px;
	}

	.item.size-6 strong:first-letter {
		font-size: 22px;
	}

	.item.size-6 .item-holder {
		height: 50px;
		padding: 3px 2px 0;
	}

	.item.size-7 {
		width: 34px;
		font-size: 4px;
		line-height: 5px;
	}

	.item.size-7 strong {
		font-size: 10px;
	}

	.item.size-7 strong:first-letter {
		font-size: 15px;
	}

	.item.size-7 .item-holder {
		height: 32px;
		padding: 3px 2px 0;
	}

	.attom-info {
		border-width: 5px;
		padding: 45px 0 66px;
	}

	.attom-info h2 {
		font-size: 24px;
		line-height: 26px;
		margin: 0 0 26px;
	}

	.info-holder {
		display: block;
		width: 100%;
		margin: 0;
		padding: 20px 0 11px;
		text-align: center;
		font-size: 15px;
		line-height: 18px;
	}

	.info-holder:after {
		width: 10px;
		height: 10px;
		left: 42%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		top: 28px;
	}

	.info-holder h3 {
		text-align: left;
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 4px;
		padding-left:45%;
	}

	.info-holder p {
		margin: 0 0 5px;
	}

	.management-process {
		border-width: 5px;
		padding: 27px 0 64px;
	}

	.management-process h2 {
		font-size: 22px;
		line-height: 26px;
	}

	.icons-box {
		display: block;
		width: 100%;
		margin: 0 0 -4px;
	}

	.icons-box h2 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 6px;
	}

	.icons-box .col {
		width: 100%;
		padding: 0 0 69px;
	}

	.icons-box .col:after {
		top: auto;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translate(-50%, 0) rotate(90deg);
		-ms-transform: translate(-50%, 0) rotate(90deg);
		transform: translate(-50%, 0) rotate(90deg);
		margin: 0;
		font-size: 38px;
	}

	.step-box {
		border-top: 5px solid #464646;
	}

	.step-box .step:nth-child(3n+2) {
		width: 100%;
		padding: 74px 14px 27px;
	}

	.step-box .step:nth-child(3n+2):after {
		background: url(images/step-arrow2.png) no-repeat;
		border: 0;
		background-size: 100% 50px;
	}

	.step-box .step:nth-child(3n+3) {
		width: 100%;
		padding: 79px 14px 36px;
	}

	.step {
		width: 100%;
		font-size: 22px;
		line-height: 24px;
		height: auto;
		padding: 34px 14px 20px;
	}

	.step:after {
		background: url(images/step-arrow.png) no-repeat;
		right: 0;
		left: 0;
		border: 0;
		width: auto;
		height: 50px;
		top: 100%;
		background-size: 100% 50px;
	}

	.step h3 {
		font-size: 22px;
		line-height: 24px;
		margin: 0 0 6px;
	}

	#footer {
		border-width: 3px;
		text-align: center;
	}

	#footer .col:first-child {
		width: 100%;
	}

	#footer .col {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#footer h3 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 13px;
	}

	#footer address {
		line-height: 30px;
	}

	#footer address p {
		margin: 0 0 32px;
	}

	#footer .info-text {
		padding: 0 0 10px;
	}

	#footer .bottom-footer {
		padding: 25px 0;
		font-size: 14px;
	}

	#footer .top-footer {
		font-size: 15px;
		line-height: 18px;
		padding: 66px 0 25px;
	}

	.footer-logo {
		max-width: 198px;
		margin: 0 auto;
		padding: 6px 0 26px;
	}

	#menu-footer-column-menu li a {
		font-weight: 700;
	}

	.widget_nav_menu ul,
	.links-list {
		font-weight: 400;
	}

	.widget_nav_menu ul li,
	.links-list li {
		padding: 0 0 13px;
	}

	.social-networks li {
		padding: 0 10px 10px;
	}

	.social-networks li a {
		width: 49px;
		height: 49px;
		font-size: 23px;
	}

	.social-networks li a.icon-linkedin {
		font-size: 27px;
	}

	.widget.info-widget {
		margin: 0 0 51px;
	}

	.copyright {
		display: block;
		margin: 0 0 8px;
	}

	.footer-list li:first-child:before {
		display: none;
	}
}

.mega-sub-menu li {
  padding: 0;
  
}
.mega-sub-menu > li:after {
  content: '';
}

@media (max-width: 479px) {
	.lightbox-holder {
		width: 260px;
	}

}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 768px) and (min-resolution: 144dpi) {
	.attom-frame .text:after {
		background: url(images/bg-dotted-mob2x.png) no-repeat;
		background-size: 4px 129px;
	}
}
@media (max-width: 1150px) {
	.page-template-template-leadership h4.wp-tiles-byline-title {
		font-size: 15px;
	}
	#mosaic .wp-tiles-byline-wrapper {
		padding: 0;
	}
}

@media (max-width: 650px) {
	#mosaic .wp-tiles-container.wp-tiles-full-width:first-child {
	   display: none;
	}
	#mosaic  .wp-tiles-container.wp-tiles-full-width:last-child {
		display: block;
	}
	.page-template-template-leadership h4.wp-tiles-byline-title {
		font-weight: normal;
		font-size: 15px;
		line-height: 1.3em;
	}
	#mosaic .wp-tiles-byline-wrapper {
		padding: 20px;
		top: 50%;
		position: absolute;
		margin-top: -40%;
	}
	#our-clients .client-list li {
		width: 49%;
		margin-top: 40px;
	}
}

@media (max-width: 568px) {

	.table-elements {
		width: 100%;
	}

	.table-elements .slideset {
		width: 500px;
	}
	.lightbox-holder .img {
		width: 100%;
		display: inline-block;
		vertial-align: top;
		text-align: center;
	}
	.lightbox-holder .description {
		width: 100%;
		display: inline-block;
		float: none;
	}
	.lightbox-holder h3 {
		margin-top: 1em;
	}
}

@media (max-width: 374px) {
	.mark .videoContainer iframe{
		width:300px !important;
		height:170px !important;
	}

	.list.second-list {
		font-size: 14px;
		line-height: 17px;
	}

	.section-list .image-holder {
		width: 42%;
	}

	.section-list .text-frame {
		width: 58%;
	}

	.heading {
		padding: 0 0 20px;
	}

	.element3 .text1 {
		max-width: none;
		padding: 0 0 41px 88px;
		text-align: left;
	}

	.element3 .text1:after {
		left: 0;
	}

	.element3 .text2 {
		max-width: none;
		text-align: left;
		margin: 0 0 0 36px;
	}

	.attom-id .bottom-text {
		padding: 0;
	}

	.attom-id .container {
		padding: 0 10px;
	}

	.attom-frame {
		width: 300px;
	}
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	37% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	55% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	82% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	92% {
		-webkit-transform: scale(.92);
		transform: scale(.92);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	37% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	55% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	82% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	92% {
		-webkit-transform: scale(.92);
		transform: scale(.92);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* news category styles */


#menu-category {
  position: relative;
}
#menu-category li {
  position: static;
}
#menu-category li ul {
    visibility: hidden;
    z-index: 9999;
    position: absolute;
    width: 100vw;
    left: 0;
    top: 60px;
    padding: 0;
    text-align: center !important;
    border: none;
    background: #eb4734;
    box-shadow: none;

}

#menu-category li:hover ul {
   visibility: visible;
}


#menu-category li li a {
    width: 100%;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 90% !important;
}


#menu-category li li a:hover {
  color: #fff !important;
}

#header .menu-category-container ul li.active li a {
  color: #fff !important;
}

  
@media (max-width: 768px) {
  #menu-category li:hover ul {
    position: relative;
  }
  
  #header #mobileShowSubMenu:checked ~ #menu-category {
    height: auto !important;
    

  }
  
  #menu-category ul > li:first-child {
    display: none !important;
  }
  
  #menu-category li ul { 
    top: 10px;
  }
}
  

/* Event Manager Styles */
.event-manager {
  
}
.event-manager ul > li:after {
  content: '' !important;
}

.small-list ul > li:after {
  content: '' !important;
}

.event-manager li.event-item, .small-list li.event-item {
  margin-bottom: 1em !important;
  padding-bottom: 1em !important;
  border-bottom: 1px solid #ececec !important;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.event-manager .pardotform {
  background-color: #ececec;
}

.event-manager .date-and-cat, .small-list .date-and-cat
{
  font-size: 12px;
  text-transform: uppercase;
  color: #89898b;
  text-decoration: none;
}

.event-manager .date-and-cat  ul, .small-list .date-and-cat  ul {
   padding: 0;
   margin: 0;
   display: inline-block;
}

.event-manager .date-and-cat  li {
  display: inline-block;
  padding: 0;
}

#event-single {
  color: #414141;
}

#event-single h1 {
  color: #414141;
  font-weight: bold;
  margin-bottom: 0;
}

#event-single .category {
  text-transform: uppercase;
  font-size: 90%;
  color: #89898b;
  font-weight: bold;
}
#event-single .speaker,
#event-single .date-and-time,
#event-single .location {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  font-weight: bold;
   margin-top: 40px;
}



#event-single .speaker h2,
#event-single .date-and-time h2,
#event-single .location  h2 {
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  color: #89898b;


}

#event-single .speaker img{
  width: 95px;
  height: auto;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}



#event-single .speaker .info {
  display: inline-block;
  
}

#event-single #location-map {
  display: none;
}

#event-single .add-to-cal {
  background: url(images/icon-cal.gif) left center no-repeat;
  padding-left: 25px;
  text-decoration: none;
}

#event-single .see-map {
  background: url(images/icon-map.gif) left center no-repeat;
  padding-left: 18px;
  text-decoration: none;
}

#event-single iframe {
  margin-top: 40px;
}


#event-single .event-item img, .small-list .event-item img{
  display: none !important;
}

#event-single .event-item .cat-name, .small-list .event-item .cat-name {
  display: block;
   text-transform: uppercase;
  font-size: 80%;
  color: #89898b;
  font-weight: bold;
}


#event-single .event-item .date-and-location, .small-list .event-item .date-and-location{
  color: #89898b;
 font-size: 80%; 
 margin-bottom: 0;
}

#event-single .event-item h3, .small-list .event-item h3{
 font-size: 18px !important; 
 margin-bottom: 0;
}
#event-single .event-item h3 a, .small-list .event-item h3 a{
  color: #414141 !important;
   text-decoration: none; 
   font-weight: bold !important;
}

#event-single .event-item .event-description, 
.small-list .event-item .event-description {
  display: none !important;
}

#event-single #sidebar h2 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.6em;
  color: #89898b;
}

@media (max-width: 1300px) {
  #event-single .speaker {
    width: 100%;
  }
  #event-single .speaker .info {
    vertical-align: top;
  }
}

@media (max-width: 568px) {
  #event-single .speaker,
  #event-single .date-and-time,
  #event-single .location {
    display: block;
    width: 100%;
  }
  

 }
 
 

#event-main-page ul,
  .small-list ul{
  margin-left: 0 !important;
}
#event-main-page li:after {
  content: '' !important;
}

#event-main-page li.event-item, .small-list li.event-item{
  list-style: none !important;
  margin-left: 0 !important;
  margin-bottom: 30px;
}

#event-main-page .image-cat {
  display: inline-block;
  width: 35%;
  position: relative;
  vertical-align: top;
  margin-top: 20px;
}

#event-main-page .event-item img {
  margin-top: 0;
}

#event-main-page span.cat-name {
  color: #fff;
  background-color: #eb4734;
  display: block;
  padding: 3px;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-size: 75%;
  font-weight: bold;
}

#event-main-page .listing-info {
  display: inline-block;
  width: 64%;
}

#event-main-page .listing-info p {
  display: inline !important;
}

#event-main-page .listing-info a {
  color: #eb4734 !important;
  font-weight: bold !important;
}
#event-main-page .event-item h3 {
  line-height: 20px;
}
#event-main-page .event-item h3 a{
  font-size: 20px;
  font-weight: bold !important;
  color: #414141 !important;
  line-height: 20px !important;
  
}

#event-main-page .date-and-location {
  text-transform: uppercase;
  font-size: 90%;
  color: #89898b;
  margin-bottom: 1em;
}
#event-main-page .event-item {
    border-bottom: 2px solid #ececec;
    padding-bottom: 1.5em;
    margin-bottom: 3em;
  
  }

@media (max-width: 768px) {
  
  #event-main-page .event-item h3 {
    line-height: 1.1em !important;
  }
  #event-main-page .listing-info, #event-main-page .image-cat {
    display: block;
    width: 100%;
  }
  #event-main-page .image-cat {
     text-align: center;
      width: 254px;
     margin: 2em auto 1em; 
  }
}
#atom-events-future-signup {
  background-color: #ececec !important;
  color: #414141  !important;
  padding: 1em  !important;
  font-size: 16px !important;
  margin-bottom: 40px !important;
}
#atom-events-future-signup h3 {
  font-size: 16px  !important;
  font-weight: bold !important;
  color: #666666 !important;
  text-transform: uppercase !important;
  line-height: 20px !important;
  background: url(images/icon-email.png) left center no-repeat  !important;
  padding-left: 32px !important;
  margin-bottom: 1em !important;
}


#atom-events-future-signup iframe {
  margin-top: 0;
  margin-bottom: 0;
  }