/*------------------------------------------/*
	Basic styling 
	-reset 
	-typography
/*-----------------------------------------*/
.grey-background { background: #f1f1f1; }

.white-background { background: #ffffff !important; }

.stick { position: fixed; }

.showbullets { padding-left: 20px; list-style: initial !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .x2 { font-size: 1px; } }
html { font-family: inherit; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; width: 100%; height: 100%; }

html, body { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; text-decoration: none; vertical-align: baseline; }

body { width: 100%; height: 100%; font-size: 16px; font-family: museo-sans, sans-serif; font-weight: 400; color: #000; background: #fff; }

div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, strong { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-decoration: none; vertical-align: baseline; }

strong, b { font-weight: bold; }

:focus, :active { outline: 0; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a { -webkit-tap-highlight-color: transparent; color: #dc2323; }
a:hover:not(.round_button) { opacity: 1; color: #b60303; }

* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

.no-call-out { -webkit-touch-callout: none; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }

.no-cssanimations .animated { opacity: 1 !important; display: block !important; }

::-webkit-input-placeholder { color: #a9a9a9; }

:-moz-placeholder, ::-moz-placeholder { color: #a9a9a9; }

:-ms-input-placeholder { color: #a9a9a9; }

::selection { background: #c3191c; color: #ffffff; text-shadow: none; }

::-moz-selection { background: #c3191c; color: #ffffff; text-shadow: none; }

input, textarea { box-sizing: content-box; -webkit-appearance: none; }

input:focus, textarea:focus { outline: none; }

.animate { -webkit-perspective: 1000; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.animate, html.js .animate { opacity: 0; }

html.mobile .animate, html.no-csstransitions .animate { opacity: 1 !important; }

.hidden { display: none; }

.wf-loading p, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading .button, .wf-loading li, .wf-loading .download_app span { opacity: 0; }

.wf-active p, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active .button, .wf-active li, .wf-active .download_app span { opacity: 1; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #a9a9a9; }

input.highlight { border-color: #d52121 !important; }

/*--------TICK LIST--------*/
.tick-list li { color: #7e7e7e; margin-bottom: 15px; background: url("images/tick.png") no-repeat left center; }
.tick-list li .fa { color: #ea3e18; float: left; margin-right: 15px; }
.tick-list li p { padding-left: 32px; }

@font-face { font-family: "revsglobal-widgets"; src: url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.eot#?-9mqhya"); src: url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.eot?#iefix-9mqhya") format("embedded-opentype"), url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.woff2?-9mqhya") format("woff2"), url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.woff?-9mqhya") format("woff"), url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.ttf?{$font-version}") format("truetype"), url("https://s3.amazonaws.com/icomoon.io/40686/revsglobal-widgets/revsglobal-widgets.svg?-9mqhya#revsglobal-widgets") format("svg"); font-weight: 400; font-style: normal; }
/*------------Type & links------------*/
.intro_text { font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 37px; color: #3f3f3f; line-height: 1.275; }

.body_text { color: #7e7e7e; line-height: 1.7; font-size: 16px; }

.main_intro { text-align: center; margin: 40px 0; }

h4.section-header { color: #3f3f3f; font-size: 40px; padding-bottom: 25px; margin-bottom: 32px; border-bottom: 1px solid #e1e1e1; width: 100%; display: block; font-family: museo-sans-rounded, sans-serif; font-weight: 300; }

h4.section-header--multiple { margin-top: 60px; }

@media (max-width: 910px) { h4.section-header { font-size: 35px; } }
@media (max-width: 700px) { h4.section-header { font-size: 30px; } }
/*------------------------------------------/*
	Plug-ins
	-fontawesome
	-highlight js
	-animated
	-animated two section
	-icon-widgets (used for review pannels)
/*-----------------------------------------*/
.hljs { display: block; overflow-x: auto; padding: 30px 40px; background: #3f3f3f; color: #717171; -webkit-text-size-adjust: none; font-family: "Courier"; }

.hljs-comment, .hljs-shebang { color: #a0a0a0; font-style: italic; }

.hljs-keyword, .ruby .hljs-function .hljs-keyword, .hljs-request, .hljs-status, .nginx .hljs-title, .method, .hljs-list .hljs-title { color: #c26230; }

.hljs-string, .hljs-number, .hljs-regexp, .hljs-tag .hljs-value, .hljs-cdata, .hljs-filter .hljs-argument, .hljs-attr_selector, .apache .hljs-cbracket, .hljs-date, .tex .hljs-command, .asciidoc .hljs-link_label, .markdown .hljs-link_label { color: #c543d1; }

.hljs-subst { color: #519f50; }

.hljs-tag, .hljs-tag .hljs-keyword, .hljs-tag .hljs-title, .hljs-doctype, .hljs-sub .hljs-identifier, .hljs-pi, .input_number { color: #e8bf6a; }

.hljs-identifier { color: #d0d0ff; }

.hljs-class .hljs-title, .hljs-type, .smalltalk .hljs-class, .hljs-doctag { text-decoration: none; }

.hljs-constant, .hljs-name { color: #da4939; }

.hljs-symbol, .hljs-built_in, .ruby .hljs-symbol .hljs-string, .ruby .hljs-symbol .hljs-identifier, .asciidoc .hljs-link_url, .markdown .hljs-link_url, .hljs-attribute { color: #6d9cbe; }

.asciidoc .hljs-link_url, .markdown .hljs-link_url { text-decoration: underline; }

.hljs-params, .hljs-variable, .clojure .hljs-attribute { color: #d0d0ff; }

.css .hljs-tag { color: #cda869; }
.css .hljs-class { color: #9b703f; }
.css .hljs-id { color: #8b98ab; }

.hljs-rule .hljs-property, .hljs-pseudo, .tex .hljs-special { color: #cda869; }

.hljs-rule .hljs-keyword { color: #c5af75; }

.hljs-rule .hljs-value { color: #cf6a4c; }

.hljs-annotation, .apache .hljs-sqbracket, .nginx .hljs-built_in { color: #9b859d; }

.hljs-preprocessor, .hljs-preprocessor *, .hljs-pragma { color: #8996a8 !important; }

.hljs-hexcolor, .css .hljs-value .hljs-number { color: #c543d1; }

.hljs-title, .hljs-decorator, .css .hljs-function { color: #ffc66d; }

.diff .hljs-header, .hljs-chunk { background-color: #2f33ab; color: #e6e1dc; display: inline-block; width: 100%; }

.diff .hljs-change { background-color: #4a410d; color: #f8f8f8; display: inline-block; width: 100%; }

.hljs-addition { background-color: #144212; }

.hljs-addition, .hljs-deletion { color: #e6e1dc; display: inline-block; width: 100%; }

.hljs-deletion { background-color: #600; }

.coffeescript .javascript, .javascript .xml, .tex .hljs-formula { opacity: 0.7; }

.xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata { opacity: 0.7; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*animated css*/
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: 0.75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes jello { 11.1% { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% { -webkit-transform: none; transform: none; } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); }
  0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  80%, 100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); }
  0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  80%, 100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: center; transform-origin: center; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: center; transform-origin: center; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: center; transform-origin: center; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: center; transform-origin: center; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { opacity: 1; }
  0%, 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; }
  100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); }
  20%, 60%, 40%, 80% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); }
  20%, 60%, 40%, 80% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50%, 100% { opacity: 0; } }
@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50%, 100% { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@keyframes blink { to { visibility: hidden; } }
@-webkit-keyframes blink { to { visibility: hidden; } }
.animated-two-section { background: #f1f1f1; min-height: 600px; position: relative; }
.animated-two-section:before, .animated-two-section:after { content: ''; display: block; position: absolute; height: 100%; top: 0; }
.animated-two-section:after { background: #e8e8e8; width: 23%; right: 0; }
.animated-two-section .animated-diagram--left { width: 65%; position: absolute; left: 0; height: 100%; z-index: 2; }
.animated-two-section .animated-diagram--left img, .animated-two-section .animated-diagram--left video { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; display: block; margin: 0 auto; max-width: 840px; position: absolute; -webkit-filter: brightness(100%); filter: brightness(100%); }
.animated-two-section .animated-diagram--left img { display: none; }
.animated-two-section .animated-diagram--right { width: 35%; position: absolute; right: 0; height: 100%; background: #e8e8e8; z-index: 2; padding-right: 20px; }
.animated-two-section .animated-diagram--inner { position: relative; height: 600px; }
.animated-two-section .animated-diagram--inner-contact { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 85px; }
.animated-two-section .animated-diagram--inner-contact p.intro_text { font-family: museo-sans-rounded, sans-serif; font-weight: 300; color: #3f3f3f; font-size: 34px; line-height: 1.475; margin-bottom: .65em; }
.animated-two-section .animated-diagram--inner-contact p.body_text { color: #7e7e7e; line-height: 1.7; font-size: 16px; margin-bottom: 2em; }
.animated-two-section .animated-diagram--inner-contact a:after { position: absolute; width: 100%; height: 100%; border-radius: 40px; }

.animated-two-section > .container { position: relative; height: 600px; }

@media (max-width: 1353px) { .animated-two-section > .container { overflow: hidden; padding: 0; }
  .animated-two-section .animated-diagram--left { width: 840px; float: none; position: relative; }
  .animated-two-section .animated-diagram--right { width: auto; float: right; position: relative; margin-left: 880px; }
  .animated-two-section .animated-diagram--inner-contact { padding-left: 50px; } }
@media (max-width: 1278px) { .animated-two-section .animated-diagram--inner-contact p.intro_text { font-size: 30px; } }
@media (max-width: 1220px) { .animated-two-section .animated-diagram--inner-contact { padding-left: 20px; }
  .animated-two-section .animated-diagram--inner-contact p.intro_text { font-size: 27px; } }
@media (max-width: 1160px) { .animated-two-section > .container { height: auto; padding: 0; }
  .animated-two-section:before, .animated-two-section:after { display: none; }
  .animated-two-section .animated-diagram--left { float: none; width: 100%; position: relative; left: auto; padding: 40px 20px; }
  .animated-two-section .animated-diagram--left img, .animated-two-section .animated-diagram--left video { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; position: relative; }
  .animated-two-section .animated-diagram--left img { display: block; }
  .animated-two-section .animated-diagram--left video { display: none; }
  .animated-two-section .animated-diagram--right { float: none; width: 100%; position: relative; right: auto; padding: 0 20px; margin-left: 0; }
  .animated-two-section .animated-diagram--right--inner-contact { padding-left: 50%; }
  .animated-two-section .animated-diagram--inner { height: auto; padding: 40px 0; }
  .animated-two-section .animated-diagram--inner-contact { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; } }
@media (max-width: 1100px) { .animated-two-section .animated-diagram--inner-contact { padding-left: 30px; } }
@media (max-width: 768px) { .animated-two-section .animated-diagram--left img, .animated-two-section .animated-diagram--left video { width: 100%; }
  .animated-two-section .animated-diagram--inner-contact { padding-left: 0; } }
[class^="icon-widgets-"], [class*=" icon-widgets-"] { font-family: 'revsglobal-widgets'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-widgets-logo-01:before { content: "\e600"; }

.icon-widgets-full-star-01:before { content: "\e601"; font-size: 25px; }

.icon-widgets-empty-star-01:before { content: "\e602"; font-size: 25px; }

.icon-widgets-right-arrow-01:before { content: "\e603"; }

.icon-widgets-reviews-fav-01:before { content: "\e604"; }

.icon-widgets-reviews-us-1-01:before { content: "\e605"; }

.icon-widgets-percentage-star-25-01:before { content: "\e606"; }

.icon-widgets-percentage-star-50-01:before { content: "\e607"; }

.icon-widgets-percentage-star-75-01:before { content: "\e608"; }

.icon-widgets-reviews-global-logo-01:before { content: "\e609"; }

.icon-widgets-reviewio-logo-01:before { content: "\e60a"; }

/*------------------------------------------/*
	Components 
	-navigation
	-buttons
	-live chat
	-reviews

/*-----------------------------------------*/
/*------Search-Bar-------*/
header .search-icon { float: left; text-align: center; line-height: 35px; border-radius: 50%; width: 35px; height: 35px; margin: 25px -5% 25px 0; z-index: 999; }
header .search-icon a { color: #ffc9bb; font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 17px; position: relative; display: block; }
header .search-icon a:hover, header .search-icon a:focus { color: white; }

.search_text { font-weight: 700; }

.search-item { border-bottom: 1px solid #f1f1f1; width: 100%; padding: 15px 0; /* height: 100%; */ }
.search-item:hover, .search-item:focus { cursor: pointer; }
.search-item:hover .title, .search-item:focus .title { color: #dc2323; }
.search-item:last-child { border-bottom: none; }
.search-item .image-wrapper { width: 30%; float: left; line-height: 150px; height: 100%; padding: 0 6%; }
.search-item img { width: 100%; vertical-align: middle; }

.search { position: fixed; width: 100%; z-index: 20; display: none; top: 0px; }

.search-pannel { z-index: 1000; top: 0; background-color: #3f3f3f; height: 85px; width: 100%; top: 0; }
.search-pannel > .container { height: 85px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; overflow: visible; }
.search-pannel .search-logo { display: block; float: left; clear: none; width: 17.6%; margin-left: 0; margin-right: 3%; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); min-width: 160px; max-width: 230px; }
.search-pannel .search-logo img { width: 100%; }
.search-pannel .search-input { float: left; clear: none; width: 60%; margin-left: 0; margin-right: 0; line-height: 85px; height: 100%; }
.search-pannel .search-input input { height: 100%; background-color: transparent; line-height: 85px; font-size: 30px; width: 100%; color: #ffffff; border: none; font-family: museo-sans-rounded, sans-serif; font-weight: 300; }
.search-pannel .search-icon { float: left; text-align: center; line-height: 35px; background-color: #dc2323; border-radius: 50%; width: 35px; height: 35px; margin: 25px 0; }
.search-pannel .search-icon a { color: #ffffff !important; font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 17px; position: relative; display: block; }
.search-pannel .search-loading { float: left; text-align: center; line-height: 35px; width: 35px; height: 35px; margin: 25px 0; margin-right: 10px; }
.search-pannel .search-loading img { width: 100%; height: 100%; display: none; }
.search-pannel .close-icon { float: left; text-align: center; line-height: 35px; border-radius: 50%; width: 35px; height: 35px; margin: 25px 0; }
.search-pannel .close-icon a { color: #ffffff; font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 18px; position: relative; display: block; }

.search-results { display: none; }
.search-results .search-wrap { background-color: #ffffff; padding: 20px; width: 60%; margin: 0 auto; margin-bottom: 20px; -webkit-box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.8); -moz-box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.8); -ms-box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.8); -o-box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.8); box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.8); max-height: 500px; overflow-y: scroll; overflow-x: hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.search-results .cat-header { text-transform: uppercase; border-bottom: 2px solid #3f3f3f; font-weight: 500; padding-bottom: 5px; color: #3f3f3f; }

.search #blog .image-wrapper { line-height: normal; }
.search #blog .image-wrapper p { text-align: center; color: #3f3f3f; line-height: normal; }
.search #blog img { border-radius: 50%; padding: 0 10px; }
.search #blog span { color: #dc2323; }
.search #download .search-item .image-wrapper { text-align: center; font-size: 90px; line-height: 90px; color: #3f3f3f; }
.search #download .search-item .image-wrapper:before { content: '\f1c1'; font-family: 'FontAwesome'; font-size: 90px; color: #3f3f3f; }
.search #products .title { display: inline-block; border: 2px solid #df1f17; border-radius: 4px; vertical-align: middle; }
.search #products .title span { display: block; color: #fff; padding: 0 4px; font-weight: 300; font-size: 34px; font-family: museo-sans-rounded, sans-serif; }
.search .title { color: #3f3f3f; font-size: 20px; }
.search .first-word { float: left; color: #3f3f3f !important; font-size: 24px !important; line-height: 30px; }
.search .second-word { font-size: 20px !important; line-height: 30px !important; background: #df1f17; float: right; padding: 0 9px 0 10px; }

.search-item .text-wrapper { width: 70%; float: left; height: 100%; padding: 20px 0; }
.search-item .description { margin: 15px 0; }
.search-item .extra-info { color: #3f3f3f; margin-bottom: 15px; font-size: 14; }

.search-results a { color: #dc2323; text-decoration: underline; font-size: 15px; font-weight: 700; }
.search-results a:hover, .search-results a:focus { color: #af1216; }

@media (max-width: 1024px) { .search, header .search-icon { display: none; } }
/*-----go to uk site-----*/
.close-btn { font-size: 17px; line-height: 40px; padding-top: 0; text-align: center; width: 30px; }
.close-btn:hover, .close-btn:focus { color: #af1216; }

/*--------header navigation---------*/
header { top: 0; background-color: #d52121; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(125, 185, 232, 0)), color-stop(2%, rgba(175, 18, 22, 0.04)), color-stop(50%, #af1216)); background-image: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(175, 18, 22, 0.04) 2%, #af1216 50%); background-image: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(175, 18, 22, 0.04) 2%, #af1216 50%); height: 85px; width: 100%; position: absolute; z-index: 7; top: 0; }
header > .container { height: 85px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: visible; }
header > .container .header-logo { display: block; float: left; clear: none; width: 17.6%; margin-left: 0; margin-right: 3%; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); min-width: 160px; max-width: 230px; }
header > .container .header-logo:last-child { margin-right: 0; }
header > .container .header-logo img { width: 100%; }
header > .container nav { float: left; clear: none; width: 60%; margin-left: 0; margin-right: 0; line-height: 85px; }
header > .container nav ul { display: table; width: 100%; }
header > .container nav ul li { display: table-cell; text-align: center; }
header > .container nav ul li a { color: #ffc9bb; font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 17px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; display: block; }
header > .container nav ul li a.active, header > .container nav ul li a:hover { color: #fff; }
header > .container nav.open { position: absolute; line-height: 40px; top: 85px; width: 100%; left: 0; right: 0; background: #c11b1b; display: none; }
header > .container nav.open ul, header > .container nav.open ul li { display: block; }
header > .container nav.open ul li a { font-weight: 300; padding: 19px; font-size: 22px; }
header > .container nav.open ul li a.active, header > .container nav.open ul li a:hover { background: #dc2323; }
header > .container nav.open ul li a.active:after, header > .container nav.open ul li a:hover:after { display: none; }
header > .container .header_right { clear: none; width: 17.6%; margin-left: 0; float: right; text-align: right; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-right: 0; }
header > .container .header_right:last-child { margin-right: 0; }
header > .container .header_right p { color: #ffc9bb; font-size: 17px; font-weight: 500; }
header > .container .header_right p span { display: block; color: #ffe7e1; font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 21px; line-height: 36px; }
header > .container .header_right .header-nav--region { float: right; position: relative; }
header > .container .header_right .header-nav--region a { font-size: 17px; display: inline-block; vertical-align: middle; color: #ffc9bb; }
header > .container .header_right .header-nav--region a.active { color: #fff; }
header > .container .header_right .header-nav--region a:before { content: ''; background: url("images/flags/uk.png") no-repeat; display: block; width: 14px; height: 11px; margin-right: 10px; display: inline-block; vertical-align: middle; }
header > .container .header_right .header-nav--region a:after { content: '\f0d7'; font-family: 'FontAwesome'; display: block; margin-left: 10px; margin-top: 1px; float: right; }
header > .container .header_right .header-nav--region a.flag-usa:before { background: url("images/flags/usa.png") no-repeat; }
header > .container .header_right .header-nav--region a.flag-uk:before { background: url("images/flags/uk.png") no-repeat; }
header > .container .header_right .header-nav--region a.flag-ohcanada:before { background: url("images/flags/ohcanada.png") no-repeat; }
header > .container .header_right .header-nav--region a.flag-germany:before { background: url("images/flags/germany.png") no-repeat; }
header > .container .header_right .header-nav--region a.flag-aus:before { background: url("images/flags/aus.png") no-repeat; }
header > .container .header_right .header-nav--region a.flag-europe:before { background: url("images/flags/europe.png") no-repeat; }
header > .container .mobile_menu { display: none; }
header.small_header { height: 85px; top: -85px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header.small_header > .container { height: 85px; }
header.small_header.scrolled_up { position: fixed; top: 0; }
header.small_header .header-logo img { width: 80%; }
header.small_header nav { line-height: 85px; }
header.small_header nav ul li a.active:after, header.small_header nav ul li a:hover:after { bottom: 16px; }
header.small_header .header_right > div { display: none !important; }

@media (max-width: 1150px) { header > .container .header_right p { font-size: 14px; }
  header > .container .header_right p span { font-size: 20px; } }
@media (max-width: 1024px) { header, header > .container { height: 85px; }
  header > .container nav, header > .container .header_right { display: none; }
  header > .container .mobile_menu { display: block; height: 40px; width: 40px; float: right; background-size: 30% !important; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url("images/nav/hamburg.png") center center no-repeat; padding: 42px; right: -19px; }
  header > .container .mobile_menu.active { background: #c11b1b url("images/nav/close.png") center center no-repeat; } }
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2) { header .mobile_menu { background: url("images/nav/hamburg@2x.png") center center no-repeat; } }
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2) { header.active { background: url("images/nav/close.png") center center no-repeat; } }
/*----REGION SELECTOR----*/
.region-selector { -moz-appearance: none; -webkit-appearance: none; background: 0 0; border: 0; cursor: pointer; }
.region-selector .flag-option { color: #ffc9bb; font-weight: 700; }
.region-selector .flag-option:before { content: ''; display: block; }

.region-selector--flag:before { background-image: url("../images/flags/flag.png"); }

.region-selector__drop-down { position: absolute; top: 52px; right: -10%; width: 200px; background: #ffffff; border-radius: 0 0 25px 25px; padding: 10px 0 15px; border: 1px solid #ccc; border-top: 1px solid #ffffff; text-align: left; z-index: 2; display: none; }
.region-selector__drop-down:after { content: ''; position: absolute; top: -1px; left: 50%; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 10px 0 10px; border-color: #bb161a transparent transparent transparent; }
.region-selector__drop-down a { color: #8d8d8d !important; display: block; margin: 5px 0 0 !important; vertical-align: middle; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; padding: 4px 25px; width: 100%; }
.region-selector__drop-down a:hover { opacity: .8; background: #f0f0f0; }
.region-selector__drop-down a:after, .region-selector__drop-down a:before { display: none !important; }
.region-selector__drop-down a img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.region-selector__drop-down a span { display: inline-block; vertical-align: middle; font-size: 14px; }

.region-selector__drop-down--bottom { top: auto; bottom: 66px; border-radius: 25px 25px 0 0; border-bottom: none; border-top: 1px solid #ccc; }
.region-selector__drop-down--bottom:after { display: none; }

/*------SUB-PAGE NAV------*/
.sub-page-nav { border-bottom: 3px solid #f0f0f0; }
.sub-page-nav .container { margin-bottom: -3px; }
.sub-page-nav ul { width: 100%; overflow: hidden; }
.sub-page-nav ul li { font-family: museo-sans-rounded, sans-serif; text-transform: uppercase; float: left; border-right: 3px solid #f0f0f0; padding: 0 1.45%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 3px solid #f0f0f0; }
.sub-page-nav ul li:first-child { border-left: 3px solid #f0f0f0; }
.sub-page-nav ul li a { color: #a0a0a0; font-weight: 700; font-size: 13px; letter-spacing: .1em; line-height: 65px; display: block; position: relative; }
.sub-page-nav ul li a.active, .sub-page-nav ul li a:hover { color: #3f3f3f; }
.sub-page-nav ul li a.active:before, .sub-page-nav ul li a:hover:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; margin-left: -12px; border-style: solid; border-width: 0 12.5px 10px 12.5px; border-color: transparent transparent #dc2323 transparent; }
.sub-page-nav ul li a.active:after, .sub-page-nav ul li a:hover:after { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; background: #dc2323; }
.sub-page-nav ul li a.active a, .sub-page-nav ul li a:hover a { color: #dc2323; }

.sub-page-nav--products ul li { float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; padding: 0; }
.sub-page-nav--products ul li a { text-align: center; }
.sub-page-nav--products ul li.active, .sub-page-nav--products ul li:hover, .sub-page-nav--products ul li.active a, .sub-page-nav--products ul li:hover a { color: #3f3f3f;}
.sub-page-nav--products ul li.active a:before, .sub-page-nav--products ul li:hover a:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; margin-left: -12px; border-style: solid; border-width: 0 12.5px 10px 12.5px; border-color: transparent transparent #dc2323 transparent; }
.sub-page-nav--products ul li.active a:after, .sub-page-nav--products ul li:hover a:after { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; background: #dc2323; }

.sub-page-nav--application ul { display: table; }
.sub-page-nav--application ul li { display: table-cell; float: none; text-align: center; padding: 0; }
.sub-page-nav--application ul li.active, .sub-page-nav--application ul li:hover, .sub-page-nav--application ul li.active a, .sub-page-nav--application ul li:hover a { color: #3f3f3f; }
.sub-page-nav--application ul li.active a:before, .sub-page-nav--application ul li:hover a:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; margin-left: -12px; border-style: solid; border-width: 0 12.5px 10px 12.5px; border-color: transparent transparent #dc2323 transparent; }
.sub-page-nav--application ul li.active a:after, .sub-page-nav--application ul li:hover a:after { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; background: #dc2323; }
.sub-page-nav--application ul li a { padding: 0 5%; }

@media (max-width: 1300px) { .sub-page-nav--application ul li a { font-size: 12px; } }
@media (max-width: 1145px) { .sub-page-nav--application ul li a { font-size: 11px; } }
.sub-page-nav--resource-cs ul { display: table; }
.sub-page-nav--resource-cs ul li { float: none; display: table-cell; text-align: center; padding: 0; }
.sub-page-nav--resource-cs ul li.active, .sub-page-nav--resource-cs ul li:hover, .sub-page-nav--resource-cs ul li.active a, .sub-page-nav--resource-cs ul li:hover a { color: #3f3f3f; }
.sub-page-nav--resource-cs ul li.active a:before, .sub-page-nav--resource-cs ul li:hover a:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; margin-left: -12px; border-style: solid; border-width: 0 12.5px 10px 12.5px; border-color: transparent transparent #dc2323 transparent; }
.sub-page-nav--resource-cs ul li.active a:after, .sub-page-nav--resource-cs ul li:hover a:after { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; background: #dc2323; }

.sub-page-nav .application-menu { font-size: 13px; letter-spacing: .1em; line-height: 65px; position: relative; text-transform: uppercase; border-bottom: 3px solid #f0f0f0; width: 100%; font-weight: 700; color: #dc2323; padding: 0 20px; display: none; }
.sub-page-nav .application-menu:after { content: '\f078'; font-family: 'FontAwesome'; float: right; }

@media (max-width: 1100px) { .sub-page-nav .application-menu { display: block; }
  .sub-page-nav .container { padding: 0; }
  .sub-page-nav .container ul { display: none; }
  .sub-page-nav .container ul.open-sub { display: block; }
  .sub-page-nav .container ul li { border-left: 0; border-right: 0; display: block; width: 100%; }
  .sub-page-nav .container ul li.active, .sub-page-nav .container ul li:hover, .sub-page-nav .container ul li.active a, .sub-page-nav .container ul li:hover a { color: #dc2323; }
  .sub-page-nav .container ul li.active a:before, .sub-page-nav .container ul li:hover a:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; margin-left: -12px; border-style: solid; border-width: 0 12.5px 10px 12.5px; border-color: transparent transparent #dc2323 transparent; }
  .sub-page-nav .container ul li.active a:after, .sub-page-nav .container ul li:hover a:after { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; background: #dc2323; }
  .sub-page-nav .container ul li:first-child { border-left: 0; }
  .sub-page-nav .container ul li a { font-size: 13px; } }
/*----INTERNAL NAVIGATION---*/
.internal_nav { border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; width: 100%; }
.internal_nav.no-border-top { border-top: none; }
.internal_nav .hp-internal-title { text-align: center; margin-bottom: 30px; }
.internal_nav .internal_nav--inner { overflow: hidden; padding: 105px 0; }
.internal_nav .internal_nav--inner .internal_nav--single { text-align: center; float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; }
.internal_nav .internal_nav--inner .internal_nav--single:last-child { border-right: 0; }
.internal_nav .internal_nav--inner .internal_nav--single img { display: block; margin: 0 auto; max-width: 100%; }
.internal_nav .internal_nav--inner .internal_nav--single .internal_nav--link { margin: 0 auto; }
.internal_nav .internal_nav--inner .internal_nav--single--no-border { border-right: none; }

@media (max-width: 1000px) { .internal_nav .internal_nav--inner .internal_nav--single img { width: 65%; margin: 0 auto 3em; }
  .internal_nav .internal_nav--inner .internal_nav--single .internal_nav--link { padding: 10px 45px; max-width: 190px; } }
@media (max-width: 768px) { .internal_nav .internal_nav--inner { padding: 50px 0; }
  .internal_nav .internal_nav--inner .internal_nav--single { width: 100%; margin-bottom: 70px; border-right: 0; }
  .internal_nav .internal_nav--inner .internal_nav--single img { position: relative; margin: 0 auto 2em; width: 100%; } }
/*-----interaction bar-----*/
.interaction-bar { background: #f1f1f1; }
.interaction-bar > .container { height: 140px; max-width: 650px; }
.interaction-bar > .container p { float: left; font-family: museo-sans-rounded, sans-serif; color: #3f3f3f; font-size: 21px; font-weight: 500; }
.interaction-bar > .container p, .interaction-bar > .container .interaction-bar--links { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.interaction-bar > .container .interaction-bar--links { float: right; }
.interaction-bar > .container .interaction-bar--links .round_button { float: none; margin: 0 auto; display: block; max-width: 230px; }

@media (max-width: 1080px) { .interaction-bar { padding: 40px 0; }
  .interaction-bar > .container { height: 100%; }
  .interaction-bar > .container p { text-align: center; margin-bottom: 20px; }
  .interaction-bar > .container p, .interaction-bar > .container .interaction-bar--links { top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; }
  .interaction-bar > .container .interaction-bar--links { float: none; margin: 0 auto; overflow: hidden; max-width: 500px; } }
@media (max-width: 530px) { .interaction-bar > .container .interaction-bar--links .round_button { width: 100%; max-width: 100%; margin: 10px 0; } }
.round_button { cursor: pointer; background-color: #d52121; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(125, 185, 232, 0)), color-stop(2%, rgba(175, 18, 22, 0.04)), color-stop(50%, #af1216)); background-image: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(175, 18, 22, 0.04) 2%, #af1216 50%); background-image: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(175, 18, 22, 0.04) 2%, #af1216 50%); color: #fff; display: inline-block; text-align: center; text-transform: uppercase; padding: 17px 45px; border-radius: 40px; font-family: museo-sans-rounded, sans-serif; font-weight: 600; letter-spacing: .2em; font-size: 14px; -webkit-transition: background .5s ease-out; z-index: 1; position: relative; display: inline-block; }
.round_button span.inner_round { position: relative; z-index: 3; }
.round_button.small_button { max-width: auto; display: inline-block; padding: 11px 20px; text-transform: none; letter-spacing: normal; margin-top: 20px; }

.white_button { color: #fff; border-radius: 40px; border: 2px solid #fff; padding: 14px 0; max-width: 255px; width: 100%; display: block; text-align: center; margin-top: 1.5em; text-transform: uppercase; letter-spacing: .1em; font-size: 14px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.white_button:hover { background: #dc2323; border: 2px solid #dc2323; color: #fff !important; }

.more_button_wrapper { /* margin:0 auto; */ padding-top: 40px; text-align: center; }

@media (max-width: 768px) { .more_button_wrapper { padding-top: 30px; } }
/* small buttons */
@media (max-width: 460px) { .more_button_wrapper { padding: 30px 30px 0 30px; }
  .more_button_wrapper .round_button { width: 100%; }
  .product-free-trial .optimise-performance--inner a.round_button { width: 100%; } }
/*-------LIVE CHAT-------*/
.live-chat { position: fixed; top: 338px; right: -350px; cursor: pointer; z-index: 8; }
.live-chat.show, .live-chat.sticky { -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; transition: all 0 ease-in-out; }
.live-chat.sticky { top: 140px; position: fixed; }
.live-chat .close-live-chat { color: #ffffff; padding: 10px 5px 10px 15px; display: inline-block; }
.live-chat .close-live-chat:before { content: '\f00d'; font-family: 'FontAwesome'; margin-right: 12px; padding: 4px 3px 4px 4px; }
.live-chat .close-live-chat:hover { color: #ffffff; }
.live-chat .close-live-chat.closed:before { content: '\f086'; font-family: 'FontAwesome'; margin-right: 12px; padding: 5px; }
.live-chat .open-chat { transform: rotate(90deg); background-color: #d52121; color: #ffffff; display: inline-block; height: 100%; padding: 10px 0px 10px 15px; width: 134px; }
.live-chat .open-chat:after { content: '\f086'; font-family: 'FontAwesome'; margin-left: 6px; padding: 5px 20px 5px 10px; }

#chat-container { background-color: #d52121; color: #ffffff; margin-left: 86px; margin-top: -86px; padding: 15px; }
#chat-image { display: inline-block; width: 64px; height: 64px; background-color: #ffffff; }
#chat-image > img { width: 64px; height: 64px; }
#chat-context { background-color: #ffffff; color: #000; padding: 21px 25px 69px 15px; margin-bottom: 10px; display: inline-block; }
#chat-context-container { padding-left: 68px; }
#chat-context span { display: block; line-height: 25px; }
#chat-input { display: inline-block; padding: 5px; background-color: #ffffff; width: 150px; height: 28px; font-size: 13px; color: #000; }
#chat-send { display: inline-block; margin-left: 1px; padding: 5px 15px; background-color: #666666; height: 28px; font-size: 12px; }
#chat-blink { animation: blink 1s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; }

@media (max-width: 768px) { .live-chat { display: none; } }
/*------------------------------------------/*
	Layouts
	-modals
	-grid/template 
	-header (hero banner)
/*-----------------------------------------*/
body.modal-open { overflow: hidden; position: fixed; }

.contact-modal { width: 380px; height: 620px; }
.contact-modal form.success-hide { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; }

.contact-modal--get-quote { width: 380px; height: 620px; }

.language-modal { max-width: 830px; width: 100%; height: 271px; max-height: 100%; position: fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.language-modal .language-modal-wrapper { background: #ffffff; box-sizing: border-box; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 45px 30px; text-align: center; }
.language-modal .intro_text { font-size: 32px; font-weight: 500; margin: 10px 0; }
.language-modal .intro_text:before { content: ''; background-size: contain; background-position: left center; background-repeat: no-repeat; width: 68px; height: 34px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.language-modal.uk .intro_text:before { background-image: url(images/flags/pop-up/uk.png); }
.language-modal.ca .intro_text:before { background-image: url(images/flags/pop-up/ca.png); }
.language-modal.de .intro_text:before { background-image: url(images/flags/pop-up/de.png); }
.language-modal.au .intro_text:before { background-image: url(images/flags/pop-up/au.png); }
.language-modal.eu .intro_text:before { background-image: url(images/flags/pop-up/eu.png); }
.language-modal .countdown-wrapper .body_text:before { content: ''; background-image: url(images/loader.gif); background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; margin-top: -5px; }
.language-modal .body_text { font-size: 15px; }
.language-modal button { border: 0; max-width: 265px; width: 100%; cursor: pointer; }
.language-modal.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.language-modal .modal_inner { position: relative; margin: 0 auto; }
.language-modal .modal_inner .close-modal { right: -35px; position: absolute; right: 0; font-size: 24px; top: -25px; color: #b8b8b8; cursor: pointer; }
.language-modal .modal_inner .close-modal:before { content: '\f00d'; font-family: 'FontAwesome'; }
.language-modal .modal_inner a.close-modal { position: relative; top: 0; font-size: 15px; color: #af1216; text-transform: capitalize; text-decoration: underline; }
.language-modal .modal_inner a.close-modal:before { content: none; }
.language-modal .modal_inner .round_button { font-size: 18px; margin: 20px 0; }

@media (max-width: 1100px) { .language-modal { padding: 0 2%; } }
@media (max-width: 768px) { .language-modal .language-modal-wrapper { padding: 35px 20px; }
  .language-modal .intro_text { margin: 0; font-size: 28px; }
  .language-modal .intro_text:before { display: block; text-align: center; width: 100%; background-position: center; margin-bottom: 20px; }
  .language-modal .modal-inner .round_button { font-size: 14px; } }
.contact-modal--open-ticket { width: 830px; height: 580px; max-height: 100%; }
.contact-modal--open-ticket .modal_inner { max-width: 700px; margin: 0 auto; }
.contact-modal--open-ticket .modal_inner form > * { float: left; clear: none; width: 48.5%; margin-left: 0; margin-right: 3%; max-width: 100%; }
.contact-modal--open-ticket .modal_inner form > *:nth-of-type(2n) { margin-right: 0; float: right; }
.contact-modal--open-ticket .modal_inner form > *:nth-of-type(2n+1) { clear: both; }
.contact-modal--open-ticket .modal_inner form.success-hide { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; }
.contact-modal--open-ticket .modal_inner form .select-after { float: left; position: relative; margin-bottom: 20px; }
.contact-modal--open-ticket .modal_inner form .select-after:after { content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #a9a9a9; pointer-events: none; }
.contact-modal--open-ticket .modal_inner form .select-after:before { content: ''; display: block; height: 100%; width: 3px; background: #e9e9e9; position: absolute; right: 44px; pointer-events: none; }
.contact-modal--open-ticket .modal_inner form .select-after--last { margin-right: 0; }
.contact-modal--open-ticket .modal_inner form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin-bottom: 0; padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #fff; color: #a9a9a9; border: 3px solid #e9e9e9; }
.contact-modal--open-ticket .modal_inner form input { margin-bottom: 28px; }
.contact-modal--open-ticket .modal_inner form textarea { border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #fff; color: #a9a9a9; font-family: museo-sans-rounded, sans-serif; border: 3px solid #e9e9e9; padding: 25px 20px; width: 100%; min-height: 180px; }
.contact-modal--open-ticket .modal_inner form textarea:focus, .contact-modal--open-ticket .modal_inner form textarea:active { border: 3px solid #d4d4d4; }
.contact-modal--open-ticket .modal_inner form .submit { max-width: 215px; margin: 0 auto; padding: 17px 0; float: none; display: block; position: relative; top: 28px; cursor: pointer; }
.contact-modal--open-ticket .modal_inner .close-modal { right: -35px; }

.contact-modal-box, .language-contact-modal-box { position: fixed; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.contact-modal-box.active, .language-contact-modal-box.active { opacity: 1; z-index: 99; }

.contact-modal, .contact-modal--open-ticket, .contact-modal--get-quote { position: fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: #fff; box-sizing: border-box; border-radius: 30px; -webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; padding: 45px 30px; text-align: center; }
.contact-modal .intro_text, .contact-modal--open-ticket .intro_text, .contact-modal--get-quote .intro_text { font-size: 32px; font-weight: 500; }
.contact-modal .body_text, .contact-modal--open-ticket .body_text, .contact-modal--get-quote .body_text { font-size: 15px; padding: 25px 40px; }
.contact-modal .modal_details, .contact-modal--open-ticket .modal_details, .contact-modal--get-quote .modal_details { color: #7e7e7e; line-height: 1.7; font-size: 15px; font-weight: 600; }
.contact-modal .modal_details span, .contact-modal--open-ticket .modal_details span, .contact-modal--get-quote .modal_details span { font-weight: 500; }
.contact-modal .modal_details a, .contact-modal--open-ticket .modal_details a, .contact-modal--get-quote .modal_details a { color: #7e7e7e; }
.contact-modal button, .contact-modal--open-ticket button, .contact-modal--get-quote button { border: 0; max-width: 265px; width: 100%; cursor: pointer; }
.contact-modal form, .contact-modal--open-ticket form, .contact-modal--get-quote form { width: 100%; margin-top: 25px; }
.contact-modal form input, .contact-modal textarea, .contact-modal--open-ticket form input, .contact-modal--open-ticket textarea, .contact-modal--get-quote form input, .contact-modal--get-quote textarea { padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #fff; color: #a9a9a9; border: 3px solid #e9e9e9; width: 100%; max-width: 265px; margin-bottom: 16px; resize: none; }
.contact-modal form input:focus, .contact-modal form input:active, .contact-modal textarea:focus, .contact-modal textarea:active, .contact-modal--open-ticket form input:focus, .contact-modal--open-ticket form input:active, .contact-modal--open-ticket textarea:focus, .contact-modal--open-ticket textarea:active, .contact-modal--get-quote form input:focus, .contact-modal--get-quote form input:active, .contact-modal--get-quote textarea:focus, .contact-modal--get-quote textarea:active { border: 3px solid #d4d4d4; }
.contact-modal.active, .contact-modal--open-ticket.active, .contact-modal--get-quote.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.contact-modal .modal_inner, .contact-modal--open-ticket .modal_inner, .contact-modal--get-quote .modal_inner { position: relative; }
.contact-modal .close-modal, .contact-modal--open-ticket .close-modal, .contact-modal--get-quote .close-modal { position: absolute; right: 0; font-size: 24px; top: -25px; color: #b8b8b8; cursor: pointer; }
.contact-modal .close-modal:before, .contact-modal--open-ticket .close-modal:before, .contact-modal--get-quote .close-modal:before { content: '\f00d'; font-family: 'FontAwesome'; }
.contact-modal .form-wrapper.contact_form_wrapper.success-hide, .contact-modal--open-ticket .form-wrapper.contact_form_wrapper.success-hide, .contact-modal--get-quote .form-wrapper.contact_form_wrapper.success-hide { opacity: 0; }

@media (max-width: 768px) { .contact-modal { height: 620px !important; border-radius: 30px; }
  .contact-modal, .contact-modal--open-ticket, .contact-modal--get-quote { position: absolute; border-radius: 0; overflow-y: scroll; max-width: 100%; max-height: 100%; height: auto !important; top: 0; }
  .contact-modal--get-quote { max-width: 100%; max-height: 100%; height: auto !important; overflow-y: scroll; top: 0; }
  .contact-modal--get-quote .body_text { padding: 25px 0; }
  .contact-modal--open-ticket { max-width: 100%; max-height: none; height: auto !important; top: 0; overflow-y: scroll; z-index: 9999; }
  .contact-modal--open-ticket .body_text { padding: 15px 10px 10px; }
  .contact-modal--open-ticket .modal_inner { padding-top: 30px; }
  .contact-modal--open-ticket .modal_inner .close-modal { right: 0; top: 0; }
  .contact-modal--open-ticket .modal_inner form input { width: 100%; float: none !important; margin: 0 auto 28px; }
  .contact-modal--open-ticket .modal_inner form .select-after { max-width: 265px; float: none; margin: 0 auto 28px; width: 100%; }
  .contact-modal--open-ticket .modal_inner form .select-after--last { margin: 0 auto 28px; }
  .contact-modal--open-ticket .modal_inner form textarea { margin: 0 auto; float: none; }
  .contact-modal--open-ticket .modal_inner form .submit { margin-bottom: 40px; max-width: 265px; width: 100%; } }
@media (max-height: 725px) { .contact-modal--open-ticket { height: 85%; padding: 25px 30px; }
  .contact-modal--open-ticket .close-modal { top: -10px; }
  .contact-modal--open-ticket .body_text { padding: 15px 40px 10px; }
  .contact-modal--open-ticket form { margin-top: 15px; }
  .contact-modal--open-ticket form input, .contact-modal--open-ticket form .select-after { margin-bottom: 15px; }
  .contact-modal--open-ticket form textarea { min-height: 145px; }
  .contact-modal--open-ticket form .submit { top: 25px; } }
@media (max-width: 630px) { .contact-modal { width: 100%; height: 100% !important; border-radius: 0; } }
@media (max-height: 600px) { .contact-modal--open-ticket { overflow-y: scroll; } }
/*-----Template styling and grids-----*/
.container { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 40px; overflow: hidden; }

@media (max-width: 1024px) { .container { padding: 0 20px; } }
.col-1-3 { float: left; clear: none; width: 31.33333333333333%; margin-left: 0; margin-right: 3%; }
.col-1-3:last-child { margin-right: 0; }

.col-1-4 { float: left; clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; }
.col-1-4:last-child { margin-right: 0; }

.col-1-5 { float: left; clear: none; width: 17.6%; margin-left: 0; margin-right: 3%; }
.col-1-5:last-child { margin-right: 0; }

.col-1-6 { float: left; clear: none; width: 14.166666666666664%; margin-left: 0; margin-right: 3%; }
.col-1-6:last-child { margin-right: 0; }

.fourohfour-wrap { padding: 12rem 1rem 1rem; background: #eaeaea; }
.fourohfour-wrap-img { display: block; max-width: 750px; margin: 0 auto; position: relative; }
.fourohfour-wrap-img img { width: 100%; }
.fourohfour-wrap-img a { position: absolute; bottom: 50px; text-align: center; display: block; width: 100%; color: #7e7e7e; line-height: 1.7; font-size: 16px; }
.fourohfour-wrap-img a span { border-bottom: 2px solid #adadad; padding-bottom: .75rem; }

@media (max-width: 500px) { .fourohfour-wrap { padding: 9rem 1rem 1rem; }
  .fourohfour-wrap-img a { bottom: 30px; } }
.standard-template { padding-top: 85px; max-width: 1100px; margin: 0 auto; width: 100%; padding-bottom: 50px; }
.standard-template h1 { margin: 3rem 0; border-bottom: 1px solid #eaeaea; padding-bottom: 2rem; font-weight: 500; }
.standard-template p { color: #7e7e7e; font-size: 16px; line-height: 1.5; margin-bottom: 20px; }
.standard-template p strong { font-family: museo-sans-rounded, sans-serif; color: #3f3f3f; line-height: 1.275; font-size: 26px; font-weight: 500; display: block; margin-top: 50px; }
.standard-template p a { color: #dc2323; }
.standard-template ul { padding-left: 30px; margin-bottom: 25px; }
.standard-template ul li { color: #7e7e7e; line-height: 1.7; font-size: 16px; list-style-type: disc; }

.standard-row-logo--wrap .logo-section--logo { float: left; margin-left: 0; margin-right: 0; }

.standard-row--text { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 7.6% 0; }
.standard-row--text h2 { margin-bottom: .8em; font-size: 40px; }
.standard-row--text p { font-size: 15px; }

.standard-row--image { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; position: relative; min-height: 440px; }
.standard-row--image > img { position: absolute; left: 25px; width: 100%; bottom: -35px; }

.standard-row-logo--wrap { overflow: hidden; padding: 110px 0; }

.standard-row-logo--wrap .logo-section--logo { clear: none; width: 33.33333333333333%; margin-bottom: 15px; float: left; margin-left: 0; margin-right: 0; }
.standard-row-logo--wrap .logo-section--logo:nth-child(4n), .standard-row-logo--wrap .logo-section--logo:nth-child(5n) { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.standard-row-logo--wrap .logo-section--logo:nth-child(4n) img, .standard-row-logo--wrap .logo-section--logo:nth-child(5n) img { display: block; margin: 0 auto; }

@media (max-width: 650px) { .standard-row--text { max-width: 100%; }
  .standard-row--text h2 { font-size: 26px; }
  .standard-row--image { width: 90%; } }
@media (max-width: 768px) { .standard-row--image { width: 95%; }
  .standard-row--text { padding: 50px 0; } }
@media (max-width: 1024px) { .standard-template { padding-top: 85px; } }
@media (max-width: 1040px) { .standard-row--text { width: 100%; float: none; max-width: 80%; text-align: center; margin: 0 auto; padding-bottom: 0; padding-right: 0; }
  .standard-row--image { width: 80%; }
  .standard-row--image { min-height: 0; float: none; margin: 0 auto; width: 65%; }
  .standard-row--image img { position: relative; } }
@media (max-width: 1330px) { .standard-row--text { padding-right: 30px; } }
/*---------------------/*
	MOBILE TABLE
/*--------------------*/
.mobile-table { display: none; }
.mobile-table .tablepress-id-5 { padding: 15px 0 40px; border-spacing: 0; }
.mobile-table .tablepress-id-5 thead tr th { width: 20%; border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.mobile-table .tablepress-id-5 thead tr th:first-child { width: 40%; text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.mobile-table .tablepress-id-5 tbody tr:last-child td { border-bottom: 2px solid #eaeaea; padding-bottom: 15px; }
.mobile-table .tablepress-id-5 tbody tr:first-child td { padding-top: 15px; }
.mobile-table .tablepress-id-5 tbody tr td { width: 20%; text-align: center; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.mobile-table .tablepress-id-5 tbody tr td:nth-child(even) { background: #f8f8f8 !important; }
.mobile-table .tablepress-id-5 tbody tr td:first-child { width: 40%; text-align: left; }

@media (max-width: 650px) { .mobile-table, .mobile-table thead, .mobile-table tbody, .mobile-table th, .mobile-table td, .mobile-table table, .mobile-table tr { display: block; }
  .mobile-table thead tr { position: absolute; top: -9999px; left: -9999px; }
  .mobile-table tr { border-bottom: 1px solid #ccc; }
  .mobile-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
  .mobile-table td:before { position: absolute; left: 6px; width: 65%; padding-right: 10px; white-space: no-wrap; text-align: left; font-weight: 700; content: attr(data-title); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .mobile-table td.sub_header { position: relative; text-align: center !important; padding: 10px 10px 10px 8px !important; font-weight: 700; }
  .mobile-table td.sub_header:before { display: none; }
  .mobile-table td.sub_header:after { position: relative; right: 10px; font-family: 'FontAwesome'; }
  .mobile-table td.cross:after { content: '\f00d'; color: #dc2323; }
  .mobile-table td.tick:after { content: '\f00c'; color: #98cb67; }
  .mobile-table tbody tr td { width: 100% !important; text-align: right !important; padding: 10px 10px 10px 50% !important; }
  .mobile-table .tablepress { border: 1px solid #ccc; padding: 0 !important; }
  .mobile-table .tablepress tr td { color: #7e7e7e; }
  .mobile-table .tablepress tr td:last-child { border-bottom: 0 !important; }
  .mobile-table .tablepress tr td:nth-child(even) { background: #f8f8f8; }
  .mobile-table .tablepress tr:last-child { border-bottom: 0 !important; }
  .mobile-table .tablepress-id-7 tr:not(:first-child) td.column-1:not(.sub_header) { text-align: center !important; padding: 20px 0 !important; font-weight: 700; }
  .mobile-table .tablepress-id-7 tr:not(:first-child) td.column-1:not(.sub_header):before { display: none; }
  .mobile-table .tablepress-id-7 tr td:nth-child(even) { background: #f8f8f8; } }
.social-mobile { display: none; margin-bottom: 0; border-top: 3px solid #eaeaea; padding: 30px 0 25px; }
.social-mobile ul { width: 340px; display: table; margin: 0 auto; }
.social-mobile ul li { display: table-cell; }

@media (max-width: 1140px) { .social-mobile { display: block; } }
@media (max-width: 768px) { .social-mobile ul { width: 100%; }
  .social-mobile ul li a img { max-width: 35px; display: block; margin: 0 auto; } }
.social-desktop img, .social-mobile img { max-width: 48px !important; }

/*-------HERO BANNER-------*/
.hero_banner { background: #202020; width: 100%; position: relative; margin-top: 85px; }
.hero_banner--img { background: url("images/hero_server_smaller.png") no-repeat; right: -40px; float: right; background-size: 100%; width: 60%; position: absolute; height: 332px; background-position: 0 -115px; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.hero_banner--img.fade-animate { background-position: 0 65px; opacity: 1; }
.hero_banner--small-img { display: none; }
.hero_banner--text { position: relative; display: inline-block; vertical-align: middle; width: 42%; top: -50px; opacity: 0; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; float: left; padding-top: 58px; }
.hero_banner--text.fade-animate { top: 0; opacity: 1; }
.hero_banner--text h1 { font-family: museo-sans-rounded, sans-serif; font-size: 40px; font-weight: 100; color: #ffffff; max-width: 560px; }
.hero_banner--text h1 strong { font-weight: 700; }
.hero_banner > .container { display: table; height: 330px; position: relative; overflow: visible; }

@media (max-width: 1200px) { .hero_banner--img.fade-animate { background-position: 0; }
  .hero_banner--text { padding-top: 48px; }
  .hero_banner--text h1 { font-size: 34px; max-width: 560px; margin: 0 auto; } }
@media (max-width: 768px) { .hero_banner { padding-top: 60px; min-height: 0; }
  .hero_banner > .container { display: block; height: 320px; }
  .hero_banner--text { width: 100%; text-align: center; display: block; width: 100%; padding: 30px 0; margin-top: -60px; }
  .hero_banner--text h1 { font-size: 28px; text-align: center; }
  .hero_banner--text a.white_button { margin: 35px auto 0; margin: 2em auto 1.5em; }
  .hero_banner--small-img { width: 100%; margin: 0 auto 35px auto; display: block; }
  .hero_banner--img { display: none; } }
.hero-image { width: 100%; padding-top: 69px; }
.hero-image .container { height: 250px; }
.hero-image--inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; max-width: 1050px; margin: 0 auto; }
.hero-image--inner strong { font-weight: 700 !important; }
.hero-image--inner h1 { font-family: museo-sans-rounded, sans-serif; font-size: 32px; font-weight: 300; text-align: center; color: #ffffff; margin: 0 auto .5em; }
.hero-image--inner p { color: #ffffff; }
.hero-image--inner .support-head-button { margin: 0 15px; }
.hero-image--company, .hero-image--applications { background: #1e1e1e url("images/hero_company.png") center bottom no-repeat; }
.hero-image--applications { background-size: cover !important; }
.hero-image--resource-cs { background: #161616 url("images/hero_resources.png") center bottom no-repeat; }
.hero-image--resource-cs .round_button { margin: 0 auto; }
.hero-image--support-cs { background: #161616 url("images/hero_resources.png") center bottom no-repeat; background-size: cover !important; }

@media (max-width: 1100px) { .hero-image { padding-top: 85px; }
  .hero-image--resource-cs { background-position: center 85px !important; } }
/*---planet hero---*/
.planet { height: 1500px; width: 1500px; -webkit-animation: rotate 1000s linear infinite; -moz-animation: rotate 1000s linear infinite; animation: spin 1000s linear infinite; }

@-moz-keyframes rotate { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
#planet-container { position: absolute; max-height: 319px; overflow: hidden; margin-top: -70px; margin-left: -570px; }

@media (max-width: 1020px) { #planet-container { max-height: 303px; } }
@media (max-width: 700px) { .hero-image--inner h1 { font-size: 27px; } }
@media (max-width: 460px) { .hero-image--support-cs .hero-image--inner a { min-width: 190px; margin-bottom: 15px; }
  .hero-image--support-cs .hero-image--inner a:last-child { margin-bottom: 0; } }
/*---------------------------/*
		SUB HEADER
/*--------------------------*/
.sub-header-internal { border-bottom: 2px solid #ebebeb; padding: 95px 0; margin-bottom: 50px; }
.sub-header-internal .intro_text { text-align: center; max-width: 700px; margin: 0 auto; }
.sub-header-internal--manuals .intro_text { max-width: 970px; }
.sub-header-internal--special { margin-bottom: 0; border-bottom: 0; }
.sub-header-internal--special .intro_text { max-width: 970px; }
.sub-header-internal--support { margin-bottom: 0; }
.sub-header-internal--support .intro_text { max-width: 770px; }
.sub-header-internal--options { margin-bottom: 0; }
.sub-header-internal--options .intro_text { max-width: 1200px; }

@media (max-width: 900px) { .sub-header-internal { padding: 40px 0; }
  .sub-header-internal .intro_text { font-size: 22px; } }
/*--------FOOTER--------*/
footer { clear: both; }
footer .footer-nav { padding: 20px 0; }
footer .footer-nav > .container { overflow: visible; }
footer .footer-nav > .container p, footer .footer-nav > .container li a { color: #939393; font-weight: 700; font-size: 13px; }
footer .footer-nav > .container > div, footer .footer-nav > .container > ul { float: left; }
footer .footer-nav > .container .footer-nav--social { margin-top: 4px; }
footer .footer-nav > .container .footer-nav--social li { display: inline-block; margin: 0 3px; }
footer .footer-nav > .container .footer-nav--social li:first-child { margin-left: 0; }
footer .footer-nav > .container .footer-nav--social li:last-child { margin-right: 0; }
footer .footer-nav > .container .footer-nav--social li a { opacity: .75; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
footer .footer-nav > .container .footer-nav--social li a img { max-width: 35px; }
footer .footer-nav > .container .footer-nav--social li a:hover { opacity: 1; }
footer .footer-nav > .container .footer-nav--copyright { padding: 0 3%; border-right: 1px solid #ebebeb; }
footer .footer-nav > .container .footer-nav--copyright.footer-nav--showmobile { display: none; }
footer .footer-nav > .container .footer-nav--copyright p { line-height: 46px; }
footer .footer-nav > .container .footer-nav--navigation { padding: 0 2%; border-right: 1px solid #ebebeb; }
footer .footer-nav > .container .footer-nav--navigation ul li { line-height: 46px; display: inline-block; float: left; }
footer .footer-nav > .container .footer-nav--navigation ul li:after { content: '/'; float: right; display: block; margin: 3px 10px 0; line-height: 40px; color: #939393; }
footer .footer-nav > .container .footer-nav--navigation ul li:last-child:after { content: ''; display: none; }
footer .footer-nav > .container .sidigital { display: block; float: right; }
footer .footer-nav > .container .sidigital img { max-width: 28px; }
footer .footer-nav--show-tablet { display: none; color: #939393; font-weight: 700; font-size: 13px; }
footer .footer-nav--show-tablet .container { overflow: visible; }
footer .footer-nav--show-tablet .footer-nav--copyright { float: left; line-height: 47px; }
footer .footer-nav--show-tablet .footer-nav--region { float: right; }
footer .footer-nav--hide-tablet { color: #939393; font-weight: 700; font-size: 13px; }

.footer-nav--region { padding: 0 0 0 3%; line-height: 46px; position: relative; }
.footer-nav--region p { float: left; }
.footer-nav--region a { float: left; color: #939393; font-weight: 700; font-size: 13px; margin-left: 20px; }
.footer-nav--region a:before { content: ''; background: url("images/flags/uk.png") no-repeat; display: block; width: 14px; height: 11px; float: left; margin-right: 10px; margin-top: 17px; }
.footer-nav--region a:after { content: '\f0d7'; font-family: 'FontAwesome'; display: block; margin-left: 10px; margin-top: 1px; float: right; }
.footer-nav--region a.flag-usa:before { background: url("images/flags/usa.png") no-repeat; }
.footer-nav--region a.flag-uk:before { background: url("images/flags/uk.png") no-repeat; }
.footer-nav--region a.flag-ohcanada:before { background: url("images/flags/ohcanada.png") no-repeat; }
.footer-nav--region a.flag-germany:before { background: url("images/flags/germany.png") no-repeat; }
.footer-nav--region a.flag-aus:before { background: url("images/flags/aus.png") no-repeat; }
.footer-nav--region a.flag-europe:before { background: url("images/flags/europe.png") no-repeat; }

@media (max-width: 1350px) { footer .footer-nav > .container .footer-nav--copyright { padding: 0 2%; } }
@media (max-width: 1320px) { .footer-nav--region p { display: none; }
  .footer-nav--region a { margin-left: 0; } }
@media (max-width: 1165px) { .footer-nav > .container .footer-nav--social li { margin-top: 7px; }
  footer .footer-nav > .container .footer-nav--social li a img { max-width: 30px; }
  .footer-nav--region { padding: 0 0 0 2%; } }
@media (max-width: 1125px) { footer .footer-nav { padding: 20px 0 15px; }
  footer .footer-nav--show-tabet { display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eaeaea; }
  footer .footer-nav--hide-tablet { display: none; }
  footer .footer-nav .container .footer-nav--navigation { position: absolute; margin: auto; left: 0; right: 0; float: none; border: 0; padding-left: 90px; max-width: 460px; }
  footer .footer-nav .container .footer-nav--navigation ul { width: 100%; text-align: center; overflow: hidden; }
  footer .footer-nav .container .footer-nav--navigation ul li { float: none; text-align: center; } }
@media (max-width: 625px) { footer .footer-nav--show-tablet { display: none; }
  footer .footer-nav--hide-tablet { display: block; }
  footer .footer-nav .container > div { width: 100%; border: 0 !important; }
  footer .footer-nav .container .footer-nav--navigation { padding: 0; position: relative; max-width: 100%; }
  footer .footer-nav .container .footer-nav--navigation ul li { width: 100%; display: block; text-align: center; border-bottom: 1px solid #eaeaea; }
  footer .footer-nav .container .footer-nav--navigation ul li:last-child { border-top: 1px solid #eaeaea; }
  footer .footer-nav .container .footer-nav--navigation ul li:first-child { border-top: 1px solid #eaeaea; }
  footer .footer-nav .container .footer-nav--navigation ul li:after, footer .footer-nav .container .footer-nav--navigation ul li:before { display: none; }
  footer .footer-nav .container .footer-nav--navigation ul li a { display: block; }
  footer .footer-nav .container .footer-nav--social { float: none; max-width: 250px; margin: 0 auto; padding: 20px 0; }
  footer .footer-nav .container .footer-nav--social li { margin: 0 9px; }
  footer .footer-nav .container .footer-nav--social li a img { max-width: 45px; width: 45px; }
  footer .footer-nav .container .footer-nav--copyright.footer-nav--showmobile { display: block; text-align: center; margin: 20px 0 5px; }
  footer .footer-nav .container .footer-nav--copyright.footer-nav--hidemobile { display: none; }
  footer .footer-nav .container .footer-nav--region { padding: 20px 0 20px 20px; line-height: 46px; float: left; width: 65%; }
  footer .footer-nav .container .sidigital { padding: 20px; }
  footer .footer-nav, footer .footer-nav .container { padding: 0; } }
/*------------------------------------------/*
	Pages
	-HOME
	-COMPANY
		-OVERVIEW
		-WHY US
		-TIMELINE
		-RESELLER
	-APPLICATIONS
	-INDUSTRY
	-PRODUCTS
	-DOWNLOADS
	-PRICING	
	-SUPPORT
	-BLOG
/*-----------------------------------------*/
/*------------------------------------/*
	PAGES
	-HOME_animation
	-benefits
	-free trial (optimise)
	-product block (internal nav)
	-testimonial carousel
	-logos (also used on company page)
/*-----------------------------------*/
/*-------HOME-------*/
.home_animation { background: #ffffff; padding: 60px 0; width: 100%; position: relative; height: 390px; }
.home_animation img { width: 90%; margin: 0 auto; display: none; }
.home_animation video { margin: 0 auto; display: block; position: absolute; background: #ffffff; top: 64px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-filter: brightness(100%); filter: brightness(100%); }
.home_animation--mobile { display: none; }

@media (max-width: 500px) { .home_animation--mobile { display: block; margin: 0 auto; }
  .home_animation--mobile img { display: block !important; width: 35%; margin-bottom: 70px; }
  .home_animation--mobile img:last-child { margin-bottom: 0; } }
@media (max-width: 500px) and (max-width: 400px) { .home_animation--mobile img { width: 45%; margin-bottom: 50px; }
  .home_animation--mobile:last-child { margin-bottom: 0; } }
@media (max-width: 1409px) { .home_animation { height: auto; }
  .home_animation video { left: auto; top: auto; position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; max-width: 100%; } }
@media (max-width: 800px) { .home_animation img { display: block; }
  .home_animation video { display: none; } }
@media (max-width: 500px) { .home_animation img { display: none; } }
/*-----benefits section-----*/
.home-benefits { background: #ffffff; width: 100%; overflow: hidden; }
.home-benefits--grey { background: #f1f1f1; position: relative; }
.home-benefits-inner { padding: 70px 0; }
.home-benefits .benefit-row { display: flex; padding-bottom: 35px; }
.home-benefits .benefit-row .benefit { width: 47%; /* float: right; */ /* position: relative; */ }
.home-benefits .benefit-row .benefit:first-child { margin-right: 2%; }
.home-benefits .benefit-row .benefit:last-child { margin-left: 2%; }
.home-benefits .benefit .img-container { /* display:flex; */ width: 15%; padding-right: 5%; float: left; padding-top: 5px; }
.home-benefits .benefit .benefit-container { width: 85%; padding: 0px 0% 0 5px; float: left; }
.home-benefits .benefit img { width: 100%; }
.home-benefits .benefit p { color: #7e7e7e; }
.home-benefits .benefit .title { text-transform: uppercase; font-weight: bold; padding-bottom: 7px; color: #3f3f3f; }
.home-benefits .benefit a:after { font-family: 'FontAwesome'; content: " \f105"; }
.home-benefits .intro_text { text-align: center; padding-bottom: 35px; }

@media (max-width: 1200px) { .home-benefits .benefit .benefit-container { /* padding: 0 5% 0 0; */ } }
@media (max-width: 768px) { .home-benefits-inner { padding: 50px 0; }
  .home-benefits .benefit-row { display: inline; }
  .home-benefits .benefit-row .benefit { width: 100%; padding-bottom: 25px; margin: 0 !important; position: relative; display: flex; }
  .home-benefits .benefit .img-container { width: 18%; /* padding-top: 10px; */ padding-right: 3%; }
  .home-benefits .benefit .benefit-container { padding: 0 5% 15px 5%; width: 82%; } }
/*-----free-trial pannel-----*/
.optimise-performance--inner { float: left; width: 50%; padding: 70px 30px 51px 0; }
.optimise-performance--inner .intro_text { color: #3f3f3f; }
.optimise-performance--inner h2, .optimise-performance--inner .secondary_text { margin-bottom: 15px; }

.secondary_text { font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 33px; color: #3f3f3f; line-height: 1.275; }

.product-free-trial .optimise-performance--inner a.round_button { margin-bottom: 10px; min-width: 320px; }

@media (max-width: 1200px) { .optimise-performance--inner { float: left; padding: 70px 30px; width: 100%; } }
@media (max-width: 768px) { .optimise-performance--inner { padding: 50px 10px 20px 10px; }
  .intro_text { font-size: 30px; }
  .secondary_text { font-size: 23px; } }
.product-free-trial { background: #ffffff; width: 100%; overflow: hidden; }
.product-free-trial > .container { overflow: visible; }
.product-free-trial--grey { background: #f1f1f1; position: relative; }
.product-free-trial--inner { float: left; width: 50%; padding: 70px 30px 70px 0; }
.product-free-trial--inner h2 { margin-bottom: 15px; }
.product-free-trial--img { float: right; width: 50%; opacity: 0; }
.product-free-trial--img img { padding: 150px 0 0; }
.product-free-trial p { margin-bottom: 0.65em; }
.product-free-trial ul { margin-bottom: 2.1em; }
.product-free-trial ul li { color: #7e7e7e; font-size: 16px; line-height: 1.9; }
.product-free-trial ul li p { padding-left: 40px; }
.product-free-trial ul li:before { content: '\f00c'; font-family: 'FontAwesome'; display: block; color: #dc2323; float: left; }

@media (max-width: 1200px) { .product-free-trial--inner { float: left; padding: 70px 80px; width: 100%; }
  .product-free-trial--inner ul { margin: 20px auto 2.1em; }
  .product-free-trial--img { width: 100%; }
  .product-free-trial--img img { padding: 0; } }
@media (max-width: 768px) { .product-free-trial--inner { padding: 70px 0; } }
/*---product block (internal nav)---*/
.internal_nav .internal_img_container { background-size: contain; background-repeat: no-repeat; background-position: center; height: 300px; display: block; }

@media (max-width: 1200px) { .internal_nav .internal_img_container { height: 225px; } }
@media (max-width: 768px) { .internal_nav .hp-internal-title { padding: 0; margin-bottom: 0; }
  .internal_nav .internal_img_container { height: 200px; } }
/*---Testimonial-Carousel---*/
.testimonial-section { background: #fff; width: 100%; overflow: hidden; }
.testimonial-section--grey { background: #f1f1f1; position: relative; }

.carousel { margin: 0 auto; position: relative; width: 100%; min-height: 230px; }

.carousel-box .img-container { background-size: cover; border: 5px solid #ffffff; border-radius: 50%; background-color: #ffffff; left: -moz-calc(50% - 40px); left: -webkit-calc(50% - 40px); left: -o-calc(50% - 40px); left: calc(50% - 40px); list-style: none; overflow: hidden; position: absolute; top: 11%; margin: 0px 0 0 0px; width: 80px; height: 80px; z-index: -1; -webkit-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -moz-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -ms-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -o-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -ms-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
.carousel-box.is-active .img-container { z-index: 6; width: 134px; height: 134px; left: -moz-calc(50% - 67px); left: -webkit-calc(50% - 67px); left: -o-calc(50% - 67px); left: calc(50% - 67px); /* margin-top: 35px; */ top: 0; left: 0; position: relative; margin: 0 auto; }
.carousel-box.left .img-container, .carousel-box.right .img-container, .carousel-box.left-2 .img-container, .carousel-box.right-2 .img-container { width: 114px; height: 114px; }
.carousel-box.left-2 .img-container { left: -moz-calc(35% - 57px); left: -webkit-calc(35% - 57px); left: -o-calc(35% - 57px); left: calc(35% - 57px); margin: 0; top: 10px; z-index: 4; /* transform: perspective(600px) rotateY(45deg); */ /* -webkit-transform: perspective(600) rotateY(45deg); */ }
.carousel-box.left .img-container { left: -moz-calc(20% - 57px); left: -webkit-calc(20% - 57px); left: -o-calc(20% - 57px); left: calc(20% - 57px); margin: 0; top: 10px; z-index: 2; /* transform: perspective(600px) rotateY(45deg); */ /* -webkit-transform: perspective(600) rotateY(45deg); */ }
.carousel-box.right-2 .img-container { left: -moz-calc(65% - 57px); left: -webkit-calc(65% - 57px); left: -o-calc(65% - 57px); left: calc(65% - 57px); margin: 0; top: 10px; z-index: 4; /* transform: perspective(600px) rotateY(-45deg); */ /* -webkit-transform: perspective(600) rotateY(-45deg); */ }
.carousel-box.right .img-container { left: -moz-calc(80% - 57px); left: -webkit-calc(80% - 57px); left: -o-calc(80% - 57px); left: calc(80% - 57px); margin: 0; top: 10px; z-index: 2; /* transform: perspective(600px) rotateY(-45deg); */ /* -webkit-transform: perspective(600) rotateY(-45deg); */ }

.nav-left, .nav-right { background: url("/public/images/arrow.png") no-repeat left 5px; cursor: pointer; height: 60px; position: absolute; top: calc(50% - 60px); width: 44px; opacity: 0.5; }
.nav-left:hover, .nav-right:hover { opacity: 1; }

.nav-left { left: 0; }

.nav-right { right: 0; background-position: right -121px; }

/*extra classes*/
.carousel-box .testimonial-caption { display: none; }
.carousel-box.is-active .testimonial-caption { display: block; text-align: center; width: 70%; margin-left: auto; margin-right: auto; margin-top: 20px; }
.carousel-box.is-active .testimonial-caption .quote:before, .carousel-box.is-active .testimonial-caption .quote:after { content: '"'; color: #af1216; }
.carousel-box .testimonial-name { color: #af1216; padding-top: 2px; }

.testimonial-section { overflow: hidden; padding: 50px 0; }
.testimonial-section .intro_text { text-align: center; margin-bottom: 20px; }
.testimonial-section .testimonial-caption .quote { font-style: italic; font-size: 20px; color: #3f3f3f; }

.testimonial-caption { position: relative; padding: 15px; color: #000; background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -moz-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -ms-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); -o-box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); box-shadow: 0px 0px 10px 4px rgba(44, 42, 41, 0.05); }
.testimonial-caption:after { top: -15px; bottom: auto; border-width: 0 15px 15px; content: ""; position: absolute; border-style: solid; border-color: white transparent; display: block; left: -moz-calc(50% - 15px); left: -webkit-calc(50% - 15px); left: -o-calc(50% - 15px); left: calc(50% - 15px); }

@media (max-width: 768px) { .testimonial-section { font-size: 12px; }
  .testimonial-section .carousel-box.left-2, .testimonial-section .carousel-box.right-2 { display: none; }
  .testimonial-section .carousel-box.left .img-container { left: -moz-calc(33% - 65px); left: -webkit-calc(33% - 65px); left: -o-calc(33% - 65px); left: calc(33% - 65px); }
  .testimonial-section .carousel-box.right .img-container { left: -moz-calc(67% - 65px); left: -webkit-calc(67% - 65px); left: -o-calc(67% - 65px); left: calc(67% - 65px); }
  .testimonial-section .testimonial-caption .quote { font-size: 16px; }
  .carousel-box.left .img-container, .carousel-box.right .img-container { width: 130px; height: 130px; top: 15px; opacity: 0.4; }
  .carousel-box.is-active { padding: 0 10px; }
  .carousel-box.is-active .img-container { width: 160px; height: 160px; position: relative; left: 0; margin: 0 auto; }
  .carousel-box.is-active .testimonial-caption { margin-top: 20px; width: 100%; padding: 10px; }
  .carousel-box .testimonial-name { font-size: 12px; } }
/*-----Logo selection---*/
@media (max-width: 768px) { .logo-section--wrap { padding: 35px 0; }
  .logo-section--wrap > div { display: block; width: 100%; margin: 0 auto; }
  .logo-section--wrap > div img { max-width: 50%; }
  .logo-section--wrap > div:last-child { margin: 0 auto; float: none; }
  .logo-section--wrap-partners > div { display: table-cell; width: auto; } }
.logo-section { background: #fff; width: 100%; }
.logo-section--wrap { display: table; table-layout: fixed; width: 100%; padding: 80px 0; min-height: 212px; }
.logo-section--wrap > div { display: table-cell; vertical-align: middle; }
.logo-section--wrap > div img { max-width: 85%; display: block; margin: 0 auto; }
.logo-section--wrap-partners { padding: 10px 0; }
.logo-section--wrap-clients > div img { max-width: 75%; }
.logo-section .intro_text { padding: 80px 0px 20px 0px; font-size: 24px; }

.home .logo-section .logo-section--wrap { min-height: 166px !important; padding-top: 40px !important; }

@media (max-width: 1200px) { .logo-section .intro_text { padding: 50px 0 20px 0; font-size: 24px; }
  .logo-section--wrap { padding: 50px 0; } }
@media (max-width: 768px) { .home .logo-section .logo-section--wrap { padding-top: 0px !important; }
  .logo-section--wrap { /* padding: 50px 0; */ }
  .logo-section--wrap > div { width: 100%; float: left; padding: 10px; display: block !important; }
  .logo-section--wrap > div img { max-width: 50%; }
  .logo-section--wrap > div:last-child { margin: 0 auto; float: none; }
  .logo-section--wrap > div-partners > div { display: table-cell; width: auto; }
  .logo-section--wrap-clients .logo-section--logo:nth-child(n+7) { display: none !important; } }
@media (max-width: 580px) { .logo-section--wrap > div { width: 100%; float: left; padding: 10px; }
  .logo-section--wrap-partners > div { display: block; width: 100%; margin: 0 auto 40px; }
  .logo-section--wrap-partners > div img { max-width: 70%; } }
/*----Testimonial logos----*/
.home-blog-posts { width: 100% !important; }
.home-blog-posts--grey { background-color: #f1f1f1; }

.home-blog-wrapper { width: 33%; float: left; padding: 0 40px; }
.home-blog-wrapper h2 { font-size: 24px; padding-bottom: 15px; font-weight: 300 !important; color: #3f3f3f !important; font-family: museo-sans-rounded, sans-serif; min-height: 145px; }
.home-blog-wrapper h2 img { max-height: 64px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.home-blog-wrapper p { font-size: 16px; color: #7e7e7e; }
.home-blog-wrapper .testimonial--name { text-decoration: underline; font-size: 15px; font-weight: 400; }

@media (max-width: 1100px) { .home-blog-wrapper { padding: 0 15px; }
  .home-blog-wrapper h2 { min-height: 0; } }
@media (max-width: 768px) { .home-blog-posts { padding: 40px 0 !important; }
  .home-blog-wrapper { width: 100%; padding: 0 10px 20px 10px; }
  .home-blog-wrapper:last-child { padding-bottom: 0; } }
.testimonial-logo-section-inner { display: table; table-layout: fixed; width: 100%; padding: 0 0 30px 0; }
.testimonial-logo-section-inner > div { display: table-cell; vertical-align: middle; }
.testimonial-logo-section-inner > div img { max-width: 75%; }
.testimonial-logo-section-inner > div img { max-width: 85%; display: block; margin: 0 auto; }

/*----END HOME PAGE-----*/
/*----------------------------------------/*
	COMPANY
	-OVERVIEW
	-WHY US
	-TIMELINE
	-RESELLER
	-CASE-STUDIES
	-TESTIMONIALS
/*--------------------------------------*/
/*-------------------------/*
	COMPANY OVERVIEW PAGE
	-company-intro
	-COMPANY-POLICY
	-Team pannel
	-stats 
	-map
	-logos
/*------------------------*/
.company-intro--text { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 7.6% 0 20px 0; }
.company-intro--text h2 { font-size: 37px; margin-bottom: 0.8em; }
.company-intro--text p { color: #7e7e7e; line-height: 1.7; font-size: 17px; }
.company-intro--image { float: left; clear: none; width: 50%; padding-right: 5%; margin-left: 0; margin-right: 0; position: relative; min-height: 440px; margin-bottom: -5px; }
.company-intro--image > img { width: 100%; }
.company-intro-logo--wrap { overflow: hidden; padding: 110px 0; }
.company-intro-logo--wrap .logo-section--logo { clear: none; width: 33.33333333333333%; margin-bottom: 15px; float: none; display: inline-block; vertical-align: middle; margin-left: -3px; margin-right: -3px; }
.company-intro-logo--wrap .logo-section--logo:nth-child(4n), .company-intro-logo--wrap .logo-section--logo:nth-child(5n) { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; margin-bottom: 0; }
.company-intro-logo--wrap .logo-section--logo:nth-child(4n) img, .company-intro-logo--wrap .logo-section--logo:nth-child(5n) img { display: block; margin: 0 auto; }
.company-intro-logo--wrap .logo-section--logo img { width: 100%; }

@media (max-width: 1040px) { .company-intro--image { min-height: 0; float: none; margin: 0 auto; width: 65%; }
  .company-intro--image img { position: relative; }
  .company-intro--text { width: 100%; float: none; max-width: 80%; text-align: center; margin: 0 auto; padding-bottom: 0; padding-right: 0; } }
@media (max-width: 1330px) { .company-intro--text { padding-right: 30px; } }
@media (max-width: 650px) { .company-intro--text { max-width: 100%; }
  .company-intro--text h2 { font-size: 26px; }
  .company-intro--image { width: 90%; } }
/*--------------------------/*
		COMPANY POLICY
/*-------------------------*/
.company-policy { overflow: hidden; position: relative; min-height: 360px; }
.company-policy--grey { background: #f1f1f1; }
.company-policy--image { float: left; width: 30%; position: absolute; bottom: -5px; }
.company-policy--image img { position: relative; width: 100%; max-width: 420px; }
.company-policy--image-small img { max-width: 260px; }
.company-policy--image.product-policy-image img { top: -95px; left: -40px; }
.company-policy.white { background: #ffffff; }
.company-policy.white .company-policy--image img { max-width: 400px; }
.company-policy--text { clear: none; width: 75%; margin-left: 0; margin-right: 0; padding: 7% 0 7% 70px; float: right; }
.company-policy--text .quote { font-size: 31px; margin-bottom: 1em; }
.company-policy--text .staff_name { color: #dc2323; font-weight: 700; font-size: 22px; }
.company-policy--text span { font-weight: 500; color: #696969; margin-bottom: 5px; }

@media (max-width: 1200px) { .company-policy--image.product-policy-image img { top: 40px; }
  .company-policy--text { clear: none; width: 66.66666666666666%; margin-left: 0; margin-right: 0; float: right; padding-left: 0; } }
@media (max-width: 1100px) { .company-policy--image { float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; }
  .company-policy--image.product-policy-image img { top: 20px; } }
@media (max-width: 890px) { .company-policy.company-performance { padding: 10px 0 50px; }
  .company-policy--image { float: none; width: 40%; position: relative; margin: 10px auto 0; }
  .company-policy--text { width: 100%; max-width: 80%; margin: 0 auto; float: none; text-align: center; padding-bottom: 0; } }
@media (max-width: 750px) { .company-policy--text { max-width: 100%; } }
@media (max-width: 650px) { .company-policy--text .quote { font-size: 26px; } }
@media (max-width: 500px) { .company-policy--image { width: 80%; }
  .company-policy--image img { left: 0; } }
/*--------------------------/*
	TEAM PANNEL
/*-------------------------*/
.team-pannel { padding: 80px 0; }
.team-pannel--grey { background-color: #f1f1f1; }
.team-pannel .intro_text { font-size: 37px; text-align: center; }
.team-pannel .employee { position: absolute; overflow: visible; display: none; }
.team-pannel .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* border: 1px solid #7e7e7e; */ -webkit-box-shadow: 2px 2px 15px rgba(63, 63, 63, 0.5); -moz-box-shadow: 2px 2px 15px rgba(63, 63, 63, 0.5); -ms-box-shadow: 2px 2px 15px rgba(63, 63, 63, 0.5); -o-box-shadow: 2px 2px 15px rgba(63, 63, 63, 0.5); box-shadow: 2px 2px 15px rgba(63, 63, 63, 0.5); width: 100%; height: 0; position: absolute; top: 0; left: 0; background-size: contain; padding-bottom: 100%; display: block; }
.team-pannel:hover { cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.team-pannel:hover:before { content: " "; position: absolute; z-index: 1; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 2px solid #dc2323; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.team-popup { border: 0 solid transparent; background-color: #3f3f3f; color: #fff; text-align: center; border-radius: 6px; padding: 6px 12px; /* Position the tooltip */ position: absolute; z-index: 1; font-size: 12px; }

.employees-wrapper { height: 450px; position: relative; }

@media (max-width: 1100px) { .employees-wrapper { height: 350px; position: relative; }
  .team-pannel { padding: 40px 0; } }
@media (max-width: 768px) { .employees-wrapper { height: 300px; position: relative; } }
/*--------------------------/*
		STATS PANNEL
/*-------------------------*/
.stats-pannel--dark { background-color: #f1f1f1; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.stats-pannel .stat { width: 25%; float: left; text-align: center; padding: 15px 0 20px 0; color: #3f3f3f; font-family: museo-sans-rounded, sans-serif; }
.stats-pannel .number { font-size: 25px; font-weight: 700; color: #af1216; }
.stats-pannel .title { text-transform: uppercase; /* font-weight: 700; */ font-size: 21px; }
.stats-pannel img { max-height: 40px; }

@media (max-width: 768px) { .stats-pannel .stat { width: 100%; } }
/*--------------------------/*
		COMPANY MAP 
/*-------------------------*/
* html .qtip-titlebar .qtip-close { top: 16px; }

.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; direction: ltr; box-shadow: none; padding: 0; z-index: 1000000; }
.qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; }
.qtip-tipsy { background: black; background: rgba(0, 0, 0, 0.87); color: white; border: 0 solid transparent; border-radius: 5px; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; }
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; }
.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; }
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; }
.qtip .qtip-tip canvas { top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }

x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; }

.tooltip-content { display: none; }

.office-map-pannel { /*	border-top: 2px solid #f1f1f1;*/ /*    border-bottom: 2px solid #f1f1f1;*/ }
.office-map-pannel--grey { background-color: #f1f1f1; }
.office-map-pannel .desktop-wrapper { margin-bottom: -4px; position: relative; }
.office-map-pannel .desktop-wrapper img { width: 100%; }
.office-map-pannel .mobile-wrapper { display: none; }
.office-map-pannel .title-banner { position: absolute; width: 100%; top: 45%; background: rgba(241, 241, 241, 0.7); padding: 30px 0; color: #3f3f3f; }
.office-map-pannel .title-banner h1 { font-family: museo-sans-rounded, sans-serif; font-size: 27px; font-weight: 300; text-align: center; }

.office-popup { border: 0 solid transparent; background-color: #3f3f3f; color: #fff; text-align: center; border-radius: 6px; padding: 6px 12px; /* Position the tooltip */ position: absolute; z-index: 1; font-size: 12px; }

#officesMap area { cursor: default !important; }

@media (max-width: 768px) { .office-map-pannel .desktop-wrapper { display: none; }
  .office-map-pannel .mobile-wrapper { display: block; max-height: 318px; overflow: hidden; width: 100%; }
  .office-map-pannel #planet-container { position: relative; overflow: hidden !important; margin-top: -144px; margin-left: -570px; max-height: 218px; z-index: -1; }
  .office-map-pannel .header-text--inner { text-align: center; padding-top: 30px; color: #3f3f3f; }
  .header-text--inner h1 { font-family: museo-sans-rounded, sans-serif; font-size: 27px; font-weight: 300; text-align: center; margin: 0 auto .5em; } }
.dot-wrapper { position: relative; }

.pulse { width: 10px; height: 10px; border: 5px solid #7e7e7e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ffffff; z-index: 1; position: absolute; box-sizing: content-box; }

.dot { border: 10px solid #3f3f3f; background: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 50px; width: 50px; -webkit-animation: pulse 3s ease-out; -moz-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; box-sizing: content-box; }

@media (max-width: 1100px) { .pulse { width: 7px; height: 7px; border-width: 3px; }
  .dot { border-width: 7px; height: 40px; width: 40px; top: -20px; left: -20px; } }
@media (max-width: 768px) { .pulse { width: 5px; height: 5px; border-width: 2px; }
  .dot { border-width: 5px; height: 30px; width: 30px; top: -15px; left: -15px; } }
@keyframes pulse { 0% { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); opacity: 0.0; }
  25% { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); opacity: 0.1; }
  50% { transform: scale(0.1); -moz-transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0.3; }
  75% { transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; }
  100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } }
/*--------------------------/*
		CLIENT LOGOS
/*-------------------------*/
.client-logos { background-size: contain; background-repeat: no-repeat; background-position: bottom center; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; padding-bottom: 25px; }
.client-logos--grey { background-color: #f1f1f1; }
.client-logos .container { height: 500px; padding-top: 130px; text-align: center; background-size: contain; background-repeat: no-repeat; background-position: bottom center; }
.client-logos .intro_text { margin-bottom: 40px; }

@media (max-width: 1100px) { .client-logos { /* border-top: 2px solid $background-grey; */ border-bottom: 2px solid #f1f1f1; padding-bottom: 25px; }
  .client-logos .container { height: 365px; padding-top: 70px; /* padding: 70px 70px 0; */ }
  .client-logos .intro_text { margin-bottom: 25px; } }
@media (max-width: 768px) { .client-logos { /* border-top: 2px solid $background-grey */ border-bottom: 2px solid #f1f1f1; padding-bottom: 25px; }
  .client-logos .container { height: 200px; padding-top: 30px; }
  .client-logos .intro_text { margin-bottom: 5px; font-size: 20px; } }
/*----------------------/*
	WHY US PAGE
	-MAIN REASON
	-PARALAX IMAGE
/*---------------------*/
.main-reason--grey { background-color: #f1f1f1; }
.main-reason .main-reason--text { float: left; clear: none; width: 45%; margin: 0; padding: 7.6% 0; }
.main-reason--image { float: left; clear: none; width: 45%; margin-top: 45px; min-height: 300px; position: relative; }
.main-reason--image img { width: 100%; position: absolute; bottom: 0; }
.main-reason p { color: #7e7e7e; }
.main-reason .intro_text { margin-bottom: 15px; }

.left .main-reason--text { margin-right: 10%; }

.right .main-reason--text { margin-left: 10%; }
.right .mobile-image { display: none; }

@media (max-width: 1100px) { .main-reason--image { min-height: 225px; width: 50%; }
  .left .main-reason--text { margin-right: 5%; }
  .right .main-reason--text { margin-left: 5%; } }
@media (max-width: 768px) { .main-reason { text-align: center; }
  .main-reason .main-reason--text { width: 100%; margin: 0; }
  .main-reason--image { width: 100%; margin-bottom: -5px !important; min-height: inherit; }
  .main-reason--image img { width: 100%; padding: 0; position: relative; }
  .right .main-reason--image { display: none; }
  .right .mobile-image { display: block; } }
/*----------------------/*
	PARALAX IMAGE
/*---------------------*/
.paralax-image { border-top: 1px solid #939393; border-bottom: 1px solid #939393; }

.paralax__layer { position: relative; height: 350px; background-attachment: fixed; background-position: top center; background-size: cover; }
.paralax__layer h2 { background-color: rgba(126, 126, 126, 0.51); height: 100%; padding: 150px 0; text-align: center; color: #ffffff; }

@media (max-width: 768px) { .paralax__layer { position: relative; height: 350px; background-attachment: fixed; background-position: top center; background-size: cover; }
  .paralax__layer h2 { background-color: rgba(126, 126, 126, 0.51); height: 100%; padding: 150px 0; text-align: center; color: #ffffff; } }
/*----------------------/*
	OTHER REASONS
/*---------------------*/
.other-reasons { width: 100%; overflow: hidden; }
.other-reasons--grey { background: #f1f1f1; position: relative; }
.other-reasons-inner { padding: 70px 0; }
.other-reasons .reasons-row { display: flex; padding-bottom: 35px; }
.other-reasons .reason { margin: 0 1%; width: 33.33%; }
.other-reasons .reason .img-container { /* display:flex; */ width: 15%; padding-right: 7px; float: left; }
.other-reasons .reason .reason-container { width: 85%; padding: 0px 0% 0 5px; float: left; }
.other-reasons .reason img { width: 100%; }
.other-reasons .reason p { color: #7e7e7e; }
.other-reasons .intro_text { text-align: center; padding-bottom: 35px; font-size: 16px; text-align: left; text-transform: uppercase; font-weight: bold; padding-bottom: 7px; color: #3f3f3f !important; }

/*----------------------/*
		TIMELINE
/*---------------------*/
.timeline-pannel .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #f1f1f1; }

.timeline-pannel--grey { background-color: #f1f1f1; }
.timeline-pannel--grey .cd-timeline-content { background: #ffffff; border-radius: 5px; /* border-radius: 0 0 5px 5px; */ padding: 1em; -webkit-box-shadow: 0 3px 0 #eaeaea; -moz-box-shadow: 0 3px 0 #eaeaea; -ms-box-shadow: 0 3px 0 #eaeaea; -o-box-shadow: 0 3px 0 #eaeaea; box-shadow: 0 3px 0 #eaeaea; }
.timeline-pannel--grey .cd-timeline-content::before { border-right: 7px solid white; }

.timeline-pannel--grey .cd-timeline-content { background: white; border-radius: 5px; /* border-radius: 0 0 5px 5px; */ padding: 1em; box-shadow: 0 3px 0 #eaeaea; }

#cd-timeline { position: relative; padding: 60px 0; }
#cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 2px; background: #af1216; background: -moz-linear-gradient(#af1216, #dc2323); background: -webkit-linear-gradient(#af1216, #dc2323); background: -o-linear-gradient(#af1216, #dc2323); background: linear-gradient(#af1216, #dc2323); }

.cd-timeline-block { position: relative; margin: 20px 0; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0px; }
.cd-timeline-img { position: absolute; top: 4px; left: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #3f3f3f; }
.cd-timeline-img img { display: block; width: 20px; height: 20px; position: relative; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; }
.cd-timeline-blank { position: absolute; top: 13px; left: 0; width: 20px; height: 20px; border-radius: 50%; margin-left: 9px; background-color: #3f3f3f; }
.cd-timeline-content { position: relative; margin-left: 60px; background: #f1f1f1; border-radius: 0 0 5px 5px; padding: 1em; box-shadow: 0 3px 0 #eaeaea; }
.cd-timeline-content img { padding: 0px 0 20px 0; width: 100%; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content h2 { color: #3f3f3f; font-weight: 600; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { color: #7e7e7e; }
.cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; width: 100%; }
.cd-timeline-content .round_button { float: right; /* margin-top: 10px; */ }

@media (max-width: 768px) { #cd-timeline::before { left: 50%; margin-left: -1px; }
  .cd-timeline-blank { width: 20px; height: 20px; left: 50%; margin-left: -10px; /* Force Hardware Acceleration in WebKit */ top: 18px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .cd-timeline-img { width: 40px; height: 40px; left: 50%; top: 8px; margin-left: -20px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .cd-timeline-block { margin: 15px 0; }
  .cd-timeline-content img { padding: 20px 50% 0 0; }
  .timeline-pannel .cd-timeline-content { margin-left: 0; padding: 20px; width: 45%; }
  .timeline-pannel .cd-timeline-content::before { top: 21px; left: 100%; border-color: transparent; border-left-color: #f1f1f1; }
  .timeline-pannel .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 21px; left: auto; right: 100%; border-color: transparent; border-right-color: #f1f1f1; }
  .timeline-pannel--grey .cd-timeline-content::before { border-left-color: #ffffff; }
  .timeline-pannel--grey .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 21px; left: auto; right: 100%; border-color: transparent; border-right-color: white; }
  .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; }
  .cd-timeline-block:nth-child(even), .cd-timeline-content { float: right; }
  .cd-timeline -block:nth-child(even) .cd-timeline-content::before { top: 21px; left: auto; right: 100%; border-color: transparent; border-right-color: #f1f1f1; }
  .cd-timeline -block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
  .cd-timeline-content .round_button { float: left; margin-top: 15px; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .round_button { /* float: right; */ }
  .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } }
@-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); }
  60% { opacity: 1; -webkit-transform: scale(1.2); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); }
  60% { opacity: 1; -moz-transform: scale(1.2); }
  100% { -moz-transform: scale(1); } }
@keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
  60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); }
  60% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); }
  60% { opacity: 1; -moz-transform: translateX(20px); }
  100% { -moz-transform: translateX(0); } }
@keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
  60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
  100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); }
  60% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); }
  60% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { -moz-transform: translateX(0); } }
@keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
  60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
  100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
/*----------------------/*
	RESELLER PAGE 
	-PARTNER PANNEL
/*---------------------*/
.partner-pannel { padding: 20px 0; }
.partner-pannel--grey { background-color: #f1f1f1; }
.partner-pannel--text { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 50px 0; /* min-height: 300px; */ }
.partner-pannel .intro_text { font-size: 37px; margin-bottom: .8em; }
.partner-pannel p { color: #7e7e7e; line-height: 1.7; font-size: 17px; padding-bottom: 10px; }
.partner-pannel--image { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; position: relative; min-height: 300px; }
.partner-pannel-image--wrap { overflow: hidden; padding: 60px 0; }
.partner-pannel--image img { max-width: 100%; }
.partner-pannel--table { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; position: relative; }

@media (max-width: 1100px) { .partner-pannel--text { width: 100%; float: none; max-width: 80%; text-align: center; margin: 0 auto; padding: 15px 0 10px 0; }
  .partner-pannel--image, .partner-pannel--table { min-height: 0; float: none; margin: 0 auto; width: 65%; } }
/*----------------------/*
	COMPARISION TABLE
/*---------------------*/
.partner-pannel .table-title { font-size: 18px; color: black; }
.partner-pannel-table--wrap { /* text-align:right; */ width: 55%; /* margin: 0 auto; */ padding: 20px 0; }
.partner-pannel--table table { border: 2px solid #f1f1f1; border-spacing: 0; text-align: right; width: 100%; background-color: #ffffff; }
.partner-pannel--grey .partner-pannel--table table { border-color: white; text-align: left; }

.comparison-pannel { padding: 40px 0; }
.comparison-pannel--grey { background-color: #f1f1f1; }
.comparison-pannel .intro_text { text-align: center; }

.comparison-wrap { text-align: center; padding: 40px 0; }

.comparison-option { position: relative; display: inline-block; border: 2px solid #f1f1f1; background-color: #ffffff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 20%; cursor: default !important; }
.comparison-option.selected { border: 2px solid #d52121; /* background-color: #f1f1f1; */ }

.comparison-table { text-align: center; width: 100%; /* border: 2px solid #f1f1f1; */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.comparison-table td .fa-check { color: #98cb67; }
.comparison-table td .fa-times { color: #dc2323; }
.comparison-table thead > tr > td, .comparison-table tbody > tr > td, .comparison-table tfoot > tr > td { padding: 10px !important; }
.comparison-table thead > tr > th { padding: 10px 0px !important; font-size: 18px; }
.comparison-table tbody > tr:nth-of-type(even) { background-color: #f1f1f1; }

.comparison-features { border: 0px; width: 25%; background-color: transparent; }
.comparison-features tbody > tr:nth-of-type(odd) { background-color: #f1f1f1; }
.comparison-features tbody > tr:nth-of-type(even) { background-color: #ffffff !important; }
.comparison-features:hover { border: 0px !important; }

.recommended { color: #d52121; }

.comparison-option.selected > p { position: absolute; background-color: #d52121; right: -10px; top: -10px; padding: 5px; border-radius: 20px; color: #ffffff; height: 30px; width: 30px; text-align: center; z-index: 4; }

@media (max-width: 1100px) { .comparison-option.selected > p, .comparison-table .recommended, .partner-pannel--table, .comparison-features thead { display: none; }
  .comparison-wrap { padding: 25px 0; }
  .comparison-pannel .comparison-option { width: 12%; border: none !important; }
  .comparison-pannel .comparison-option table { border-spacing: 0; }
  .comparison-pannel .comparison-features { width: 60%; }
  .comparision-option .comparison-table thead > tr > td, .comparision-option .comparison-table tbody > tr > td, .comparision-option .comparison-table tfoot > tr > td { padding: 14px 7px !important; height: 48px; }
  .comparision-option .comparison-table tbody { display: inherit; width: 100%; border: 2px solid #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .comparison-features .comparison-table thead > tr > td, .comparison-features .comparison-table tbody > tr > td, .comparison-features .comparison-table tfoot > tr > td { padding: 5px 10px !important; height: 48px; }
  .comparison-features .comparison-table tbody { border: none; }
  th.rotate { /* Something you can count on */ height: 173px; white-space: nowrap; }
  th.rotate > div { -webkit-transform: translate(0, 120px) rotate(270deg); -moz-transform: translate(0, 120px) rotate(270deg); -ms-transform: translate(0, 120px) rotate(270deg); -o-transform: translate(0, 120px) rotate(270deg); transform: translate(0, 120px) rotate(270deg); width: 30px; } }
/*-----------------------------/*
	PARTNER PANNEL TESTIMONIAL
/*----------------------------*/
.partner-pannel--testimonial { padding: 50px 0 50px 50px; float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; }
.partner-pannel--testimonial .testimonial-container { float: left; width: 70%; font-family: museo-sans-rounded, sans-serif; font-weight: 400; color: #3f3f3f; }
.partner-pannel--testimonial .info-container { float: left; width: 30%; padding-right: 5%; padding-top: 5%; }
.partner-pannel--testimonial .info-container .wrapper { width: 100%; float: left; padding-top: 10px; }
.partner-pannel--testimonial .info-container .logo-container { width: 100%; }
.partner-pannel--testimonial .info-container p { text-align: right; border-top: 3px solid black; margin-top: 10px; padding-top: 10px; color: #dc2323; font-family: museo-sans-rounded, sans-serif; font-weight: 700; }
.partner-pannel--testimonial .author-container { border: 4px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30%; margin-right: 5%; float: left; }
.partner-pannel--testimonial .testimonial { background: #ffffff; padding: 45px 30px; border: 1px solid rgba(90, 85, 85, 0.1); border-bottom: 2px solid rgba(202, 202, 202, 0.5); display: flex; min-height: 250px; }

@media (max-width: 1100px) { .partner-pannel--testimonial { width: 100%; float: none; max-width: 80%; text-align: center; margin: 0 auto; padding: 15px 0 10px 0; }
  .partner-pannel--testimonial .info-container { width: 40%; }
  .partner-pannel--testimonial .info-container .logo-container { padding: 0; }
  .partner-pannel--testimonial .testimonial-container { width: 60%; } }
@media (max-width: 768px) { .partner-pannel--testimonial .info-container, .testimonial-wrap .testimonial-container { width: 100%; margin-bottom: 20px; text-align: center; padding: 0; }
  .partner-pannel--testimonial .testimonial { display: inline-block; padding: 30px; }
  .partner-pannel--testimonial .info-container .logo-container { width: 70%; }
  .partner-pannel--testimonial .testimonial-container { width: 100%; } }
/*-----------------------------/* CASE STUDIES 
/*----------------------------*/
.case-study { border-bottom: 2px solid #eaeaea; }
.case-study:last-child { border-bottom: 0; }
.case-study > .container { height: 360px; }
.case-study--logo { float: left; clear: none; width: 31.33333333333333%; margin-left: 0; margin-right: 3%; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.case-study--logo:last-child { margin-right: 0; }
.case-study--logo-wrap { background: #ffffff; }
.case-study--logo-wrap img { width: 100%; }
.case-study--info { float: left; clear: none; width: 65.66666666666666%; margin-left: 0; margin-right: 3%; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 40px; }
.case-study--info:last-child { margin-right: 0; }
.case-study--info-top { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; }
.case-study--info-top h3 { font-family: museo-sans-rounded, sans-serif; text-transform: uppercase; letter-spacing: .2em; float: left; color: #3f3f3f; font-weight: 700; margin-right: 20px; padding-right: 20px; border-right: 2px solid #ededed; font-size: 18px; }
.case-study--info-top .product-box-title { float: left; position: relative; top: -3px; }
.case-study--info-top a { font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #dc2323; margin-left: 20px; padding-left: 20px; border-left: 2px solid #ededed; font-size: 15px; }
.case-study--info-top a:before { content: '\f019'; font-family: 'FontAwesome'; margin-right: 15px; }
.case-study--info-content { float: left; clear: both; }
.case-study--info-content p { font-size: 15px; font-style: italic; color: #8d8d8d; line-height: 28px; }
.case-study .case-study--info { padding-left: 0; padding-right: 40px; }
.case-study .case-study--info .case-study--info-top { border-bottom: 1px solid #e0e0e0; }
.case-study .case-study--info .case-study--info-top h3 { border-right: 2px solid #dedede; }
.case-study .case-study--info .case-study--info-top h3.no-border-right { border-right: none; padding-right: 0; margin-right: 0; }
.case-study .case-study--info .case-study--info-top a { border-left: 2px solid #dedede; }
.case-study:nth-child(odd) .case-study--logo { float: right; }
.case-study:nth-child(odd) .case-study--info { float: left; padding-left: 0; padding-right: 40px; }
.case-study:nth-child(odd) .case-study--info .case-study--info-top { border-bottom: 1px solid #e0e0e0; }
.case-study:nth-child(odd) .case-study--info .case-study--info-top h3 { border-right: 2px solid #dedede; }
.case-study:nth-child(odd) .case-study--info .case-study--info-top h3.no-border-right { border-right: none; padding-right: 0; margin-right: 0; }
.case-study:nth-child(odd) .case-study--info .case-study--info-top a { border-left: 2px solid #dedede; }

@media (max-width: 1100px) { .case-study { padding: 40px; }
  .case-study > .container { height: auto !important; }
  .case-study--logo { width: 100%; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-bottom: 50px; float: left !important; }
  .case-study--logo-wrap { width: 45%; float: none; margin: 0 auto; }
  .case-study--info { padding-right: 0 !important; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; } }
@media (max-width: 768px) { .case-study { padding: 40px 0; height: auto; }
  .case-study > .container { height: auto; }
  .case-study--logo { top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; overflow: hidden; margin-bottom: 30px; float: none !important; }
  .case-study--logo-wrap { width: 60%; float: none; }
  .case-study--info { padding-right: 0 !important; margin: 0; text-align: center; }
  .case-study--info-top h3 { margin: 0 0 10px; width: 100%; border: 0 !important; font-size: 21px; letters-spacing: .1em; padding: 0; }
  .case-study--info-top .product-box-title.small { float: none; margin: 25px auto 30px; }
  .case-study--info-top a { width: 100%; clear: both; display: block; border: 0 !important; padding: 0; margin: 0; } }
/*---------------------/* TESTIMONIAL PAGE
/*--------------------*/
.testimonial--wrap { float: left; clear: none; width: 60%; margin-left: 0; margin-right: 0; padding: 80px 0; }
.testimonial--wrap .testimonial--left { float: left; clear: none; width: 25%; margin-left: 0; margin-right: 0; }
.testimonial--wrap .testimonial--left > img { display: block; margin: 0 auto 2em; max-width: 160px; border-radius: 200px; }
.testimonial--wrap .testimonial--left > img:not(.testimonial--avatar) { max-height: 100px; }
.testimonial--wrap .testimonial--left > img:last-child { margin-bottom: 0; }
.testimonial--wrap .testimonial--left > img.testimonial--avatar { border-radius: 200px; }
.testimonial--wrap .testimonial--right { width: 65%; clear: none; margin-left: 0; max-width: 520px; padding-left: 50px; float: left; }
.testimonial--wrap .testimonial--right p { font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 26px; color: #3f3f3f; line-height: 1.2; }
.testimonial--wrap .testimonial--right p a { color: #df1f17; }
.testimonial--wrap .testimonial--right p.testimonial--name { color: #e93c18; font-size: 18px; font-weight: 700; margin-top: 20px; }
.testimonial--wrap .testimonial--right p.testimonial--name span { color: #8f8f8f; font-size: 14px; font-weight: 700; }
.testimonial--wrap .testimonial--right-blogpost p { font-size: 22px; }

.testimonial-wrap { background: #f1f1f1; padding-bottom: 20px; padding-top: 40px; }
.testimonial-wrap ~ .testimonial-wrap { padding-top: 0; }
.testimonial-wrap:nth-child(even) .testimonial .image-container { float: right; padding: 30px 30px 3% 30px; }
.testimonial-wrap:nth-child(even) .testimonial .image-container .image-wrapper { text-align: left; }
.testimonial-wrap:nth-child(even) .testimonial .image-container .image-wrapper .logo-container { padding-left: 0; padding-right: 30px; }
.testimonial-wrap .testimonial { background: #ffffff; padding: 60px 30px 45px 30px; border: 1px solid rgba(90, 85, 85, 0.1); border-bottom: 2px solid rgba(202, 202, 202, 0.5); min-height: 250px; float: left; width: 100%; }
.testimonial-wrap .testimonial .info-container { float: left; width: 70%; font-family: museo-sans-rounded, sans-serif; font-weight: 400; font-size: 15px; font-style: italic; color: #8d8d8d; line-height: 1.6; }
.testimonial-wrap .testimonial .info-container .info-top { width: 100%; float: left; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; padding-bottom: 15px; }
.testimonial-wrap .testimonial .info-container .info-top .name, .testimonial-wrap .testimonial .info-container .info-top .company { float: left; text-transform: uppercase; letter-spacing: .2em; color: #3f3f3f; font-weight: 700; font-size: 18px; font-style: normal; padding-right: 20px; }
.testimonial-wrap .testimonial .info-container .info-top .company { padding-left: 20px; border-left: 1px solid #eaeaea; color: #7e7e7e; }
.testimonial-wrap .testimonial .info-container p { float: left; }
.testimonial-wrap .testimonial .image-container { float: left; width: 30%; padding: 30px 3% 30px 30px; }
.testimonial-wrap .testimonial .image-container .image-wrapper { width: 100%; /* float: left; */ /* padding-top: 10px; */ text-align: right; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.testimonial-wrap .testimonial .image-container .image-wrapper img { max-height: 100px; max-width: 100%; padding-left: 30px; }
.testimonial-wrap .testimonial .image-container p { text-align: right; border-top: 3px solid black; margin-top: 10px; padding-top: 10px; color: #dc2323; font-family: museo-sans-rounded, sans-serif; font-weight: 700; }
.testimonial-wrap--inner { width: 100%; }
.testimonial-wrap--inner .testimonial-single { background: #fff; padding: 15px 30px; margin-bottom: 25px; text-align: center; border: 1px solid rgba(90, 85, 85, 0.1); border-bottom: 2px solid rgba(202, 202, 202, 0.5); width: 32%; }
.testimonial-wrap--inner .testimonial-single--image { padding: 40px 0; max-width: 160px; margin: 0 auto; }
.testimonial-wrap--inner .testimonial-single--image img { display: block; width: 100%; border-radius: 200px; }
.testimonial-wrap--inner .testimonial-single--logo img { width: auto; display: block; margin: 40px auto 30px; max-width: 140px; max-height: 100px; }
.testimonial-wrap--inner .testimonial-single--text .body_text { color: #3f3f3f; font-weight: 300; font-size: 20px; margin-bottom: 30px; }
.testimonial-wrap--inner .testimonial-single--text span { color: #dc2323; font-family: museo-sans-rounded, sans-serif; font-weight: 700; }
.testimonial-wrap--inner .testimonial-single--text .testimonial-company { color: #8f8f8f; font-size: 14px; margin-top: 5px; }

.testimonial-logo-section-inner { display: table; table-layout: fixed; width: 100%; padding: 0 0 30px 0; }
.testimonial-logo-section-inner > div { display: table-cell; vertical-align: middle; }
.testimonial-logo-section-inner img { max-width: 75%; }
.testimonial-logo-section-inner img { max-width: 85%; display: block; margin: 0 auto; }

@media (max-width: 1200px) { .testimonial-wrap .testimonial { padding: 45px 30px; } }
@media (max-width: 768px) { .testimonial--wrap .testimonial--right p { font-size: 25px; }
  .testimonial-wrap { padding: 30px 0; }
  .testimonial-wrap .testimonial { display: inline-block; padding: 30px 20px; }
  .testimonial-wrap .testimonial .image-container { width: 100%; height: 100px !important; margin-bottom: 5px; padding: 0; }
  .testimonial-wrap .testimonial .info-container { width: 100%; text-align: center; }
  .testimonial-wrap .testimonial .info-container .info-top { margin-bottom: 10px; padding-bottom: 10px; }
  .testimonial-wrap .testimonial .info-container .info-top .name, .testimonial-wrap .testimonial .info-container .info-top .company { float: none; padding: 0; border: none; }
  .testimonial-wrap .testimonial .info-container .info-top .company { text-transform: capitalize; font-size: 14px; line-height: normal; }
  .testimonial-wrap--inner .testimonial-single { width: 100%; padding: 15px; }
  .testimonial-wrap--inner .testimonial-single--text .body_text { font-size: 17px; } }
@media (max-width: 1070px) { .testimonial-wrap--inner .testimonial-single { width: 48%; } }
@media (max-width: 1200px) { .testimonial-wrap .testimonial-container { width: 60%; }
  .testimonial-wrap .info-container { width: 40%; }
  .testimonial-wrap .info-container .logo-container { padding: 0; } }
/*------------------------------------------/*
	APPLICATIONS PAGE
	-application single 
	-sub menu
	-more info page 
/*-----------------------------------------*/
.application-single { border-bottom: 3px solid #f0f0f0; padding: 8rem 0; }
.application-single--image { float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; }
.application-single--image-circle { position: relative; background: url("images/circle.png") center center no-repeat; display: block; background-size: 100%; height: 335px; width: 100%; max-width: 335px; }
.application-single--image-circle img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 70%; }
.application-single--text { clear: none; width: 66.66666666666666%; margin-left: 0; margin-right: 0; float: right; }
.application-single--text h2 { margin-bottom: 0.75em; }
.application-single--text img { display: none; }
.application-single--text p { color: #7e7e7e; line-height: 1.7; font-size: 15px; margin-bottom: 2.25em; }

@media (max-width: 1100px) { .application-single--image-circle { width: 285px; height: 285px; } }
@media (max-width: 1000px) { .application-single { padding: 50px 0; text-align: center; margin: 0 auto; }
  .application-single > .container { height: 100%; max-width: 800px; margin: 0 auto; }
  .application-single--image { float: none; margin: 0 auto; width: 100%; height: 100%; }
  .application-single--image-circle { width: 285px; height: 285px; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin: 0 auto 40px; }
  .application-single--image-circle img { width: 70%; }
  .application-single--text { top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; } }
@media (max-width: 768px) { .application-single--image-circle { float: none; } }
/*-----------------------------/* APPLICATION SUB MENU
/*----------------------------*/
.application-top { padding-top: 85px; }

@media (max-width: 1024px) { .application-top { padding-top: 85px; } }
/*-----------------------------/* MORE INFO PAGE
/*----------------------------*/
.application-info { padding: 80px 30px; border-bottom: 3px solid #f0f0f0; width: 100%; }
.application-info--image { max-width: 335px; }
.application-info--image-circle { position: relative; background: url("images/circle.png") center center no-repeat; display: block; background-size: 100%; height: 335px; width: 100%; }
.application-info--image-circle img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 70%; }
.application-info--image a.round_button { margin: 3.5em auto 0; float: none; display: block; max-width: 285px; }
.application-info--left { float: left; clear: none; width: 31.33333333333333%; margin-left: 0; margin-right: 3%; }
.application-info--left:last-child { margin-right: 0; }
.application-info--left .application-testimonial { color: #858585; font-size: 18px; text-align: center; margin-top: 2em; line-height: 27px; }
.application-info--left .application-testimonial a { color: #dc2323; }
.application-info--left .application-testimonial--name { text-align: center; font-weight: 700; margin-top: 2em; }
.application-info--left .application-testimonial--image { display: block; margin: 2em auto 0; max-height: 100px; }
.application-info--left span { display: block; text-align: center; margin-top: .2em; color: #dc2323; }
.application-info--right { float: left; clear: none; width: 65.66666666666666%; margin-left: 0; margin-right: 3%; }
.application-info--right:last-child { margin-right: 0; }
.application-info--right h2 { margin-bottom: 0.75em; }
.application-info--right p { color: #7e7e7e; line-height: 1.7; font-size: 16px; margin-bottom: 1.4em; }
.application-info--right p img { display: block; margin: 70px auto; width: 70%; height: auto; }
.application-info--downloads { border: 1px solid #ebebeb; margin-top: 50px; }
.application-info--downloads ul li { border-bottom: 1px solid #ebebeb; }
.application-info--downloads ul li:last-child { border-bottom: 0; }
.application-info--downloads ul li a { display: block; line-height: 50px; padding: 0 20px; position: relative; color: #7e7e7e; font-size: 15px; overflow: hidden; }
.application-info--downloads ul li a p { margin-bottom: 0; float: left; line-height: 50px; }
.application-info--downloads ul li a:before { content: '\f1c1'; font-family: 'FontAwesome'; font-size: 14px; float: left; padding: 0 40px 0 5px; color: #dc2323; }
.application-info--downloads ul li a:after { content: ''; position: absolute; width: 1px; height: 100%; background: #ebebeb; left: 60px; }
.application-info--downloads ul li a span { float: right; text-transform: uppercase; color: #dc2323; font-size: 12px; font-weight: 700; }

@media (max-width: 1100px) { .application-info { padding: 50px 0; } }
@media (max-width: 890px) { .application-info--left { width: 100%; padding-bottom: 50px; border-bottom: 2px solid #eaeaea; margin-bottom: 50px; }
  .application-info--left .application-info--image { max-width: 100%; }
  .application-info--left .application-info--image-wrap { max-width: 335px; margin: 0 auto; }
  .application-info--left .application-info--image--text { width: 80%; margin: 0 auto; }
  .application-info--right { width: 100%; } }
@media (max-width: 550px) { .application-info--downloads ul li a { line-height: 32px; padding: 10px; }
  .application-info--downloads ul li a span { display: block; float: left; clear: left; margin-top: 5px; }
  .application-info--downloads ul li a:before, .application-info--downloads ul li a:after { display: none; }
  .application-info--downloads ul li a p { margin-bottom: 0; line-height: 1.7; } }
/*----------------------------------------/*
	INDUSTRY
/*--------------------------------------*/
.industry-intro--grey { background-color: #f1f1f1; }
.industry-intro--text { float: left; clear: none; width: 60%; margin-left: 0; margin-right: 0; padding: 80px 0 20px 0; }
.industry-intro--text h2 { font-size: 37px; margin-bottom: 0.8em; }
.industry-intro--text p { color: #7e7e7e; line-height: 1.7; font-size: 17px; }
.industry-intro--image { float: right; clear: none; width: 40%; padding-right: 5%; margin: 2% 0; position: relative; min-height: 420px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.industry-intro--image img { width: 100%; }

@media (max-width: 768px) { .industry-intro--text { width: 100%; float: none; text-align: center; margin: 0 auto; padding-top: 0; padding-right: 0; padding-bottom: 60px; }
  .industry-intro--image { float: none; margin: 0 auto; width: 65%; min-height: 300px; }
  .industry-intro--image img { position: relative !important; } }
.industry-case-study { border-top: 2px solid #eaeaea; }
.industry-case-study--grey { background-color: #f1f1f1; }
.industry-case-study > .container { height: 380px !important; }
.industry-case-study .case-study--info .case-study--info-top h3 { border: none !important; float: none; }
.industry-case-study .case-study--info-content p { font-size: 16px; margin-bottom: 10px; }
.industry-case-study .case-study--info-content .round_button { margin-top: 10px; }
.industry-case-study .right .case-study--logo { float: right; margin-right: 0; }
.industry-case-study .right .case-study--info { float: left; }

@media (max-width: 1100px) { .industry-case-study .case-study--info { text-align: center; }
  .industry-case-study .case-study--info .case-study--info-top { float: none; }
  .industry-case-study .right .case-study--logo, .industry-case-study .right .case-study--info { float: left; } }
.industry-application { padding: 80px 0; border: none; }
.industry-application--grey { background-color: #f1f1f1; }
.industry-application .right .application-single--text { float: left; }
.industry-application .right .application-single--image { float: right; }
.industry-application .right .application-single--image-circle { float: right; }
.industry-application .application-single--text p { font-size: 16px; }
.industry-application .application-single--image-circle { background-image: none; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #eaeaea; }

@media (max-width: 1100px) { .industry-application { padding: 60px 0; }
  .industry-application .application-single--image-circle { float: none !important; text-align: center; } }
.recommended-product--grey { background-color: #f1f1f1; }
.recommended-product .intro_text { margin-bottom: 20px; }

.deployment-guides--grey { background-color: #f1f1f1; }
.deployment-guides .application-info--downloads ul li { background-color: white; }
.deployment-guides .intro_text { margin-bottom: 20px; }
.deployment-guides .deployment-wrapper .deployment-image { float: left; clear: none; width: 30%; padding-right: 5%; margin: 2% 0; position: relative; min-height: 250px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.deployment-guides .deployment-wrapper .deployment-image img { width: 100%; }
.deployment-guides .deployment-wrapper .deployment-content { position: relative; float: left; clear: none; width: 70%; margin-left: 0; margin-right: 0; padding: 50px 0; }
.deployment-guides .deployment-wrapper .deployment-content .round_button { margin: 20px 0; }
.deployment-guides .deployment-wrapper .application-info--downloads { margin: 0; }

@media (max-width: 1100px) { .deployment-guides .deployment-wrapper .deployment-image { padding: 5% 5% 0 0; } }
@media (max-width: 768px) { .deployment-guides .deployment-wrapper .deployment-image, .deployment-guides .deployment-wrapper .deployment-content { width: 100%; text-align: center; float: none; }
  .deployment-guides .deployment-wrapper .deployment-image { padding: 40px 30% 10px 30%; min-height: 100px; margin: 0; }
  .deployment-guides .deployment-wrapper .deployment-content { padding: 0 0 20px 0; } }
/*----------------------------------------/*
	PRODUCTS
	-key features
	-product table
	-PRODUCT INTRO AND SUB MENU
	-PRODUCT LIST
	-PRODUCT CATEGORY
	-PRODUCT SPLIT
	-BOX TITLE
	-OPTIONAL EXTRAS 
	-TECH SPECS
/*---------------------------------------*/
.product-feature-details { width: 33.33% !important; margin-right: 0px !important; }
.product-feature-details li { padding-left: 60px; }

@media (max-width: 1100px) { .product-feature-details { width: 50% !important; } }
@media (max-width: 768px) { .product-feature-details { width: 100% !important; }
  .product-feature-details li { padding-left: 40px; } }
/*------------------------------/* KEY FEATURES 
/*------------------------------*/
.key-features { padding: 70px 0 65px; }
.key-features > .container { padding: 0 20px 70px; }
.key-features--virtual > .container { padding: 0 20px; }
.key-features--homepage { padding: 70px 0 0; }
.key-features--border { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.key-features__feature-list { float: left; clear: none; width: 74.25%; margin-left: 0; margin-right: 3%; }
.key-features__feature-list:last-child { margin-right: 0; }
.key-features__feature-list ul li margin-bottom, .key-features__feature-list ul li:before { content: '\f00c'; font-family: 'FontAwesome'; color: #ea3e18; margin-right: 20px; float: left; }
.key-features h3 { font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 37px; color: #3f3f3f; line-height: 1.275; margin-top: 46px; }
.key-features__feature { float: left; clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; position: relative; }
.key-features__feature:last-child { margin-right: 0; }

@media (max-width: 1050px) { .key-features__feature { float: left; clear: none; width: 31.33333333333333%; margin: 0; }
  .key-features__feature:last-child { margin-right: 0; }
  .key-features__feature h3 { margin: 0; }
  .key-features--wrap { width: 100%; float: left; margin-top: 35px; }
  .key-features__feature-list { width: 100%; margin-top: 40px; } }
@media (max-width: 1045px) { .key-features { padding: 45px 0; }
  .key-features__feature { float: left; clear: none; width: 31.33333333333333%; margin-left: 0; margin-right: 3%; }
  .key-features__feature:last-child { margin-right: 0; }
  .key-features h3 { margin: 0; } }
@media (max-width: 830px) { .key-features__feature-list ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
@media (max-width: 800px) { .key-features__feature { float: left; clear: none; margin-left: 0; margin-right: 3%; width: 46%; }
  .key-features__feature:last-child { margin-right: 0; clear: left; } }
@media (max-width: 650px) { .key-features__feature { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 3%; }
  .key-features__feature:last-child { margin-right: 0; } }
@media (max-width: 620px) { .key-features__feature-list ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
/*------------------------------/* PRODUCT TABLE
/*------------------------------*/
.product-table { width: 100%; border-spacing: 0; border-collapse: inherit; padding: 0; text-align: center; table-layout: fixed; }
.product-table .table-header-row { background: #7f7f7f; color: #ffffff; text-transform: uppercase; font-size: 13px; font-weight: 700; }
.product-table .table-header-row td { color: #ffffff; padding: 11px 15px 9px; width: 20%; }
.product-table .table-header-padding { background: #f1f1f1 !important; }
.product-table .table-header-padding td { padding: 5px; background: #f1f1f1 !important; }
.product-table tr:nth-child(odd):not(.table-header-row) td { background: #e5e5e5; border-left: 6px solid #f1f1f1; border-right: 6px solid #f1f1f1; }
.product-table tr:nth-child(odd):not(.table-header-row) td:first-child { border-left: none; word-break: break-word; }
.product-table td { padding: 10px; color: #8d8d8d; vertical-align: middle; }
.product-table td:not(.table-header-row) { font-size: 15px; }
.product-table td .fa-check { color: #98cb67; }
.product-table td .fa-times { color: #dc2323; }
.product-table .footer-buttons td { background: none !important; }

@media (max-width: 760px) { .product-table .round_button { padding: 6px 12px; } }
@media (max-width: 650px) { .product-table.cloud-table { display: none; } }
.product-table-container { background: #f1f1f1; padding: 45px 0; }
.product-table-container .table-logo-header { clear: none; width: 80%; margin-left: 0; margin-right: 0; vertical-align: middle; text-align: center; margin-bottom: 45px; float: right; }
.product-table-container .table-logo-header > div { float: left; clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; }
.product-table-container .table-logo-header > div:last-child { margin-right: 0; }
.product-table-container .table-logo-header > div .product-box-title { margin-top: 15px; }
.product-table-container .table-logo-header > div .product-box-title .product-first-word { font-size: 28px; }
.product-table-container .table-logo-header > div .product-box-title .product-second-word { font-size: 22px; line-height: 34px; }
.product-table-container .table-logo-header img { display: inline-block; vertical-align: middle; max-width: 190px; display: block; margin: 0 auto; }

@media (max-width: 1250px) { .product-table-container .table-logo-header > div .product-box-title .product-first-word { font-size: 20px; }
  .product-table-container .table-logo-header > div .product-box-title .product-second-word { font-size: 14px; line-height: 27px; } }
@media (max-width: 1111px) { .product-table-container { padding: 45px 0; }
  .product-table-container .table-logo-header { margin-bottom: 45px; }
  .product-table-container .table-logo-header img { max-width: 140px; } }
@media (max-width: 900px) { .product-table-container .table-logo-header { display: none; } }
@media (max-width: 890px) { .product-table-container .table-logo-header img { margin-left: 20px; } }
@media (max-width: 730px) { .product-table-container .table-logo-header img { max-width: 110px; } }
/*------------------------------/* PRODUCT INTRO AND SUB MENU
/*------------------------------*/
@media (max-width: 1100px) { .products-intro { font-size: 31px; } }
@media (max-width: 1024px) { .products-top { padding-top: 85px; } }
@media (max-width: 910px) { .products-intro { font-size: 24px; padding: 0 15px; } }
.products-top { padding-top: 85px; }

/*------------------------------/* PRODUCT LIST
/*------------------------------*/
.product-list { border-bottom: 2px solid #f1f1f1; text-align: center; padding-bottom: 70px; margin-top: 60px; }
.product-list__product { float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; position: relative; }
.product-list__product .image-container { width: 348px; height: 260px; margin: 0 auto; }
.product-list__product .image-container img { display: inline; max-width: 100%; max-height: 100%; margin: 0 auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.product-list .round_button { margin: 20px auto 0; }

@media (max-width: 1080px) { .product-list__product .image-container { width: 90%; height: 210px; } }
@media (max-width: 765px) { .product-list__product .image-container { height: 160px; } }
@media (max-width: 675px) { .product-list__product { float: left; clear: none; width: 33.33333333333333%; margin-left: 0; margin-right: 0; } }
@media (max-width: 500px) { .product-list { margin-top: 30px; padding-bottom: 30px; }
  .product-list__product { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
  .product-list__product .image-container { max-width: 230px; } }
/*------------------------------/* PRODUCT CATEGORY
/*------------------------------*/
.product-category-intro { padding: 60px 0; }
.product-category-intro h1 { float: left; clear: none; width: 26.75%; margin-left: 0; margin-right: 3%; font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 37px; color: #3f3f3f; line-height: 1.275; }
.product-category-intro h1:last-child { margin-right: 0; }
.product-category-intro p { float: left; clear: none; width: 44.5%; margin-left: 0; margin-right: 3%; }
.product-category-intro p:last-child { margin-right: 0; }
.product-category-intro div:not(.container) { float: left; clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; }
.product-category-intro div:not(.container):last-child { margin-right: 0; }
.product-category-intro div:not(.container) a { float: right; }

@media (max-width: 1333px) { .product-category-intro .round_button { padding-left: 30px; padding-right: 30px; } }
@media (max-width: 1204px) { .product-category-intro h1 { font-size: 33px; } }
@media (max-width: 1200px) { .product-category-intro .round_button { padding-left: 20px; padding-right: 20px; } }
@media (max-width: 1100px) { .product-category-intro .round_button { letter-spacing: .1em; font-size: 13px; } }
@media (max-width: 950px) { .product-category-intro { padding: 30px 0; }
  .product-category-intro h1 { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 3%; }
  .product-category-intro h1:last-child { margin-right: 0; }
  .product-category-intro p { float: left; clear: none; width: 100%; margin: 30px 0; }
  .product-category-intro p:last-child { margin-right: 0; }
  .product-category-intro div:not(.container) { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 3%; }
  .product-category-intro div:not(.container):last-child { margin-right: 0; }
  .product-category-intro div:not(.container) a { float: left; } }
/*------------------------------/* PRODUCT SPLIT
/*------------------------------*/

.product-split { padding: 70px 0; }
.product-split .grey-background:not(.cloud-product-split) .product-split__right { visibility: hidden; }
.product-split .grey-background:not(.cloud-product-split) .product-split__right.animating { visibility: visible; }
.product-split .no-grey-background:not(.cloud-product-split) .product-split__left { visibility: hidden; }
.product-split .no-grey-background:not(.cloud-product-split) .product-split__left.animating { visibility: visible; }
.product-split:nth-child(even) { background-color: #f1f1f1; }
.product-split p { color: #7e7e7e; line-height: 1.7; margin: 30px 0; font-size: 16px; }
.product-split .product-image-small { display: none; }
.product-split .stripe-dark { background: #f1f1f1; position: relative; overflow: hidden; }
.product-split .stripe-dark:after { content: ''; position: absolute; right: -18%; bottom: -820%; top: 0; width: 100%; background: #e6e6e6; -webkit-transform: skewY(-80deg); -moz-transform: skewY(-80deg); -ms-transform: skewY(-80deg); -o-transform: skewY(-80deg); transform: skewY(-80deg); z-index: 1; }
.product-split .stripe-light { background: #fcfcfc; position: relative; overflow: hidden; }
.product-split .stripe-light:after { content: ''; position: absolute; left: -18%; bottom: -820%; top: 0; width: 100%; background: #ffffff; -webkit-transform: skewY(80deg); -moz-transform: skewY(80deg); -ms-transform: skewY(80deg); -o-transform: skewY(80deg); transform: skewY(80deg); z-index: 1; }
.product-split--recommended .product-split__right p:not(.intro_text) { font-size: 16px; margin: 20px 0; }
.product-split--recommended .product-split__right .p_price { color: #5b5b5b; padding: 0; font-size: 15px; font-weight: 700; clear: both; display: block; margin: 30px 0 0; }
.product-split--recommended .product-split__right .round_button { margin-right: 20px; }
.product-split-featured-image { display: block !important; }
.product-split-featured-image .product-split__image-container { display: block; }
.product-split__left { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; }
.product-split__right { clear: none; width: 50%; margin-left: 0; margin-right: 0; float: right; }
.product-split__right .product-split__image-container { float: right; }
.product-split--image .product-split__image-container { max-width: 70%; margin-top: -40px; }
.product-split--image .product-split__image-container img { display: block; max-width: 100%; margin: 0 auto; max-height: 300px; }
.product-split--image .product-split__image-container img.product-service { margin: -55px auto 0; max-width: 200px; }
.product-split--virtual { padding: 110px 0 38px; }
.product-split--virtual {background-color:#f1f1f1}
.product-split--virtual:nth-child(even){background-color:#ffffff;}
.product-split--virtual .product-split--image img { max-height: 380px; position: relative; z-index: 2; margin: 0; }
.product-split--virtual .container { overflow: visible; }
.products-top .product-split--virtual{
	background-color:#ffffff;
}
.product-split--hardware .product-split--image { position: relative; }
.product-split--hardware .product-split--image .product-split__image-container { width: 90%; max-width: 90%; margin: 71px 0 0; }
.product-split--featured-image { display: block !important; }
.product-split--featured-image > .product-split__image-container { margin: 25px auto !important; }

@media (max-width: 1320px) { .product-split--recommended .product-split__right .round_button { padding: 17px 25px; } }
@media (max-width: 1160px) { .product-split--recommended .product-split__right .round_button { width: 100%; margin-bottom: 20px; } }
@media (max-width: 960px) { .product-split.stripe-dark:after { content: ''; display: none; }
  .product-split.stripe-light:after { content: ''; display: none; } }
@media (max-width: 768px) { .product-split { padding: 40px 0; }
  .product-split .product-image-small { display: block; }
  .product-split__right { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 0; }
  .product-split__right > div { text-align: center; }
  .product-split__right .product-split__image:not(.detail-image--inner) { display: none; }
  .product-split__right .product-split__image-container { margin: 0 auto 30px; float: none; }
  .product-split__right .product-split__image-container .product-split--featured-image { display: block; }
  .product-split__left { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 0; }
  .product-split--virtual .product-split--image img { margin: 0 auto; }
  .product-split--hardware .product-split--image .product-split__image-container { margin: 25px auto; } }
/*------------------------------/* PRODUCT BOX TITLE
/*------------------------------*/
.product-box-title { display: inline-block; border: 2px solid #df1f17; border-radius: 4px; vertical-align: middle; }
.product-box-title span { display: block; color: #ffffff; padding: 0 4px; font-weight: 300; font-size: 34px; font-family: museo-sans-rounded, sans-serif; }
.product-box-title .product-first-word { float: left; color: #3f3f3f; }
.product-box-title .product-second-word { background: #df1f17; float: right; padding: 0 9px 0 10px; font-size: 28px; line-height: 41px; }
.product-box-title.small { border-width: 1px; border-radius: 3px; }
.product-box-title.small span { font-size: 18px; padding: 0 5px; line-height: 25px; }

@media (max-width: 768px) { .product-box-title span { font-size: 28px; }
  .product-box-title .product-second-word { font-size: 25px; line-height: 33px; } }
/*------------------------------/* PRODUCT FROM PRICE
/*------------------------------*/
.product-from-price { display: inline-block; margin-left: 20px; font-size: 22px; color: #909090; vertical-align: middle; }
.product-from-price span { color: #df2017; }

@media (max-width: 1160px) { .product-from-price { display: block; margin-left: 0; margin-top: 15px; } }
/*------------------------------/* OPTIONAL EXTRAS
/*------------------------------*/
.optional-extras { padding-left: 45px; position: relative; margin-top: 10px; }
.optional-extras-container { border-bottom: 2px solid #ebebeb; padding-bottom: 70px; }
.optional-extras h5 { font-size: 18px; color: #5b5b5b; line-height: 26px; text-transform: uppercase; letter-spacing: 0.05em; }
.optional-extras p { color: #7e7e7e; font-size: 14px; line-height: 24px; margin-top: 20px; }
.optional-extras .fa { display: block; position: absolute; left: 0; top: 2px; font-size: 22px; color: #5b5b5b; }

@media (max-width: 890px) { .optional-extras { width: 100%; margin-bottom: 30px; }
  .optional-extras:last-child { margin-bottom: 0; } }
/*------------------------------/* TECHNICAL SPECS
/*------------------------------*/
.technical-specs { background: #ebebeb; }
.technical-specs--inner { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 110px; -moz-column-gap: 110px; column-gap: 110px; }
.technical-specs--inner-single { margin-bottom: 45px; -webkit-column-break-inside: avoid; }
.technical-specs--inner-single h4 { color: #5b5b5b; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: .1em; display: block; }
.technical-specs--inner-single p, .technical-specs--inner-single li { color: #7e7e7e; font-weight: 300; font-size: 14px; }

@media (max-width: 890px) { .technical-specs--inner { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } }
@media (max-width: 768px) { .technical-specs--inner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.detail-features { padding: 0 0 40px; }

.product-detail--datasheet p { margin: 0; }

/*----------------------------------------/*
	DOWNLOADS 
	-ONLINE DEMO
	-FREE TRAIL
	
	-MANUALS AND DEPLOYMENTS
	-ADDITIONAL SOFTWARE
/*--------------------------------------*/
/*-----------------------------/*
	DEMO CONTENT
/*----------------------------*/
.demo-content { border-bottom: 2px solid #ebebeb; }
.demo-content--left { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 80px 50px 80px 0; }
.demo-content--left h2 { margin-bottom: 20px; }
.demo-content--left p { margin-bottom: 20px; color: #7e7e7e; line-height: 1.7; font-size: 16px; }
.demo-content--right { clear: none; width: 50%; margin-left: 0; margin-right: 0; float: right; }
.demo-content--right img { width: 100%; padding: 75px 0; }

@media (max-width: 1024px) { .demo-content--left { padding: 50px 50px 30px; width: 100%; }
  .demo-content--right { width: 100%; height: auto; padding-bottom: 50px; }
  .demo-content--right img { width: 50%; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin: 0 auto; display: block; } }
@media (max-width: 550px) { .demo-content--left { padding: 30px 0; }
  .demo-content--right { padding-bottom: 0; }
  .demo-content--right img { width: 100%; padding: 50px 0 35px; } }
/*-----------------------------/*
	DEMO PLATFORMS 
/*----------------------------*/
.demo-platform .feature--wrapper-text { width: 55%; float: left; padding: 80px 10% 60px 0; }
.demo-platform .feature--wrapper-text .intro_text { margin-bottom: 20px; }
.demo-platform .feature--wrapper-text .round_button { margin-top: 20px; }
.demo-platform .feature--wrapper-image { margin: 60px 0; width: 45%; float: left; background-size: contain; background-repeat: no-repeat; background-position: center right; min-height: 250px; }
.demo-platform .feature--wrapper-image img { width: 100%; }
.demo-platform .right .feature--wrapper-text { float: right; padding-left: 10%; padding-right: 0; }
.demo-platform .right .feature--wrapper-image { float: left; background-position: center left; }

@media (max-width: 1100px) { .demo-platform .feature--wrapper-text { padding: 60px 3% 40px 0; }
  .demo-platform .feature--wrapper-text .intro_text { margin-bottom: 10px; }
  .demo-platform .feature--wrapper-image { margin: 30px 0; } }
@media (max-width: 768px) { .demo-platform { text-align: center; }
  .demo-platform .feature--wrapper-text { padding: 40px 0 0 0; width: 100%; }
  .demo-platform .feature--wrapper-image { margin: 20px 0 40px 0; width: 100%; background-position: top center !important; min-height: 250px; }
  .demo-platform .right .feature--wrapper-text { padding-left: 0; } }
/*-----------------------------/*
	DEMO REVIEWS
/*----------------------------*/
.demo-reviews { text-align: center; background-color: #3f3f3f; padding: 60px 0; color: #ffffff; }
.demo-reviews .demo-stars { font-size: 50px; }
.demo-reviews .intro_text { color: #ffffff; }
.demo-reviews p { padding: 20px 15%; }

/*-----------------------------/* 	ONLINE DEMO FORM
/*----------------------------*/
.online-demo { background-color: #3f3f3f; text-align: center; padding: 100px 0; color: #ffffff; }
.online-demo .intro_text, .online-demo p { margin-bottom: 20px; color: #ffffff; }
.online-demo--form a { clear: none; width: 17.6%; margin-left: 0; margin-right: 3%; }
.online-demo--form a:last-child { margin-right: 0; }
.online-demo--form.success-hide { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; display: none; }
.online-demo--form form { padding-top: 20px; width: 100%; }
.online-demo--form form .select-wrapper { float: left; clear: none; width: 24.4%; margin-left: 0; margin-right: 3%; }
.online-demo--form form .select-after { float: left; width: 100%; position: relative; }
.online-demo--form form .select-after select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; cursor: pointer; }
.online-demo--form form .select-after .trigger, .online-demo--form form .select-after .activetrigger { text-align: left; color: #a9a9a9; padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border: 2px solid #e9e9e9; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #ffffff; width: 100%; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.online-demo--form form .select-after .trigger:hover, .online-demo--form form .select-after .activetrigger:hover { color: #7e7e7e; }
.online-demo--form form .select-after .trigger:after, .online-demo--form form .select-after .activetrigger:after { content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 15px; color: #a9a9a9; pointer-events: none; }
.online-demo--form form .select-after .trigger:before, .online-demo--form form .select-after .activetrigger:before { content: ''; display: block; height: 45px; width: 2px; background: #e9e9e9; position: absolute; right: 44px; pointer-events: none; top: 0; }
.online-demo--form form .select-after .activetrigger { color: #7e7e7e; }
.online-demo--form form .select-after .activetrigger:hover, .online-demo--form form .select-after .activetrigger:active { color: #7e7e7e; }
.online-demo--form form .select-after .activetrigger:after { content: '\f0d8'; }
.online-demo--form form .select-after .dropcontainer { position: relative; margin-top: 7px; }
.online-demo--form form .select-after .dropcontainer ul { font-size: 14px; border: 1px solid #ccc; background: #fff; list-style-type: none; padding: 10px; margin: 0; width: 100%; z-index: 100; color: #a9a9a9; -webkit-border-radius: 10px 10px 30px 30px; -moz-border-radius: 10px 10px 30px 30px; border-radius: 10px 10px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.online-demo--form form .select-after .dropcontainer ul li { padding: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.online-demo--form form .select-after .dropcontainer ul li:hover { outline: none; }
.online-demo--form form .select-after .dropcontainer ul li:first-child { display: none; }
.online-demo--form form .select-after .dropcontainer ul li:last-child { border-bottom: none; }
.online-demo--form form .select-after .dropcontainer ul li a { color: #a9a9a9; float: none; width: 100%; }
.online-demo--form form .select-after .dropcontainer ul li a:hover, .online-demo--form form .select-after .dropcontainer ul li a:active { color: #3f3f3f; }
.online-demo--form form .select-after .dropdownhidden { display: none; }
.online-demo--form form .select-after .dropdownvisible { height: auto; }
.online-demo--form input, .online-demo--form select { border: 2px solid #e9e9e9; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #ffffff; color: #a9a9a9; padding: 12px 15px; }
.online-demo--form select { float: left; }
.online-demo--form input { float: left; clear: none; width: 24.4%; margin-left: 0; margin-right: 3%; }
.online-demo--form input:active { border: 2px solid #d4d4d4; }
.online-demo--form input.highlight::-webkit-input-placeholder { color: #dc2323 !important; }
.online-demo--form input.highlight:-moz-placeholder { /* Firefox 18- */ color: #dc2323 !important; }
.online-demo--form input.highlight::-moz-placeholder { /* Firefox 19+ */ color: #dc2323 !important; }
.online-demo--form input.highlight:-ms-input-placeholder { color: #dc2323 !important; }
.online-demo--form .round_button.small_button { text-transform: uppercase; letter-spacing: .2em; float: right; margin-top: 0; padding: 14px 0; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; transition: all 0 ease-in-out; }

@media (max-width: 1100px) { .online-demo--form-wrap form input { width: 47%; margin-bottom: 18px; }
  .online-demo--form-wrap form .select-wrapper { width: 47%; }
  .online-demo--form-wrap .round_button.small_button { width: 47%; float: left; } }
@media (max-width: 768px) { .online-demo--form-wrap { float: left; width: 100%; }
  .online-demo--form-wrap form input { width: 100%; margin-bottom: 18px; margin-right: 0; }
  .online-demo--form-wrap form .select-wrapper { width: 100%; margin-bottom: 11px; margin-right: 0; }
  .online-demo--form-wrap .round_button.small_button { width: 100%; margin-left: 0; float: left; } }
.online-demo-success-message { opacity: 0; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; transition: all 0 ease-in-out; z-index: -1; text-align: center; left: 0; right: 0; display: none; }
.online-demo-success-message.success-show { opacity: 1; z-index: 2; display: block; }
.online-demo-success-message .intro_text { font-size: 24px; font-weight: 500; }
.online-demo-success-message .body_text { margin-bottom: 0; }
.online-demo-success-message > a { margin: 20px 0 10px 0; }
.online-demo-success-message strong { font-weight: 600; }

/*-----------------------------/*
	FREE TRIAL INTRO
/*----------------------------*/
.free-trial-intro .free-trial-intro--text { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 110px 0; }
.free-trial-intro .free-trial-intro--text h2 { margin-bottom: .8em; font-size: 40px; }
.free-trial-intro .free-trial-intro--image { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; position: relative; min-height: 425px; }
.free-trial-intro .free-trial-intro--image img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 90%; margin: 60px 4px 60px 50px; }

@media (max-width: 1100px) { .free-trial-intro .free-trial-intro--text { padding: 60px 2%; }
  .free-trial-intro .free-trial-intro--image img { width: 100%; } }
@media (max-width: 768px) { .free-trial-intro .free-trial-intro--text { width: 100%; float: none; max-width: 80%; text-align: center; margin: 0 auto; padding: 60px 0 0 0; }
  .free-trial-intro .free-trial-intro--image { min-height: 0; float: none; margin: 0 auto; width: 95%; }
  .free-trial-intro .free-trial-intro--image img { position: relative; left: 0; width: 100%; } }
/*-----------------------------/* FREE TRIAL
/*----------------------------*/
.free-trial--benefits .intro_text { text-align: center; }
.free-trial--benefits--list { float: left; clear: none; width: 100%; margin-left: 0; margin-right: 3%; padding: 75px 0; }
.free-trial--benefits--list:last-child { margin-right: 0; }
.free-trial--benefits--list .bullet-points { margin-top: 35px; }
.free-trial--benefits--list .bullet-points ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; }
.free-trial--benefits--list .bullet-points li { color: #7e7e7e; margin-bottom: 20px; position: relative; padding-left: 45px; min-height: 38px; padding-top: 5px; }
.free-trial--benefits--list .bullet-points li:before { content: '\f00c'; font-family: 'FontAwesome'; display: block; color: #dc2323; position: absolute; left: 0; margin-top: -5px; border: 2px solid #dc2323; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 5px; }
.free-trial--benefits a:after { font-family: 'FontAwesome'; content: " \f105"; }

@media (max-width: 1100px) { .free-trial--benefits--list .bullet-points ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } }
.network-diagram .feature--wrapper-image { margin: 0 !important; min-height: 345px; }

/*-----------------------------/* DOWNLOAD FEATURES 
/*----------------------------*/
.downloads-feature .feature--wrapper-text { width: 55%; float: left; padding: 80px 10% 60px 0; }
.downloads-feature .feature--wrapper-text .intro_text { margin-bottom: 20px; }
.downloads-feature .feature--wrapper-image { margin: 60px 0; width: 45%; float: left; background-size: contain; background-repeat: no-repeat; background-position: center right; min-height: 325px; }
.downloads-feature .feature--wrapper-image img { width: 100%; }
.downloads-feature .right .feature--wrapper-text { float: right; padding-left: 10%; padding-right: 0; }
.downloads-feature .right .feature--wrapper-image { float: left; background-position: center left; }

@media (max-width: 1100px) { .downloads-feature .feature--wrapper-text { padding: 60px 3% 40px 0; }
  .downloads-feature .feature--wrapper-text .intro_text { margin-bottom: 10px; }
  .downloads-feature .feature--wrapper-image { margin: 30px 0; } }
@media (max-width: 768px) { .downloads-feature { text-align: center; }
  .downloads-feature .feature--wrapper-text { padding: 40px 0 0 0; width: 100%; }
  .downloads-feature .feature--wrapper-image { margin: 20px 0 40px 0; width: 100%; background-position: top center !important; min-height: 250px; }
  .downloads-feature .right .feature--wrapper-text { padding-left: 0; } }
/*-----------------------------/* DOWNLOAD COMPARISON TABLE
/*----------------------------*/
.download-comparison { padding: 80px 0; }
.download-comparison .intro_text { text-align: center; padding-bottom: 30px; }
.download-comparison .download-comparison-table { padding: 15px 30px 40px 30px; border-spacing: 0; width: 100%; }
.download-comparison .download-comparison-table thead tr th { width: 15%; border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; font-weight: 700; padding-bottom: 15px; }
.download-comparison .download-comparison-table thead tr th:first-child { width: 20%; text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.download-comparison .download-comparison-table tbody tr td { text-align: center; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.download-comparison .download-comparison-table tbody tr td img { width: 100%; padding: 10px 25%; }
.download-comparison .download-comparison-table tbody tr td .fa-times { color: #dc2323; }
.download-comparison .download-comparison-table tbody tr td .fa-check { color: #98cb67; }
.download-comparison .download-comparison-table tbody tr td:nth-child(even) { background: #f8f8f8; }

@media (max-width: 768px) { .download-comparison .download-comparison-table tbody tr td img { padding: 10px 2px; } }
/*-----------------------------/*
	DOWNLOAD OUR TRIAL
/*----------------------------*/
.download-trial-block { background-color: #3f3f3f; text-align: center; padding: 100px 0; color: #ffffff; }
.download-trial-block .intro_text, .download-trial-block p { margin-bottom: 20px; color: #ffffff; }

@media (max-width: 768px) { .download-trial-block { padding: 80px 0; }
  .download-trial-block .intro_text, .download-trial-block p { margin-bottom: 15px; } }
/*-------FREE TRAIL FORM----*/
.free-trial--form { float: left; padding: 20px 10% 0	 10%; }
.free-trial--form span { font-family: museo-sans-rounded, sans-serif; }
.free-trial--form .js-contact-form-panel, .free-trial--form form { float: inherit; }
.free-trial--form form { float: left; }
.free-trial--form form .input-wrapper { width: 50%; float: left; padding: 10px 30px; }
.free-trial--form form .input-wrapper.select-wrapper { padding-bottom: 3px; }
.free-trial--form form .input-wrapper:nth-child(odd) { padding-right: 15px; }
.free-trial--form form .input-wrapper:nth-child(even) { padding-left: 15px; }
.free-trial--form form .input-wrapper input, .free-trial--form form .input-wrapper select { float: left; padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border: 2px solid #e9e9e9; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #ffffff; color: #a9a9a9; }
.free-trial--form form .input-wrapper input { width: 100%; }
.free-trial--form form .input-wrapper input:focus, .free-trial--form form .input-wrapper input:active { border: 2px solid #e9e9e9; }
.free-trial--form form .input-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; cursor: pointer; }
.free-trial--form form .input-wrapper .select-after { float: left; width: 100%; position: relative; }
.free-trial--form form .input-wrapper .select-after .trigger, .free-trial--form form .input-wrapper .select-after .activetrigger { text-align: left; color: #a9a9a9; padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border: 2px solid #e9e9e9; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #ffffff; width: 100%; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.free-trial--form form .input-wrapper .select-after .trigger:hover, .free-trial--form form .input-wrapper .select-after .activetrigger:hover { color: #7e7e7e; }
.free-trial--form form .input-wrapper .select-after .trigger:after, .free-trial--form form .input-wrapper .select-after .activetrigger:after { content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 15px; color: #a9a9a9; pointer-events: none; }
.free-trial--form form .input-wrapper .select-after .trigger:before, .free-trial--form form .input-wrapper .select-after .activetrigger:before { content: ''; display: block; height: 45px; width: 2px; background: #e9e9e9; position: absolute; right: 44px; pointer-events: none; top: 0; }
.free-trial--form form .input-wrapper .select-after .activetrigger { color: #7e7e7e; }
.free-trial--form form .input-wrapper .select-after .activetrigger:hover, .free-trial--form form .input-wrapper .select-after .activetrigger:active { color: #7e7e7e; }
.free-trial--form form .input-wrapper .select-after .activetrigger:after { content: '\f0d8'; }
.free-trial--form form .input-wrapper .select-after .dropcontainer { position: relative; margin-top: 7px; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul { font-size: 14px; border: 1px solid #ccc; background: #fff; list-style-type: none; padding: 10px; margin: 0; width: 100%; z-index: 100; color: #a9a9a9; -webkit-border-radius: 10px 10px 30px 30px; -moz-border-radius: 10px 10px 30px 30px; border-radius: 10px 10px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li { padding: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li:hover { outline: none; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li:first-child { display: none; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li:last-child { border-bottom: none; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li a { color: #a9a9a9; }
.free-trial--form form .input-wrapper .select-after .dropcontainer ul li a:hover, .free-trial--form form .input-wrapper .select-after .dropcontainer ul li a:active { color: #3f3f3f; }
.free-trial--form form .input-wrapper .select-after .dropdownhidden { display: none; }
.free-trial--form form .input-wrapper .select-after .dropdownvisible { height: auto; }
.free-trial--form form .radio { float: left; margin: 15px 0 30px; width: 100%; color: #ffffff; text-align: center; }
.free-trial--form form .radio span { font-size: 17px; font-weight: 500; display: block; margin-bottom: 15px; }
.free-trial--form form .radio label { margin: 0 43px 0 0; cursor: pointer; color: #c5c5c5; }
.free-trial--form form .radio label:last-child { margin-right: 0; }
.free-trial--form form .radio label:before { content: '\f10c'; font-family: 'FontAwesome'; margin-right: 5px; color: #c5c5c5; }
.free-trial--form form .radio input { border: 0; display: none; }
.free-trial--form form .radio input[type="radio"]:checked + label { color: #ffffff; }
.free-trial--form form .radio input[type="radio"]:checked + label:before { content: '\f05d'; font-family: 'FontAwesome'; color: #ffffff; }
.free-trial--form form button { clear: both; border: 0; cursor: pointer; }
.free-trial--form input.highlight::-webkit-input-placeholder { color: #dc2323 !important; }
.free-trial--form input.highlight:-moz-placeholder { /* Firefox 18- */ color: #dc2323 !important; }
.free-trial--form input.highlight::-moz-placeholder { /* Firefox 19+ */ color: #dc2323 !important; }
.free-trial--form input.highlight:-ms-input-placeholder { color: #dc2323 !important; }

@media (max-width: 1100px) { .free-trial--form { padding: 0px 5% 0 5%; }
  .free-trial--form form .input-wrapper { padding: 10px 20px; }
  .free-trial--form form .input-wrapper:nth-child(odd) { padding-right: 10px; }
  .free-trial--form form .input-wrapper:nth-child(even) { padding-left: 10px; } }
@media (max-width: 768px) { .free-trial--form { padding: 0; }
  .free-trial--form form { float: left; }
  .free-trial--form form .input-wrapper { width: 100%; padding: 10px 0px; }
  .free-trial--form form .input-wrapper:nth-child(odd), .free-trial--form form .input-wrapper:nth-child(even) { padding-right: 0; padding-left: 0; }
  .free-trial--form form .input-wrapper input, .free-trial--form form .input-wrapper select { padding: 12px 15px; border: 2px solid #e9e9e9; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; }
  .free-trial--form form .input-wrapper input { width: 100%; }
  .free-trial--form form .input-wrapper input:focus, .free-trial--form form .input-wrapper input:active { border: 2px solid #e9e9e9; }
  .free-trial--form form .radio { margin: 5px 0 30px; width: 100%; }
  .free-trial--form form .radio label { margin: 0; display: block; padding: 5px 0; }
  .free-trial--form form button { width: 100%; } }
#free-trial-thank-you { text-align: center; padding: 80px 0 10px; }
#free-trial-thank-you h4 { color: #3f3f3f; }
#free-trial-thank-you h1 { font-size: 37px; font-weight: 300; color: #3f3f3f; line-height: 1.275; }

.schedule-session .container { position: relative; }
.schedule-session--left { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; max-width: 670px; padding: 100px 0; }
.schedule-session--left p { padding: 20px 0 25px; }
.schedule-session--left .round_button { float: left; }
.schedule-session--left img { float: left; margin-left: 30px; position: relative; top: -12px; }
.schedule-session--right { clear: none; width: 50%; margin-left: 0; margin-right: 0; float: right; height: 460px; position: absolute; bottom: 0; right: 0; }
.schedule-session--right img { width: 100%; max-width: 640px; right: 0; bottom: 0; position: absolute; }

@media (max-width: 1024px) { .schedule-session--left { width: 100%; margin: 0 auto; padding: 30px 0; float: none; overflow: hidden; }
  .schedule-session--left img { width: 22%; top: 0; }
  .schedule-session--right { width: 100%; position: relative; bottom: -10px; height: auto; }
  .schedule-session--right img { margin: 0 auto; display: block; position: relative; } }
/*-----------------------------/* MANUALS & DEPLOYMENTS
/*----------------------------*/
.section_heading { text-align: center; color: #9f9f9f; text-transform: uppercase; font-weight: 700; letter-spacing: .15em; margin-bottom: 30px; font-size: 16px; font-family: museo-sans-rounded, sans-serif; margin-top: 60px; }
.section_heading:first-child { margin-top: 0; }

.accordion { max-width: 950px; margin: 0 auto 25px; border: 1px solid #ebebeb; }
.accordion > ul > li { margin-bottom: -1px; }
.accordion > li { border-bottom: 1px solid #eaeaea; position: relative; }
.accordion > li > ul { display: none; padding: 10px 25px 30px; }
.accordion .intro_text { width: 100%; display: block; cursor: pointer; text-indent: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 24px; font-weight: 500; padding: 15px 20px; border-bottom: 1px solid #eaeaea; position: relative; overflow: hidden; }
.accordion .intro_text > p { float: left; padding-right: 40px; }
.accordion .intro_text span { float: right; display: block; line-height: 32px; color: #c3c3c3; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.accordion .intro_text span:before { content: '\f068'; font-family: 'FontAwesome'; font-size: 23px; }
.accordion .intro_text span.inactive:before { content: '\f067'; font-family: 'FontAwesome'; font-size: 23px; }
.accordion .child_list { display: none; }
.accordion .child_list li { padding: 10px; font-size: 15px; line-height: 2.5; position: relative; border-bottom: 1px solid #eaeaea; overflow: hidden; }
.accordion .child_list li span { float: left; }
.accordion .child_list li:before { content: '\f1c1'; font-family: 'FontAwesome'; display: block; float: left; padding: 0 40px 0 13px; }
.accordion .child_list li:after { content: ''; position: absolute; height: 100%; width: 1px; background: #eaeaea; top: 0; left: 57px; }
.accordion .child_list li a { float: right; color: #dc2323; text-transform: uppercase; font-weight: 700; font-size: 13px; line-height: 39px; padding-right: 10px; }
.accordion:first-child .child_list { display: block; }

@media (max-width: 650px) { .accordion { margin: 0 auto 30px; }
  .accordion .intro_text { text-indent: 0; font-size: 18px; padding: 15px 10px; }
  .accordion .intro_text span { line-height: 23px; }
  .accordion .child_list li { line-height: 1.5; overflow: hidden; }
  .accordion .child_list li:before, .accordion .child_list li:after { display: none; }
  .accordion .child_list li span { display: block; }
  .accordion .child_list li a { line-height: 26px; float: left; margin-top: 9px; clear: both; } }
/*---------------------------------------/*
	PRICING
/*---------------------------------------*/
#quote-container { width: 100%; margin-top: 85px; }
#quote-container #quote-loader { width: 100%; text-align: center; }
#quote-container .quote-order, #quote-container .quote-quote { padding: 10px 25px; color: grey; border-radius: 5px; margin-right: 10px; }
#quote-container .quote-order { background-color: #f1f1f1; border: 1px solid #6f100b; border: 1px solid #ddd; }
#quote-container .quote-quote { background-color: #df2017; color: #666666; color: #ffffff !important; }
#quote-container .qte-small { padding: 5px 20px !important; }
#quote-container #quote-price-rental, #quote-container #quote-price-site, #quote-container #shipping_option, #quote-container #quote-shipping-table { display: none; }
#quote-container #pp_one, #quote-container #pp_two { display: none; }
#quote-container h4 { padding: 30px 10px; font-weight: 400; }
#quote-container h4 > span { border: 1px solid #3f3f3f; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-right: 10px; font-weight: normal; }
#quote-container #quote-header { position: fixed; width: 1175px; height: 150px; border: 2px solid #f1f1f1; border-top: 0px; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 5; background-color: #ffffff; -webkit-box-shadow: 0px 1px 5px 0px #f1f1f1; -moz-box-shadow: 0px 1px 5px 0px #f1f1f1; -ms-box-shadow: 0px 1px 5px 0px #f1f1f1; -o-box-shadow: 0px 1px 5px 0px #f1f1f1; box-shadow: 0px 1px 5px 0px #f1f1f1; }
#quote-container #quote-header .quote-head-left, #quote-container #quote-header .quote-head-right { float: left; width: 45%; height: 100%; padding: 15px; }
#quote-container #quote-header .quote-head-right { border-left: 2px solid #f1f1f1; width: 40% !important; }
#quote-container #quote-header .quote-head-right span { position: relative; display: block; }
#quote-container #quote-header #quote-price-total { position: absolute; bottom: 10px; }
#quote-container .recommended { color: #d52121; }
#quote-container .quote-included { color: #98cb67; }
#quote-container #quote-body { margin-top: 150px; }
#quote-container #quote-body > h1 { width: 100%; text-align: center; padding: 40px 40px 10px 40px; }
#quote-container #quote-body #quote-product-types { text-align: center; }
#quote-container #quote-body #quote-product-types .product-type { position: relative; display: inline-block; width: 30%; height: 200px; border: 2px solid #f1f1f1; border-radius: 5px; padding: 10px; margin: 10px; text-align: center; background-size: contain; background-repeat: no-repeat; background-position: center; }
#quote-container #quote-body #quote-product-types .product-type > img { position: relative; max-width: 100%; max-height: 100%; height: 176px; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#quote-container #quote-body .product-type:hover, #quote-container #quote-body .quote-product-details:hover, #quote-container #quote-body .quote-support-option:hover, #quote-container #quote-body .license-type:hover { border: 2px solid #d52121 !important; cursor: pointer; }
#quote-container #quote-body .product-type > span, #quote-container #quote-body .license-type > span { position: absolute; bottom: 10px; right: 10px; }
#quote-container #quote-body .selected { border: 2px solid #d52121 !important; background-color: #f1f1f1; }
#quote-container #quote-body .selected > p { position: absolute; background-color: #d52121; right: -13px; top: -14px; padding: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; height: 30px; width: 30px; text-align: center; z-index: 4; }
#quote-container #quote-body .quote-product-details { position: relative; border: 2px solid #f1f1f1; width: 100%; margin-bottom: 15px; height: 278px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#quote-container #quote-body .quote-product-details .quote-product-details-left { float: left; width: 35%; height: 100%; text-align: center; }
#quote-container #quote-body .quote-product-details .quote-product-details-left > img { max-width: 100%; height: 100%; margin: 0 auto; padding: 5% 0; }
#quote-container #quote-body .quote-product-details .quote-product-details-right { width: 65% !important; text-align: left !important; float: left; height: 100%; padding: 50px 20px; }
#quote-container #quote-body .quote-product-details .quote-product-details-right > p { padding: 20px 0px; }
#quote-container #quote-body .quote-quantity-section { display: inline-block; /* width: 33%; */ padding: 25px 15px; margin-right: 8%; vertical-align: middle; }
#quote-container #quote-body .quote-quantity-section:last-child { margin-right: 0; }
#quote-container #quote-body .quote-quantity-section #custom-quantity-input { margin-left: 5px; width: 165px; }
#quote-container #quote-body #quote-license-type { display: none; }
#quote-container #quote-body #quote-license-type #quote-license-types { text-align: center; }
#quote-container #quote-body #quote-license-type #quote-license-types .license-type { position: relative; display: inline-block; width: 30%; height: 200px; border: 2px solid #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 50px 15px; margin: 10px; text-align: center; }
#quote-container #quote-body #quote-license-type #quote-license-types .license-type > h1 { font-weight: 300; }
#quote-container #quote-body #quote-support-contract { text-align: center; padding: 40px 0px; }
#quote-container #quote-body #quote-support-contract .quote-support-option { position: relative; display: inline-block; border: 2px solid #f1f1f1; cursor: pointer; border-radius: 5px; width: 20%; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table { text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table td .fa-check { color: #98cb67; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table td .fa-times { color: #dc2323; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table thead > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tfoot > tr > td { padding: 10px !important; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table thead > tr > th { padding: 10px 0 !important; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody > tr:nth-of-type(even) { background-color: #f9f9f9; }
#quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table thead > tr > th { font-size: 18px; }
#quote-container #quote-body #quote-support-contract .quote-support-features { border: 0px; margin-bottom: 1px; }
#quote-container #quote-body #quote-support-contract .quote-support-features:hover { border: 0px !important; }
#quote-container #quote-body #quote-complete { text-align: right; padding: 20px; margin-bottom: 40px; }
#quote-container #quote-body #quote-complete .promo-code { float: left; }
#quote-container #quote-body #quote-complete .delivery_type_wrapper { padding-left: 20px; float: left; display: none; }
#quote-container #quote-body #quote-complete .delivery_type_wrapper label { line-height: 47px; }
#quote-container #quote-body #quote-complete .delivery_type_wrapper .select-wrapper { display: inline-block; padding: 12px 15px; height: 47px; border-radius: 30px; border: 3px solid #e9e9e9; max-width: 265px; margin-left: 20px; }
#quote-container #quote-body #quote-complete .delivery_type_wrapper .select-wrapper select { border: none; width: 100%; color: #a9a9a9; font-size: 14px; background-color: transparent; }
#quote-container #quote-body input[type="radio"] { -webkit-appearance: radio; }
#quote-container #quote-body input[type="checkbox"] { -webkit-appearance: checkbox; }
#quote-container #quote-body input[type="text"], #quote-container #quote-body input[type="number"], #quote-container #quote-body input[type="email"] { display: inline-block; padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; border-radius: 30px; font-size: 14px; box-sizing: border-box; background: #ffffff; color: #a9a9a9; border: 3px solid #e9e9e9; max-width: 265px; margin-bottom: 5px; }
#quote-container #quote-body input[type="number"] { text-align: center; }
#quote-container #quote-body .details-form .select-wrapper, #quote-container #quote-body #quote-shipping-table .select-wrapper { display: inline-block; padding: 12px 15px; height: 47px; border-radius: 30px; border: 3px solid #e9e9e9; max-width: 265px; }
#quote-container #quote-body .details-form .select-wrapper select, #quote-container #quote-body #quote-shipping-table .select-wrapper select { border: none; width: 100%; color: #a9a9a9; font-size: 14px; background-color: transparent; }
#quote-container #quote-body #quote-shipping-table #quote-shipping-details { float: left; margin-bottom: 20px; }
#quote-container #quote-body .details-form .details-wrapper { width: 50%; float: left; padding-right: 5%; min-height: 52px; }
#quote-container #quote-body .details-form .details-wrapper label { line-height: 47px; }
#quote-container #quote-body .details-form #shipping_option { margin-top: 10px; }
#quote-container #quote-body .details-form .details-wrapper input, #quote-container #quote-body .details-wrapper .select-wrapper { float: right; min-width: 260px; }

@media (max-width: 1100px) { #quote-container #quote-header { height: 90px; bottom: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 0; border-top: 2px solid #f1f1f1; }
  #quote-container #quote-header .quote-head-left { display: none; }
  #quote-container #quote-header .quote-head-right { width: 100% !important; border: none; }
  #quote-container #quote-header .quote-price-buttons { bottom: 0 !important; float: right; margin: 15px 15px 5px 0; }
  #quote-container #quote-body { margin: 0; }
  #quote-container #quote-body .details-form .details-wrapper { width: 50%; padding-right: 2%; float: left; }
  #quote-container #quote-body .details-form .details-wrapper label { line-height: normal; }
  #quote-container #quote-body .details-form .details-wrapper input, #quote-container #quote-body .details-form .details-wrapper .select-wrapper { min-width: 100%; float: left; margin: 5px 0 10px 0; }
  #quote-container #quote-body #quote-price-promo, #quote-container #quote-body #quote-price-shipping, #quote-container #quote-body #quote-price-support, #quote-container #quote-body #quote-price-app { width: 75%; }
  #quote-container #quote-body #quote-price-total { text-align: right; top: 0; right: 0; margin: 15px 15px 15px 0; bottom: inherit; }
  #quote-container #quote-body #quote-complete .quote-wrapper { float: left; width: 100%; }
  #quote-container #quote-body #quote-complete .promo-code { text-align: left; width: 50%; }
  #quote-container #quote-body #quote-complete .promo-code input { min-width: 100%; margin: 5px 0 10px 0; }
  #quote-container #quote-body #quote-complete .delivery_type_wrapper { text-align: left; width: 50%; padding-left: 20px; }
  #quote-container #quote-body #quote-complete .delivery_type_wrapper label { line-height: normal; }
  #quote-container #quote-body #quote-complete .delivery_type_wrapper .select-wrapper { min-width: 100%; margin: 5px 0 10px 0; }
  #quote-container #quote-body #quote-complete .quote-quote { margin: 0; }
  #quote-container #quote-body .intro_text { padding: 20px; }
  #quote-container #quote-body .quote-quantity-section { display: inline-block; padding: 20px 15px; margin-right: 0; vertical-align: middle; width: 49%; }
  #quote-container #quote-body .quote-quantity-section #custom-quantity-input { margin-left: 15px; width: 165px; }
  #quote-container #quote-body #quote-license-type #quote-license-types .license-type { position: relative; display: inline-block; width: 100%; height: inherit; border: 2px solid #f1f1f1; border-radius: 5px; padding: 30px; margin: 5px; text-align: center; }
  #quote-container #quote-body #quote-license-type #quote-license-types .license-type > h1 { font-weight: 300; }
  #quote-container #quote-body #quote-support-contract .quote-support-option { width: 20%; }
  #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table { border-spacing: 0; }
  #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table thead > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tfoot > tr > td { padding: 0 !important; line-height: 48px; height: 48px; }
  #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody { display: inherit; width: 100%; border-radius: 5px; }
  #quote-container #quote-body #quote-support-contract .quote-support-option.selected > p { right: -12px; top: -12px; padding: 0; height: 25px; width: 25px; text-align: center; font-size: 16px; line-height: 25px; }
  #quote-container #quote-body #quote-support-contract .quote-support-features { width: 38%; margin-bottom: 0px; }
  #quote-container #quote-body #quote-support-contract .quote-support-features:hover { border: 0px !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-features thead > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-features tbody > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-features tfoot > tr > td { height: 48px; padding: 14px 7px !important; line-height: normal; }
  #quote-container #quote-body #quote-support-contract .quote-support-features .quote-support-table tbody { border-color: transparent !important; }
  #quote-container #quote-body .quote-product-details .quote-product-details-right { padding: 35px 20px; }
  #quote-container #quote-body .quote-product-details .quote-product-details-right > p { padding: 20px 0px; } }
@media (max-width: 768px) { #quote-container #quote-header { height: inherit; }
  #quote-container #quote-header .quote-head-right { padding: 7px 15px; }
  #quote-container #quote-header #quote-price-promo, #quote-container #quote-header #quote-price-shipping, #quote-container #quote-header #quote-price-support, #quote-container #quote-header #quote-price-app { display: none; }
  #quote-container #quote-header #quote-price-total { position: relative; text-align: left; width: 100%; margin: 0 0 5px 0; }
  #quote-container #quote-header #quote-price-total > span { margin-left: 0 !important; }
  #quote-container #quote-header .quote-price-buttons { position: relative !important; float: left; margin: 0; }
  #quote-container #quote-body .details-form .details-wrapper { width: 100%; padding-right: 0; }
  #quote-container #quote-body #quote-product-types { margin: 0; }
  #quote-container #quote-body #quote-product-types .product-type { width: 100%; height: 100px; margin: 10px 0; }
  #quote-container #quote-body .quote-product-details { height: 175px; }
  #quote-container #quote-body .quote-product-details .quote-product-details-right { padding: 30px 20px; }
  #quote-container #quote-body .quote-product-details .quote-product-details-right > p { display: none; }
  #quote-container #quote-body .quote-product-details .quote-product-details-left > img { padding: 2% 0; }
  #quote-container #quote-body .quote-quantity-section { width: 100%; }
  #quote-container #quote-body .quote-quantity-section #custom-quantity-input { margin-left: 5px; width: 165px; }
  #quote-container #quote-body #quote-license-type #quote-license-types .license-type { padding: 35px 20px; margin: 5px; }
  #quote-container #quote-body #quote-license-type #quote-license-types .license-type > h1 { font-weight: 300; }
  #quote-container #quote-body #quote-support-contract .quote-support-option { width: 15%; background-color: #ffffff; border: none !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table thead > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tfoot > tr > td { height: 66px; padding: 0 !important; line-height: 66px; font-size: 15px; }
  #quote-container #quote-body #quote-support-contract .quote-support-option .quote-support-table tbody { border: 2px solid #f1f1f1; }
  #quote-container #quote-body #quote-support-contract .quote-support-option th.rotate { height: 174px; white-space: nowrap; }
  #quote-container #quote-body #quote-support-contract .quote-support-option th.rotate > div { transform: translate(0, 120px) rotate(270deg); width: 30px; }
  #quote-container #quote-body #quote-support-contract .quote-support-option.selected > p { right: -6px; top: 166px; padding: 0; height: 20px; width: 20px; text-align: center; font-size: 10px; line-height: 20px; }
  #quote-container #quote-body #quote-support-contract .quote-support-option.selected .quote-support-table thead { background-color: white !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-option.selected .quote-support-table tbody, #quote-container #quote-body #quote-support-contract .quote-support-option:hover .quote-support-table tbody { border: 2px solid #dc2323 !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-features { width: 50%; }
  #quote-container #quote-body #quote-support-contract .quote-support-features:hover { border: 0 !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-features:hover .quote-support-table tbody { border-color: transparent !important; }
  #quote-container #quote-body #quote-support-contract .quote-support-features thead > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-features tbody > tr > td, #quote-container #quote-body #quote-support-contract .quote-support-features tfoot > tr > td { height: 66px; padding: 14px 7px !important; line-height: normal; }
  #quote-container #quote-body #quote-complete .promo-code, #quote-container #quote-body #quote-complete .delivery_type_wrapper { width: 100%; margin-bottom: 10px; text-align: left; }
  #quote-container #quote-body #quote-complete .delivery_type_wrapper { padding: 0; }
  #quote-container #quote-body .quote-support-option .recommended, #quote-container #quote-body .quote-support-features thead { display: none; }
  #quote-container #quote-body #quote-support-contract .selected, #quote-container #quote-body .quote-support-option:hover { border: none !important; }
  #quote-container #quote-body .pricing-updates small, #quote-container #quote-body .pricing-standard small, #quote-container #quote-body .pricing-premium small { display: none; } }
/*--------------------------------------/*
SUPPORT
-OVERVIEW
-WHY US
-SUPPORT OPTIONS
/*-------------------------------------*/
/*-----------------------------/* SUPPORT OVERVIEW
/*----------------------------*/
.support-overview--top .company-intro--image img { width: 80% !important; display: block; position: absolute; left: 0; right: 0; margin: auto; width: auto; bottom: auto; }
.support-overview--top-grey { background: #f1f1f1; }
.support-overview--top-right .company-intro--text { float: right; }
.support-overview--top-grey .company-intro--image, .support-overview--top-right .company-intro--image { width: 40%; }
.support-overview--top-grey .company-intro--text, .support-overview--top-right .company-intro--text { width: 60%; color: #7e7e7e; line-height: 1.7; font-size: 16px; }
.support-overview--top .round_button { margin-top: 30px; }

@media (max-width: 1040px) { .support-overview--top .company-intro--text { padding: 4% 0 2%; float: none; }
  .support-overview--top .company-intro--image img { padding: 40px 0; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: relative; width: 100%; } }
@media (max-width: 980px) { .support-overview--top-grey .company-intro--text, .support-overview--top-right .company-intro--text { width: 100%; } }
@media (max-width: 768px) { .support-overview--top { padding: 30px 0; } }
@media (max-width: 550px) { .support-overview--top-grey .company-intro--image, .support-overview--top-right .company-intro--image { width: 80%; } }
/*-----------------------------/* SUPPORT Resources
/*----------------------------*/
.support-resources { padding: 90px 0; border-bottom: 2px solid #ebebeb; }
.support-resources:last-child { border-bottom: 0; }
.support-resources--left, .support-resources--right { clear: none; width: 50%; margin-left: 0; margin-right: 0; }
.support-resources--left { float: left; border-right: 1px solid #f0f0f0; max-width: 45%; padding-right: 50px; }
.support-resources--left .body_text { margin: 15px 0 25px; }
.support-resources--right { float: right; padding: 25px 0; }
.support-resources--right h3 { color: #3f3f3f; }
.support-resources--right .application-info--downloads { margin-top: 20px; }
.support-resources--right .application-info--downloads ul li a p { display: block; float: left; }

@media (max-width: 600px) { .support-resources--right .application-info--downloads ul li a p { float: left; } }
@media (max-width: 860px) { .support-resources { padding: 50px 0; }
  .support-resources--left { max-width: 100%; width: 100%; padding-right: 0; border-right: 0; }
  .support-resources--right { width: 100%; margin: 40px 0 0; padding-bottom: 0; } }
/*-----------------------------/*
	FREE trial landing
/*----------------------------*/
.free-trial-landing { padding-top: 85px; width: 100%; position: relative; }
.free-trial-landing-downloads { border-right: 0 !important; }
.free-trial-landing .case-study--info-content { width: 100%; }
.free-trial-landing .case-study--logo-wrap img { max-width: 270px; margin: 0 auto; display: block; }
.free-trial-landing .application-info--downloads { margin-top: 0; }
.free-trial-landing .application-info--downloads ul li a p { text-align: left; }

@media (max-width: 1024px) { .free-trial-landing { padding-top: 85px; } }
@media (max-width: 550px) { .free-trial-landing .application-info--downloads ul li a p { text-align: left; }
  .free-trial-landing .case-study--info-top { border-bottom: 0 !important; } }
/*-----------------------------/* SUPPORT OPTIONS
/*----------------------------*/
.support-options { border-bottom: 2px solid #ebebeb; position: relative; overflow: hidden; }
.support-options:last-child { border-bottom: 0; }
.support-options p { color: #7e7e7e; line-height: 1.7; margin-bottom: 15px; font-size: 15px; }
.support-options--left { float: left; clear: none; width: 48.5%; margin-left: 0; margin-right: 3%; padding: 60px 0; }
.support-options--left:last-child { margin-right: 0; }
.support-options--left h3 { margin-bottom: 15px; }
.support-options .tablepress-id-1, .support-options .tablepress-id-3 { padding: 15px 0 40px; border-spacing: 0; }
.support-options .tablepress-id-1 thead tr th, .support-options .tablepress-id-3 thead tr th { width: 20%; border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .tablepress-id-1 thead tr th:first-child, .support-options .tablepress-id-3 thead tr th:first-child { width: 40%; text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.support-options .tablepress-id-1 tbody tr :last-child td, .support-options .tablepress-id-3 tbody tr :last-child td { border-bottom: 2px solid #eaeaea; padding-bottom: 15px; }
.support-options .tablepress-id-1 tbody tr :first-child td, .support-options .tablepress-id-3 tbody tr :first-child td { padding-top: 15px; }
.support-options .tablepress-id-1 tbody tr td, .support-options .tablepress-id-3 tbody tr td { width: 20%; text-align: center; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.support-options .tablepress-id-1 tbody tr td:nth-child(even), .support-options .tablepress-id-3 tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .tablepress-id-1 tbody tr td:first-child, .support-options .tablepress-id-3 tbody tr td:first-child { width: 40%; text-align: left; }
.support-options .tablepress-id-2 { padding: 15px 0 40px; border-spacing: 0; width: 100%; }
.support-options .tablepress-id-2 thead tr th { border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .tablepress-id-2 thead tr th:first-child { text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; width: 35%; }
.support-options .tablepress-id-2 thead tr th.column-2 { text-align: left; padding-left: 30px; }
.support-options .tablepress-id-2 tbody tr:last-child td { border-bottom: 2px solid #eaeaea; padding-bottom: 15px; }
.support-options .tablepress-id-2 tbody tr:first-child td { padding-top: 15px; }
.support-options .tablepress-id-2 tbody tr td { text-align: left; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.support-options .tablepress-id-2 tbody tr td.column-2 { padding-left: 30px; }
.support-options .tablepress-id-2 tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .tablepress-id-2 tbody tr td:first-child { text-align: left; }
.support-options .hardware-replacement .tablepress { padding: 15px 0 40px; border-spacing: 0; width: 100%; }
.support-options .hardware-replacement .tablepress thead tr th { border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .hardware-replacement .tablepress thead tr th:first-child { text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; width: 35%; }
.support-options .hardware-replacement .tablepress thead tr th.column-2 { text-align: left; padding-left: 30px; }
.support-options .hardware-replacement .tablepress tbody tr:last-child td { border-bottom: 2px solid #eaeaea; padding-bottom: 15px; }
.support-options .hardware-replacement .tablepress tbody tr:first-child td { padding-top: 15px; }
.support-options .hardware-replacement .tablepress tbody tr td { text-align: left; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.support-options .hardware-replacement .tablepress tbody tr td.column-2 { padding-left: 30px; }
.support-options .hardware-replacement .tablepress tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .hardware-replacement .tablepress tbody tr td:first-child { text-align: left; }
.support-options .tablepress-id-4 { padding: 40px 0; border-spacing: 0; width: 100%; }
.support-options .tablepress-id-4 thead tr th { border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .tablepress-id-4 thead tr th:first-child { text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.support-options .tablepress-id-4 thead tr th.column-2 { text-align: left; padding-left: 30px; }
.support-options .tablepress-id-4 tbody { font-size: 14px; }
.support-options .tablepress-id-4 tbody tr:last-child td { border-bottom: 2px solid #eaeaea; }
.support-options .tablepress-id-4 tbody tr td { text-align: center; color: #7e7e7e; padding: 25px 0; vertical-align: middle; border-bottom: 2px solid #eaeaea; }
.support-options .tablepress-id-4 tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .tablepress-id-4 tbody tr td:first-child { text-align: left; }
.support-options .tablepress-id-4 tbody tr td.column-2 { text-align: left; padding-left: 30px; line-height: 25px; }
.support-options .service-level .tablepress { padding: 40px 0; border-spacing: 0; width: 100%; }
.support-options .service-level .tablepress thead tr th { border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .service-level .tablepress thead tr th:first-child { text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.support-options .service-level .tablepress thead tr th.column-2 { text-align: left; padding-left: 30px; }
.support-options .service-level .tablepress tbody { font-size: 14px; }
.support-options .service-level .tablepress tbody tr:last-child td { border-bottom: 2px solid #eaeaea; }
.support-options .service-level .tablepress tbody tr td { text-align: center; color: #7e7e7e; padding: 25px 0; vertical-align: middle; border-bottom: 2px solid #eaeaea; }
.support-options .service-level .tablepress tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .service-level .tablepress tbody tr td:first-child { text-align: left; }
.support-options .service-level .tablepress tbody tr td.column-2 { text-align: left; padding-left: 30px; line-height: 25px; }
.support-options .support-cost .tablepress { padding: 15px 0 40px; border-spacing: 0; }
.support-options .support-cost .tablepress thead tr th { width: 20%; border-bottom: 2px solid #eaeaea; color: #3f3f3f; vertical-align: bottom; padding-bottom: 15px; font-weight: 700; }
.support-options .support-cost .tablepress thead tr th:first-child { width: 40%; text-align: left; padding-bottom: 15px; padding-right: 70px; line-height: 1.5; }
.support-options .support-cost .tablepress thead tr:last-child td { border-bottom: 2px solid #eaeaea; padding-bottom: 15px; }
.support-options .support-cost .tablepress tbody tr:first-child td { padding-top: 15px; }
.support-options .support-cost .tablepress tbody tr td { width: 20%; text-align: center; color: #7e7e7e; padding: 8px 0; vertical-align: middle; }
.support-options .support-cost .tablepress tbody tr td:nth-child(even) { background: #f8f8f8; }
.support-options .support-cost .tablepress tbody tr td:first-child { width: 40%; text-align: left; }
.support-options--right { float: left; clear: none; width: 48.5%; margin-left: 0; margin-right: 3%; }
.support-options--right:last-child { margin-right: 0; }
.support-options--right-image { padding-left: 15px; position: absolute; right: 0; bottom: -10px; }
.support-options--full p { float: left; clear: none; width: 48.5%; margin-left: 0; margin-right: 3%; }
.support-options--full p:last-child { margin-right: 0; }
.support-options--padding { padding: 70px 0; border-bottom: 0; }
.support-options--two { padding: 60px 0; }
.support-options--two h3 { margin-bottom: 15px; }
.support-options--two .support-options--left { padding: 0; }
.support-options--two .support-options--right { padding-top: 14px; }
.support-options.support-table .fa-check { color: #98cb67; }
.support-options.support-table .fa-times { color: #dc2323; }
.support-options.support-table .row-10 .column-1 { font-weight: 700 !important; }
.support-options.support-table .row-10 td { color: #3f3f3f !important; }

@media (max-width: 1024px) { .support-options .tablepress, .support-options--full p { width: 100%; }
  .support-options--right { width: 100%; }
  .support-options--right-image { display: none; }
  .support-options--left { width: 100%; } }
@media (max-width: 650px) { .support-options .tablepress-id-4 { margin-bottom: 40px; }
  .support-options .service-level { margin-bottom: 40px; }
  .support-options table, .support-options thead, .support-options tbody, .support-options th, .support-options td, .support-options tr { display: block; }
  .support-options thead tr { position: absolute; top: -9999px; left: -9999px; }
  .support-options tr { border-bottom: 1px solid #ccc; }
  .support-options td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
  .support-options td:before { position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: no-wrap; text-align: left; font-weight: 700; content: attr(data-title); }
  .support-options tbody tr td { width: 100% !important; text-align: right !important; padding: 10px 10px 10px 50% !important; }
  .support-options .tablepress { border: 1px solid #ccc; padding: 0 !important; }
  .support-options .tablepress tr td:last-child, .support-options .tablepress tr:last-child { border-bottom: 0 !important; }
  .support-options.support-table .column-2:before, .support-options .column-3:before, .support-options .column-4:before { font-weight: 500; }
  .support-options.support-table .row-10 .column-1 { text-align: left !important; padding-left: 6px !important; }
  .support-options.support-table .row-10 .column-1:before { display: none; }
  .support-options.support-table .row-10 td { color: #7e7e7e !important; } }
/*-------------------------------------/*
BLOG PAGES
/*------------------------------------*/
/*---------------------/* BLOG PAGE
/*--------------------*/
.blog-wrap { margin: 65px 0; overflow: hidden; padding-top: 85px; width: 100%; }
.blog-wrap.main-blog { margin: 65px 0 0; }
.blog-wrap > .container { overflow: visible; }
.blog-wrap .intro_text {  margin-bottom: 40px; }
.blog-wrap--posts { float: left; clear: none; width: 75.25%; }
.blog-wrap--posts-inner { width: 100%; overflow: hidden; margin-bottom: 70px; }
.blog-wrap--posts-inner:last-child, .blog-wrap--posts-inner-details { margin-bottom: 0; }
.blog-wrap--posts-image { float: left; clear: none; width: 11.11111111111111%; margin-left: 0; margin-right: 0; max-width: 100px; text-align: center; color: #a9a9a9; }
.blog-wrap--posts-image span { font-size: 13px; display: block; margin-bottom: 5px; }
.blog-wrap--posts-image p { font-size: 12px; }
.blog-wrap--posts-image p a { color: #dc2323; text-decoration: underline; }
.blog-wrap--posts-image img { width: 100%; margin-bottom: 20px; border-radius: 200px; }
.blog-wrap--posts-content { clear: none; width: 88.88888888888889%; margin-left: 0; margin-right: 0; padding-left: 40px; float: right; }
.blog-wrap--posts-content > * { margin-bottom: 16px; }
.blog-wrap--posts-content ol, .blog-wrap--posts-content ul { padding-left: 17px; }
.blog-wrap--posts-content ol li, .blog-wrap--posts-content ul li { padding-left: 5px; }
.blog-wrap--posts-content ol { list-style-type: decimal; }
.blog-wrap--posts-content ul { list-style-type: disc; }
.blog-wrap--posts-content em { font-style: italic; }
.blog-wrap--posts-content .intro_text { font-size: 26px; font-weight: 500; }
.blog-wrap--posts-content .body_text { font-size: 15px; line-height: 1.75; }
.blog-wrap--posts-content .continue_blog { color: #dc2323; text-decoration: underline; font-size: 15px; }
.blog-wrap--posts-content > span { color: #a9a9a9; font-size: 14px; display: block; }
.blog-wrap--posts-content > span a { color: #a9a9a9; text-decoration: underline; }
.blog-wrap--posts-content > span.date_cat { display: none; }
.blog-wrap--posts-content a { color: #3f3f3f; }
.blog-wrap--posts-content-single { font-size: 15px; line-height: 1.75; color: #7e7e7e; }
.blog-wrap--posts-content-single > p { margin-bottom: 25px; }
.blog-wrap--posts-content-single blockquote { border-left: 3px solid #eaeaea; margin: 40px 0; }
.blog-wrap--posts-content-single blockquote > p { font-size: 31px; color: #dc2323; font-family: museo-sans-rounded, sans-serif; line-height: 38px; max-width: 790px; padding-left: 50px; font-weight: 300; }
.blog-wrap--posts-content-single pre { margin: 30px 0; display: block; }
.blog-wrap--posts-content-single img { display: block; margin: 0 auto; float: none; }
.blog-wrap--posts-content.pagination .pagination--inner { border-top: 3px solid #ebebeb; margin-bottom: 0; }
.blog-wrap--posts-content.pagination .pagination--inner .loadmoreNews { color: #3f3f3f; border: 3px solid #ebebeb; height: 50px; line-height: 47px; text-align: center; border-radius: 60px; width: 180px; margin: 30px auto; display: block; }
.blog-wrap--posts-content.pagination .pagination--inner ul { display: table; width: 100%; padding: 50px 0; }
.blog-wrap--posts-content.pagination .pagination--inner ul li { display: table-cell; vertical-align: middle; }
.blog-wrap--posts-content.pagination .pagination--inner ul li.pagination-number { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 120px; }
.blog-wrap--posts-content.pagination .pagination--inner ul li.pagination-number a { color: #d5d5d5; border: 3px solid #ebebeb; border-radius: 120px; height: 50px; width: 50px; text-align: center; vertical-align: middle; line-height: 48px; font-weight: 700; display: block; margin: 0 auto; }
.blog-wrap--posts-content.pagination .pagination--inner ul li:hover a { color: #929292; border: 3px solid #d7d7d7; }
.blog-wrap--posts-content.pagination .pagination--inner ul li.pagination-nav a { color: #d5d5d5; border: 3px solid #ebebeb; height: 50px; line-height: 47px; text-align: center; border-radius: 60px; width: 150px; display: block; }
.blog-wrap--posts-content.pagination .pagination--inner ul li.pagination-nav.prev-page a { float: left; }
.blog-wrap--posts-content.pagination .pagination--inner ul li.pagination-nav.next-page a { float: right; }
.blog-wrap--share { position: relative; border-bottom: 3px solid #eaeaea; border-top: 3px solid #eaeaea; padding: 50px 0; margin: 45px 0 0; display: block; width: 100%; overflow: hidden; }
.blog-wrap--share > a { color: #929292; border: 3px solid #ebebeb; border-radius: 50px; padding: 15px 20px; font-size: 14px; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 147px; width: 100%; text-align: center; }
.blog-wrap--share > a.next-blog { float: right; }
.blog-wrap--share > a:hover { border: 3px solid #d7d7d7; }
.blog-wrap--share > a.inactive { border: 3px solid #f4f4f4; color: #ddd; cursor: default; }
.blog-wrap--share > a.inactive:hover { border: 3px solid #f4f4f4; }
.blog-wrap--share ul { float: left; position: absolute; max-width: 215px; top: 50%; -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); transform: translateY(-45%); margin: auto; left: 0; right: 0; }
.blog-wrap--share ul li { display: inline-block; margin: 0 7%; }
.blog-wrap--share ul li:first-child { margin-left: 0; }
.blog-wrap--share ul li:last-child { margin-right: 0; }
.blog-wrap--author { height: 280px; background: #f0f0f0; position: relative; margin-top: 50px; padding: 0 20px; overflow: hidden; }
.blog-wrap--author img { max-width: 290px; float: left; width: 80%; }
.blog-wrap--author-left { float: left; position: absolute; bottom: 0; width: 45%; }
.blog-wrap--author-right { float: right; width: 55%; margin-left: 40px; max-width: 500px; margin-right: 30px; top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.blog-wrap--author-right .body_text p { font-size: 15px; }
.blog-wrap--author-right .intro_text { margin: 10px 0; font-size: 32px; font-weight: 500; }
.blog-wrap--author-right > span { text-transform: uppercase; font-family: museo-sans-rounded, sans-serif; letter-spacing: .2em; font-weight: 700; color: #aeaeae; }
.blog-wrap--author-internal { margin-top: 0; overflow: visible; margin-bottom: 70px; }
.blog-wrap--author-internal .blog-wrap--author-left { overflow: hidden; }
.blog-wrap--author-internal:before { content: ''; background: #f0f0f0; position: absolute; height: 100%; width: 100%; left: -100%; top: 0; }
.blog-wrap--categories { clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; max-width: 310px; float: right; padding-bottom: 60px; }
.blog-wrap--categories:last-child { margin-right: 0; }
.blog-wrap--categories .blog-search { position: relative; margin-bottom: 35px; }
.blog-wrap--categories .blog-search input { box-sizing: border-box; border: 3px solid #eaeaea; width: 100%; padding: 15px 50px 15px 20px; font-size: 13px; font-weight: 700; }
.blog-wrap--categories .blog-search:after { content: '\f002'; font-family: 'FontAwesome'; color: #dc2323; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 25px; }
.blog-wrap--categories .cat-list { border: 3px solid #eaeaea; }
.blog-wrap--categories .cat-list ul { padding: 8px 0; }
.blog-wrap--categories .cat-list ul li a { color: #a7a7a7; font-weight: 700; display: block; padding: 12px 15px; font-size: 13px; }
.blog-wrap--categories .cat-list ul li a span { float: right; }
.blog-wrap--categories .cat-list ul li a:hover, .blog-wrap--categories .cat-list ul li a .active { color: #7e7e7e; background: #f6f6f6; }
.blog-wrap--categories .cat-list ul li a:hover span, .blog-wrap--categories .cat-list ul li a .active span { color: #dc2323; }
.blog-wrap .blog--left { float: left; clear: none; width: 22.75%; margin-left: 0; margin-right: 3%; }
.blog-wrap .blog--left:last-child { margin-right: 0; }
.blog-wrap .blog--left img { display: block; margin: 0 auto; }
.blog-wrap .blog--right { clear: none; width: 74.25%; margin-left: 0; margin-right: 3%; float: right; padding-left: 50px; }
.blog-wrap .blog--right:last-child { margin-right: 0; }
.blog-wrap .blog--right p { font-family: museo-sans-rounded, sans-serif; font-weight: 300; font-size: 22px; color: #3f3f3f; line-height: 1.2; }

@media (max-width: 1140px) { .blog-wrap--share { margin: 0; padding: 25px 0; }
  .blog-wrap--share ul { display: none; }
  .blog-wrap--share > a { font-size: 12px; max-width: 130px; padding: 10px 0; } }
@media (max-width: 1024px) { .blog-wrap { padding-top: 85px; }
  .blog-wrap--posts-image img { display: none; }
  .blog-wrap--posts-image p, .blog-wrap--posts-image span, .blog-wrap--posts-image a { display: none; }
  .blog-wrap--posts-content { width: 100%; padding-left: 0; }
  .blog-wrap--posts-content span.date_cat { display: block; }
  .blog-wrap--posts-content-single blockquote { border-left: 0; }
  .blog-wrap--categories { max-width: 100%; width: 100%; margin-bottom: 25px; margin-top: 10px; }
  .blog-wrap.main-blog.author-blog { margin-top: 0; }
  .blog-wrap--posts, .blog-wrap--posts-image { width: 100%; }
  .blog-wrap--author-internal:after { content: ''; background: #f0f0f0; position: absolute; height: 100%; width: 100%; right: -100%; top: 0; }
  .blog-wrap, .blog-wrap.main-blog { margin: 35px 0 0; } }
@media (max-width: 768px) { .blog-wrap--author { height: auto; padding-top: 40px; padding-left: 0; padding-right: 0; }
  .blog-wrap--author-right { float: none; margin: 0 auto; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 85%; }
  .blog-wrap--author-left { float: none; position: relative; width: 55%; margin: 0 auto; overflow: hidden; }
  .blog-wrap--author-left img { max-width: 100%; width: 100%; float: left; }
  .blog-wrap--categories { width: 100%; margin: 10px 0 25px; max-width: 100%; }
  .blog-wrap--posts-content-single blockquote { border-left: 0; }
  .blog-wrap--posts-content-single blockquote p { padding-left: 0; } }
/*------------------------------------/*
CONTACT US
-HERO PANNEL
-LOCATION PANNEL
-PARTNERS PANNEL
/*------------------------------------*/
/*----------------------/*
	CONTACT MAP PANNEL
/*---------------------*/
.contact-maps { height: 300px; margin-top: 85px; }
.contact-maps .mapwrapper { height: 100%; -webkit-animation: fadeEffect 1.5s; -moz-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s; }
.contact-maps .mapwrapper #map { width: 100%; height: inherit; background-color: #EDEDED; }
.contact-maps .mapwrapper #map strong { font-family: museo-sans-rounded, sans-serif; color: #af1216; }
.contact-maps .mapwrapper #map div { font-family: museo-sans-rounded, sans-serif; }

@media (min-width: 1061px) { .contact-menu { border-top: 3px solid #f0f0f0; }
  .contact-menu .container { margin-top: -6px; }
  .contact-menu ul li { border-top: 3px solid #f0f0f0; cursor: pointer; }
  .contact-menu ul li.active a:before, .contact-menu ul li:hover a:before { top: 3px; border-width: 10px 12.5px 0px 12.5px; border-color: #dc2323 transparent #dc2323 transparent; }
  .contact-menu ul li.active a:after, .contact-menu ul li:hover a:after { content: ''; position: absolute; top: 0px; left: -3px; right: -3px; height: 3px; background: #dc2323; } }
@media (max-width: 1100px) { .contact-maps { height: 300px; border-bottom: 2px solid #eaeaea; } }
@media (max-width: 768px) { .contact-maps { height: 250px; } }
/*----------------------/* Contact form
/*--------------------*/
.contact-hero { border-bottom: 3px solid #eaeaea; }
.contact-hero > .container { min-height: 345px; position: relative; display: flex; }
.contact-hero--left { float: left; width: 50%; padding: 70px 3% 70px 0; }
.contact-hero--left .body_text { margin: 10px 0; }
.contact-hero--left .contact_details { margin-bottom: 25px; }
.contact-hero--left .contact_details > span { padding-right: 20px; color: #dc2323; }
.contact-hero--left .contact_details > span span { color: #7e7e7e; }
.contact-hero--left .contact_form_success_message { display: none; position: relative; margin-top: 0; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); text-align: left; }
.contact-hero--left .contact_form_success_message .intro_text { font-size: 24px !important; font-weight: 300; }
.contact-hero--left .form-box { border: 3px solid #eaeaea; border-top: none; padding: 20px 10px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
.contact-hero--left .form-box .form-wrapper .input-wrapper { width: 50%; float: left; padding: 0 10px; }
.contact-hero--left .form-box .form-wrapper .input-wrapper input { padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; font-size: 14px; background: #fff; color: #a9a9a9; border: 3px solid #e9e9e9; width: 100%; margin-bottom: 16px; box-sizing: border-box; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.contact-hero--left .form-box .form-wrapper .textarea-wrapper { width: 100%; padding: 0 10px; clear: both; }
.contact-hero--left .form-box .form-wrapper .textarea-wrapper textarea { padding: 12px 15px; font-family: museo-sans-rounded, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-sizing: border-box; font-size: 14px; background: #fff; color: #a9a9a9; box-sizing: border-box; border: 3px solid #e9e9e9; margin-bottom: 16px; resize: none; width: 100%; }
.contact-hero--left .form-box .form-wrapper .round_button { margin: 10px; border: 0; cursor: pointer; }
.contact-hero--left .form-box .success-hide { display: none; }
.contact-hero--left .form-box .open_ticket_success_message { position: relative; display: none; padding: 10px 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.contact-hero--left .form-box .open_ticket_success_message.success-show { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-hero--left .form-box .contact_form_success_message { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: -1; text-align: center; display: none; }
.contact-hero--left .form-box .contact_form_success_message.success-show { opacity: 1; z-index: 2; padding: 10px 0; display: block; }
.contact-hero--left .form-box .contact_form_success_message .intro_text { font-size: 24px; font-weight: 500; }
.contact-hero--left .tabcontent { display: none; min-height: 335px; }
.contact-hero--left .tabcontent input, .contact-hero--left .tabcontent textarea { -webkit-animation: fadeEffect 1.5s; -moz-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s; }
.contact-hero--left .tabcontent#general { display: block; }
.contact-hero--left .switch-toggle.switch-loadbalancer { background-color: #f1f1f1; border: 3px solid #eaeaea; border-bottom: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden; }
.contact-hero--left .switch-toggle.switch-loadbalancer label { color: #7e7e7e; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: .2em; font-weight: 600; outline: 0 !important; }
.contact-hero--left .switch-toggle.switch-loadbalancer label:focus { outline: 0 !important; }
.contact-hero--left .switch-toggle.switch-loadbalancer a { -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; background-color: #ffffff; color: #af1216; }
.contact-hero--left .switch-toggle.switch-loadbalancer a:before, .contact-hero--left .switch-toggle.switch-loadbalancer a:after { position: absolute; bottom: -1px; width: 10px; height: 10px; content: " "; border: 1px solid #ffffff; }
.contact-hero--left .switch-toggle.switch-loadbalancer a:before { left: -9px; border-bottom-right-radius: 10px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ffffff; }
.contact-hero--left .switch-toggle.switch-loadbalancer a:after { right: -9px; border-bottom-left-radius: 10px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ffffff; }
.contact-hero--right { float: right; clear: none; width: 50%; margin-left: 0; margin-right: 0; min-height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center bottom; }
.contact-hero--right img { width: 100%; }

@-webkit-keyframes fadeEffect { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeEffect { from { opacity: 0; }
  to { opacity: 1; } }
.switch-toggle { position: relative; display: block; padding: 0 !important; }
.switch-toggle::after { clear: both; content: ""; display: table; }
.switch-toggle *, .switch-toggle *:before, .switch-toggle *:after { box-sizing: border-box; }
.switch-toggle a { display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.switch-toggle label, .switch-toggle > span { /* breathing room for bootstrap/foundation classes.
*/ line-height: 2em; vertical-align: middle; }
.switch-toggle input { position: absolute; left: 0; opacity: 0; }
.switch-toggle input:focus ~ span a, .switch-toggle input:focus + label { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* Chrome/Opera gets its native focus styles.
*/ }
.switch-toggle input + label { position: relative; z-index: 2; display: block; float: left; padding: 0 0.5em; margin: 0; text-align: center; }
.switch-toggle a { position: absolute; top: 0; left: 0; padding: 0; z-index: 1; width: 10px; height: 100%; }
.switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4) ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a { width: 50%; }
.switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a { left: 50%; }
.switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a { width: 33.33%; }
.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a { left: 33.33%; }
.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a { left: 66.66%; }
.switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8) ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a { width: 25%; }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a { left: 25%; }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a { left: 50%; }
.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a { left: 75%; }
.switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10) ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a { width: 20%; }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a { left: 20%; }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a { left: 40%; }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a { left: 60%; }
.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a { left: 80%; }
.switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12) ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a { width: 16.6%; }
.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a { left: 16.6%; }
.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a { left: 33.2%; }
.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a { left: 49.8%; }
.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a { left: 66.4%; }
.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a { left: 83%; }

@media only screen and (-webkit-min-device-pixel-ratio: 0) { .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label { outline-color: -webkit-focus-ring-color; outline-style: auto; } }
@media (max-width: 1100px) { .contact-hero--left { width: 65%; padding: 40px 3% 40px 0; }
  .contact-hero--left .form-box { border: 3px solid #eaeaea; border-top: none; padding: 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
  .contact-hero--left .form-box .form-wrapper .input-wrapper, .contact-hero--left .form-box .form-wrapper .textarea-wrapper { width: 100%; padding: 0; }
  .contact-hero--left .form-box .form-wrapper .round_button { margin: 0; }
  .contact-hero--right { width: 35%; background-position: center; } }
@media (max-width: 768px) { .contact-hero > .container { display: block; }
  .contact-hero--left { text-align: center; width: 100%; padding: 30px 0 10px 0; }
  .contact-hero--left .body_text { margin: 10px 0; }
  .contact-hero--left .contact_details { margin-bottom: 20px; float: left; width: 100%; }
  .contact-hero--left .contact_details > span { padding-right: 0; width: 100%; float: left; margin-bottom: 5px; }
  .contact-hero--left .form-box { padding: 20px 10px; }
  .contact-hero--left .form-box .form-wrapper .round_button { width: 100%; }
  .contact-hero--right { height: 300px; width: 100%; background-position: center bottom; } }
/*----------------------/*
	CONTACT LOCATION
/*---------------------*/
.contact-location { background: #3f3f3f; padding: 40px 0; }
.contact-location-single { float: left; clear: none; width: 22.75%; margin-left: 0; text-align: left; background: #ffffff; padding: 6px 6px 30px; margin-right: 3%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.contact-location-single:last-child { margin-right: 0; }
.contact-location-single a > img { width: 100%; -webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; margin-bottom: 20px; }
.contact-location-single .city { color: #696969; font-size: 18px; margin-bottom: 5px; display: block; }
.contact-location-single .country { padding: 0 25px; font-size: 26px; font-weight: 700; color: #696969; }
.contact-location-single .country:before { content: ''; width: 24px; height: 23px; margin-right: 12px; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; margin-bottom: 4px; }
.contact-location-single > p:not(.country) { color: #7e7e7e; font-size: 14px; padding: 20px 25px; line-height: 1.7; }
.contact-location-single .contact-details { padding: 0 25px; }
.contact-location-single .contact-details li { color: #696969; font-size: 14px; line-height: 1.5; }
.contact-location-single .contact-details li a { color: #dc2323; }

.contact-location-single--uk .country:before { background-image: url(images/flags/uk@2x.png); }

.contact-location-single--us .country:before { background-image: url(images/flags/us@2x.png); }

.contact-location-single--ca .country:before { background-image: url(images/flags/ca@2x.png); }

.contact-location-single--de .country:before { background-image: url(images/flags/de@2x.png); }

@media (max-width: 1080px) { .contact-location-single { float: left; clear: none; width: 48.5%; margin-left: 0; margin-right: 3%; margin-bottom: 40px; }
  .contact-location-single:nth-of-type(2n) { margin-right: 0; float: right; }
  .contact-location-single:nth-of-type(2n+1) { clear: both; } }
@media (max-width: 500px) { .contact-location-single { width: 100%; } }
/*----------------------/*
	PARTNERS CONTACT
/*---------------------*/
.partners-and-resellers-contact { padding: 70px 0 60px; }
.partners-and-resellers-contact .resellers-contact { width: 40%; float: right; padding-left: 2%; }
.partners-and-resellers-contact .resellers-contact--wrap { border-top: 1px solid #f0f0f0; padding-top: 40px; margin-top: 30px; }
.partners-and-resellers-contact .resellers-contact--wrap .body-text { color: #7e7e7e; line-height: 1.7; padding-bottom: 30px; font-size: 15px; }
.partners-and-resellers-contact .partners-contact { padding-right: 2%; width: 60%; float: left; }
.partners-and-resellers-contact .partners-contact--wrap { border-top: 1px solid #f0f0f0; padding-top: 40px; margin-top: 30px; }
.partners-and-resellers-contact .partners-contact--wrap-single { float: left; width: 100%; margin-left: 0; margin-right: 3%; padding-bottom: 30px; }
.partners-and-resellers-contact .partners-contact--wrap-single-content { color: #7e7e7e; line-height: 1.7; font-size: 15px; width: 68%; display: inline-block; vertical-align: middle; }
.partners-and-resellers-contact .partners-contact--wrap-single-image { width: 30%; height: 80px; display: inline-block; vertical-align: middle; }
.partners-and-resellers-contact .partners-contact--wrap-single-image img { width: initial; height: 100%; }

@media (max-width: 1100px) { .partners-and-resellers-contact { padding: 50px 0; }
  .partners-and-resellers-contact .resellers-contact { width: 50%; padding-left: 1.5%; }
  .partners-and-resellers-contact .resellers-contact--wrap { padding-top: 20px; margin-top: 15px; }
  .partners-and-resellers-contact .resellers-contact--wrap .body-text { padding-bottom: 20px; }
  .partners-and-resellers-contact .partners-contact { padding-right: 1.5%; width: 50%; float: left; }
  .partners-and-resellers-contact .partners-contact--wrap { padding-top: 20px; margin-top: 15px; }
  .partners-and-resellers-contact .partners-contact--wrap-single { width: 100%; margin-right: 0; }
  .partners-and-resellers-contact .partners-contact--wrap-single-content { width: 100%; }
  .partners-and-resellers-contact .partners-contact--wrap-single-image { width: 100%; height: 50px; }
  .partners-and-resellers-contact .partners-contact--wrap-single-image img { width: initial; height: 100%; } }
@media (max-width: 768px) { .partners-and-resellers-contact { padding: 50px 0; text-align: center; }
  .partners-and-resellers-contact .resellers-contact { width: 100%; padding-left: 0; }
  .partners-and-resellers-contact .partners-contact { padding-right: 0; width: 100%; }
  .partners-and-resellers-contact .partners-contact--wrap-single { width: 100%; margin-left: 0; padding-bottom: 30px; }
  .partners-and-resellers-contact .partners-contact--wrap-single-content { text-align: center; }
  .partners-and-resellers-contact .partners-contact--wrap-single-image { height: 40px; text-align: center; }
  .partners-and-resellers-contact .round_button { width: 100%; } }
/*------------------------------------/*
USED THROUGHOUT THE SITE
-FEATURED PRODUCT PANNEL
-TRUSTS US PANNEL
-REVIEWS 
-CONFIGURABLE
-SUCCESS MESSAGES 
-LOADBALANCER SERVICE
/*-----------------------------------*/
/*-----------------------------/*
	FEATURED PRODUCT PANNEL
/*----------------------------*/
.featured_product { float: left; width: 40%; padding-top: 50px; }
.featured_product > * { margin-bottom: 16px; }
.featured_product > *:last-child { margin-bottom: 0; }
.featured_product > span { color: #909090; text-transform: uppercase; font-family: museo-sans-rounded, sans-serif; font-weight: 700; letter-spacing: .1em; display: block; margin-bottom: 16px; }
.featured_product .product-box-title { float: left; clear: both; }
.featured_product .body_text { float: left; font-size: 15px; }
.featured_product a { float: left; }

/*--------TRUSTS US PANNEL-------*/
.santander-cycles--img { float: right; width: 50%; height: 350px; right: 0; opacity: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: top right; }
.santander-cycles--img img { padding: 0; float: right; width: 100%; position: absolute; }

.healthcare--img { float: left; width: 40%; height: 367px; background-size: contain; background-repeat: no-repeat; background-position: bottom right; }

.trusts-us-pannel { background: #ffffff; width: 100%; overflow: hidden; min-height: 350px; }
.trusts-us-pannel--inner { float: left; width: 50%; padding: 85px 30px 20px 0; }
.trusts-us-pannel--grey { background: #f1f1f1; position: relative; }
.trusts-us-pannel .logo { width: 30%; /* background-color: black; */ display: block; }
.trusts-us-pannel .round_button { margin: 30px 0 50px 0; }

.mobile-image { display: none; }

@media (max-width: 1150px) { .trusts-us-pannel { min-height: 300px; }
  .trusts-us-pannel--inner { width: 60%; padding-top: 50px; }
  .trusts-us-pannel .round_button { margin: 50px 0; }
  .santander-cycles--img { width: 45%; background-size: contain; height: 300px; }
  .healthcare--img { width: 40%; height: 300px; } }
@media (max-width: 768px) { .trusts-us-pannel--inner { float: left; padding: 50px 20px; width: 100%; text-align: center; }
  .trusts-us-pannel .logo { padding-right: 0; width: 100%; padding: 0 25%; }
  .trusts-us-pannel .round_button { margin: 30px 0 0 0; }
  .santander-cycles--img, .healthcare--img { height: 325px; display: none; }
  .mobile-image { width: 100%; display: block !important; margin: 0 auto; } }
/*-----Reviews pannels-----*/
.review .review-loader { position: absolute; z-index: 99; background: #fff; width: 100%; height: 100%; left: 0; top: 0; }
.review .review-loader img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.reviews { padding: 100px 0; }
.reviews .reviews-wrapper { width: 100%; }
.reviews .reviews-wrapper .reviewscouk_widget { border: 0; border-radius: 2px; font-size: 12px; overflow: hidden; background: #ffffff; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer { color: white; float: left; width: 300px; position: relative; min-height: 290px; background: #dc2323; border-top: 2px solid #dc2323 !important; border-bottom: 2px solid #c70f0f !important; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_header { font-size: 20px; line-height: 30px; text-transform: uppercase; text-align: center; padding: 5px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: 150px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_header .review-logo { max-width: 150px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_header .reviewscouk_score { color: #ffffff; margin-bottom: 5px; font-family: museo-sans-rounded, sans-serif; letter-spacing: 0.1em; font-weight: 600; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_header .reviewscouk_rating { width: 100%; text-align: center; font-size: 30px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_header .reviewscouk_rating .icon-widgets-full-star-01 { margin: 0px 1px; font-size: 24px; padding: 1px 4px; border-width: 0px; color: white; border-radius: 0px; -webkit-box-shadow: transparent 0px 1px 1px 0px; -moz-box-shadow: transparent 0px 1px 1px 0px; -ms-box-shadow: transparent 0px 1px 1px 0px; -o-box-shadow: transparent 0px 1px 1px 0px; box-shadow: transparent 0px 1px 1px 0px; text-shadow: rgba(0, 0, 0, 0.09804) 0px 0px 2px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_subheader { padding: 2px; font-size: 15px; line-height: 50px; height: 50px; text-transform: uppercase; background: #c70f0f; color: white; position: absolute; width: 100%; bottom: 0; font-family: museo-sans-rounded, sans-serif; font-weight: 700; letter-spacing: 0.1em; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_subheader .reviewscouk_score, .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer .reviewscouk_subheader .reviewscouk_count { width: 50%; float: left; text-align: center; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews { padding: 0px 50px; overflow-x: hidden; overflow-y: auto; border-top: 2px solid #eaeaea; border-right: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; min-height: 290px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review { padding: 80px 0; overflow: hidden; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_comments { overflow: hidden; text-align: justify; width: 100%; margin-bottom: 20px; color: #7e7e7e; font-family: museo-sans-rounded, sans-serif; font-size: 16px; line-height: 1.7; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments { float: left; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_rating { float: left; text-align: right; height: 25px; font-size: 19px; color: #dc2323; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_rating .icon-widgets-full-star-01 { margin: 0px 1px; padding: 0px 2px; border-width: 0px; color: #dc2323; border-radius: 0px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_author { float: left; font-weight: bold; line-height: 25px; height: 25px; color: #adadad; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-left: 20px; font-family: museo-sans-rounded, sans-serif; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_read_more { text-align: right; float: right; font-size: 16px; line-height: 22px; color: #adadad; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_read_more .reviewscouk_morebutton { background: none; border: none; cursor: pointer; font-family: museo-sans-rounded, sans-serif; color: #dc2323; text-decoration: underline; font-size: 16px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_split { width: 50%; float: left; padding-left: 25px; padding-bottom: 25px; min-height: 125px; }
.reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_split:first-child { padding-right: 25px; padding-left: 0; }

@media (max-width: 1100px) { .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_read_more { width: 100%; margin-top: 10px; text-align: left; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_author { margin-left: 0; width: 100%; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_split { width: 100%; float: left; padding: 0; min-height: auto; margin-bottom: 20px; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_split .reviewscouk_comments { margin-bottom: 10px; } }
@media (max-width: 768px) { .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_headercontainer { width: 100% !important; height: 220px !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews { border: 2px solid #eaeaea !important; border-top: 0 !important; height: 100% !important; padding: 0 20px !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review { padding: 30px 0 40px !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_comments { text-align: center !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments { float: none !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_rating, .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviewscouk_review_comments .reviewscouk_author { float: none !important; text-align: center !important; margin: 0 !important; }
  .reviews .reviews-wrapper .reviewscouk_widget .reviewscouk_reviews .reviewscouk_review .reviews_read_more { text-align: center !important; margin: 30px 0 0 !important; } }
/*---------------------------/*
	CONFIGURABLE CONTAINER
/*--------------------------*/
.configurable-container { background: #ffffff; }
.configurable-container--1 > .container { display: table; }
.configurable-container--1 .container-block { display: block; }
.configurable-container--fullwidth { width: 100%; border-bottom: 2px solid #f1f1f1; }
.configurable-container--fullwidth .testimonial--wrap { width: 100%; }
.configurable-container--fullwidth .testimonial--wrap .testimonial--right { max-width: 100%; }
.configurable-container--fullwidth .testimonial--wrap .testimonial--right p:not(.testimonial--name) { font-size: 31px; }
.configurable-container .testimonial--wrap.full-width { width: 100% !important; }
.configurable-container .testimonial--wrap.full-width .testimonial--left { float: none; width: 20%; display: inline-block; vertical-align: middle; }
.configurable-container .testimonial--wrap.full-width .testimonial--right { max-width: 100%; width: 75%; vertical-align: middle; display: inline-block; float: none; }

.configurable-blog-post { padding: 50px 0; }
.configurable-blog-post .blog-wrap--posts-inner .blog-wrap--posts-image { max-width: 160px; }

@media (max-width: 1024px) { .configurable-container--1 > .container { padding: 0; }
  .configurable-container--inner { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .configurable-container .testimonial--wrap { width: 100%; height: 100%; padding: 40px 20px; }
  .configurable-container .testimonial--wrap .testimonial--left, .configurable-container .testimonial--wrap .testimonial--right { width: 100% !important; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .configurable-container .testimonial--wrap .testimonial--right { text-align: center; padding: 30px 0 0; max-width: 100%; }
  .configurable-container .featured_product { width: 100%; padding: 50px 20px; border-top: 2px solid #eaeaea; text-align: center; }
  .configurable-container .featured_product .product-box-title { margin: 0 auto 20px; float: none; }
  .configurable-container .featured_product .body_text { margin: 0 auto 15px; float: none; }
  .configurable-container .featured_product a { float: none; display: block; max-width: 245px; margin: 0 auto; } }
@media (max-width: 768px) { .configurable-container--1 > .container { display: block; } }
@media (max-width: 650px) { .configurable-container { padding: 30px 0; }
  .configurable-containerr--inner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
/*-----SUCCESS MESSAGES-----*/
.quoting.success-hide, .evaling.success-hide { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }

.open_ticket_success_message { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; text-align: center; left: 0; right: 0; }
.open_ticket_success_message.success-show { opacity: 1; z-index: 2; }
.open_ticket_success_message .intro_text { font-size: 24px; font-weight: 500; }
.open_ticket_success_message > a { font-size: 24px; font-weight: 500; margin: 5px 0; display: block; }
.open_ticket_success_message strong { font-weight: 600; }

.contact_form_success { display: none; position: absolute; left: 50%; top: 50%; width: 100%; max-width: 644px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.contact_form_success_message { margin-top: 50px; }
.contact_form_success:before { display: block; padding-top: 86%; content: ""; }

.contact_form_success_message { opacity: 0; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; transition: all 0 ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; text-align: center; left: 0; right: 0; }
.contact_form_success_message.success-show { opacity: 1; z-index: 2; }
.contact_form_success_message .intro_text { font-size: 24px; font-weight: 500; }
.contact_form_success_message > a { font-size: 24px; font-weight: 500; margin: 5px 0; display: block; }
.contact_form_success_message strong { font-weight: 600; }

@media (max-width: 800px) { .contact_form_success { width: 90%; } }
/*-------LOADBALANCER_SERVICE-------*/
.loadbalancer_service { background: #f1f1f1; }
.loadbalancer_service--image { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; }
.loadbalancer_service--image img { display: block; margin: 0 auto; }
.loadbalancer_service--image.flexible img { width: 430px; }
.loadbalancer_service--text { float: left; clear: none; width: 50%; margin-left: 0; margin-right: 0; padding: 9.7% 0; }
.loadbalancer_service--text p { margin-bottom: .8em; max-width: 560px; }

@media (max-width: 1000px) { .loadbalancer_service--image { display: none; }
  .loadbalancer_service--text { width: 100%; }
  .loadbalancer_service--text p { text-align: center; margin: 0 auto; }
  .loadbalancer_service--text a { text-align: center; margin: 30px auto 0; display: block; max-width: 385px; } }
@media (max-width: 560px) { .loadbalancer_service--text p { font-size: 28px; } }
.no-grey-background{background-color:#FFFFFF!important;}
.cloud-product-split{background-color:#ffffff!important;}
.cloud-product-split.grey-background{background-color:#f1f1f1!important;}