@charset "UTF-8";
/*!

	Theme Name: Rotorflush
	Theme URI: https://weare2ndfloor.com
	Description: A Custom Theme from 2nd Floor
	Author: 2nd Floor
	Author URI: https://weare2ndfloor.com
	License: NA
	License URI: NA
	Version: 1.1.3
	Tags: light, white, gray, one-column, two-columns, three-columns, four-columns, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
  Date Modified: 17th January 2017

==========================================================================
*/
/* ========================================================================== Resets & Box Sizing ========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }

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

blockquote, q { quotes: none; }

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

ins { background-color: #ff9; color: #333; text-decoration: none; }

mark { background-color: #ff9; color: #333; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

body { font: 13px/1.231 sans-serif; }

select, input, textarea, button { font: 99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }

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

ul, ol { margin-left: 2em; }

ol { list-style-type: decimal; }

nav ul, nav li { list-style: none; list-style-image: none; margin: 0; }

small { font-size: 85%; }

strong, th { font-weight: 700; }

td { vertical-align: top; }

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

sup { top: -.5em; }

sub { bottom: -.25em; }

pre { white-space: pre-wrap; word-wrap: break-word; padding: 1em; }

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

button { width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }

input[type="radio"], .ie6 input { vertical-align: text-bottom; }

em, i { font-style: oblique; }

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

* { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ========================================================================== Plugins ========================================================================== */
/* #######################################################################

	MeanMenu 2.0.6
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { display: inline-block; width: 100%; margin-bottom: -5px; position: relative; background: #25262e; padding: 4px 0; min-height: 42px; z-index: 4; font-size: 16px; font-size: 1.6rem; }

.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }

.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; }

.mean-container .mean-nav { float: left; width: 100%; background: #25262e; margin-top: 44px; }

.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; }

.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; }

.mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase; }

.mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; }

.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }

.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }

.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }

.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }

.mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); }

.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; padding: 8px 9px 5px 9px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }

.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, 0.9); }

.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }

.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; }

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.mean-remove { display: none !important; }

/* jQuery FlexSlider v2.5.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */
/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { height: auto; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -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; }

.flex-direction-nav a:before { font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before { content: ''; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: ''; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: ''; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }

/* ========================================================================== Flexslider - Overrides ========================================================================== */
.flexslider { background: transparent; padding: 0; border-radius: 0; border: none; box-shadow: none; margin-bottom: 0; }

.flexslider .slides { background: transparent; }

.flexslider .slides img { width: auto; margin: 0 auto; }

.flex-control-nav li { margin: 0 3px; }

.flex-control-paging li a { width: 6px; height: 6px; background: #00a8d8; }

.flex-control-paging li a.flex-active { background: #006b8a; }

.flex-direction-nav { position: absolute; bottom: -15px; width: 100%; }

.flex-direction-nav li a { opacity: 1; width: 40px; height: 40px; background: red; content: ''; text-indent: -99999em; }

.flex-direction-nav li a.flex-prev { background: url(assets/svg/flex-arrow-left.svg) 50% 50% no-repeat; background-size: 9px 10px; left: 10px; }

.flex-direction-nav li a.flex-next { text-align: inherit; background: url(assets/svg/flex-arrow-right.svg) 50% 50% no-repeat; background-size: 9px 10px; right: 10px; }

/* ========================================================================== 0.1.1 - Contact Form 7 ========================================================================== */
body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 2px solid #fb4040; }

body span.wpcf7-not-valid-tip { display: block; color: #fb4040; border: none; position: relative; top: auto; left: auto; padding: 0; margin-top: 2px; background: none; font-size: 15px; }

body div.wpcf7-validation-errors { background: #ffe2e2; border: 2px solid #ff8a8a; color: #fb4040; float: left; clear: both; }

body div.wpcf7-response-output { margin: 10px 0 35px 0; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

body .wpcf7-mail-sent-ng { background: #fff2e2; border: 2px solid #ffbc8a; color: #e17731; }

body .wpcf7-mail-sent-ok { background: #e8ffe2; border: 2px solid #6fdf51; color: #1ea524; clear: both; }

/* Nivo Lightbox */
.nivo-lightbox-image { background: #fff; padding-bottom: 1px; }

.nivo-lightbox-theme-default .nivo-lightbox-image img { box-shadow: none; padding: 20px 0; margin-top: -1px; }

/* WP Google Map */
.gm-style-iw > div p { font-size: 0; }

.gm-style-iw > div p:before { display: block; padding-top: 10px; content: 'Rotorflush Filters Ltd'; font-weight: 700; font-size: 17px; font-size: 1.7rem; }

#wpgmza_map { margin-bottom: 20px; }

/* ========================================================================== Tables ========================================================================== */
.table-wrap { max-width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

.table-wrap:after { font-size: 90%; font-style: oblique; display: block; width: 100%; text-align: left; padding: 5px; content: 'This table is scrollable'; }

@media screen and (min-width: 63.75em) { .table-wrap:after { /* 1020px */ display: none; } }

table { max-width: 100%; }

table, table td, table th { border: 1px solid #e0e0e1; border-collapse: collapse; border-left: none; border-right: none; }

table, table th { border: none; text-align: left; }

table td, table th { padding: 7px; }

@media screen and (min-width: 56.25em) { table td, table th { /* 900px */ padding: 15px; } }

table th { background: #e5f6fb; font-weight: 700; color: #25262e; }

table tr:nth-child(odd) td { background: #f7f7f7; }

/* Setup */
html { font-size: 52.5%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

@media screen and (min-width: 45em) { html { /* 720px */ font-size: 56.5%; } }

@media screen and (min-width: 121.25em) { html { /* 1940px */ font-size: 62.5%; } }

p { margin: 0 0 20px 0; }

body { font-family: 'Lato', Helvetica, Arial, sans-serif; color: #25262e; line-height: 1.5; }

#wrap { font-size: 19px; font-size: 1.9rem; }

hr { clear: both; }

.header-contact, h1 + h2 { font-weight: 700; text-transform: uppercase; line-height: 1; font-size: 17px; font-size: 1.7rem; }

h1 { font-size: 40px; font-size: 4rem; line-height: 1; font-weight: 700; }

.homepage--hero h1 { line-height: 1; font-size: 60px; font-size: 6rem; }

@media screen and (min-width: 45em) { .homepage--hero h1 { /* 720px */ font-size: 80px; font-size: 8rem; } }

.content-title { margin-bottom: 30px; }

@media screen and (min-width: 42.5em) { /* 680px */
  .hero h1, .content-title h1 { font-size: 50px; font-size: 5rem; }
  .hero h1 + h2, .content-title h1 + h2 { margin-top: 10px; } }

h1 + h2 { font-size: 17.5px; font-size: 1.75rem; }

.entry-title { font-size: 22px; font-size: 2.2rem; }

h2, h3, h4, h5, h6, .block__title-bar { font-weight: 700; line-height: 1.3; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #25262e; font-weight: 700; margin-bottom: 30px; line-height: 1.1; }

.content h1 + .meta, .content h2 + .meta, .content h3 + .meta, .content h4 + .meta, .content h5 + .meta, .content h6 + .meta { margin-top: -30px; }

.content h1 { font-size: 40px; font-size: 4rem; }

.content h1.title-small { font-size: 35px; font-size: 3.5rem; }

@media screen and (min-width: 42.5em) { .content h1 { /* 680px */ font-size: 50px; font-size: 5rem; }
  .content h1.title-small { font-size: 40px; font-size: 4rem; } }

.content h2 { font-size: 25px; font-size: 2.5rem; }

@media screen and (min-width: 42.5em) { .content h2 { /* 680px */ font-size: 30px; font-size: 3rem; } }

.content h3 { font-size: 22px; font-size: 2.2rem; }

@media screen and (min-width: 42.5em) { .content h3 { /* 680px */ font-size: 24px; font-size: 2.4rem; } }

.content h4 { font-size: 20px; font-size: 2rem; }

@media screen and (min-width: 42.5em) { .content h4 { /* 680px */ font-size: 23px; font-size: 2.3rem; } }

.content h5 { font-size: 19px; font-size: 1.9rem; }

@media screen and (min-width: 42.5em) { .content h5 { /* 680px */ font-size: 22px; font-size: 2.2rem; } }

.content h6 { font-size: 18px; font-size: 1.8rem; }

@media screen and (min-width: 42.5em) { .content h6 { /* 680px */ font-size: 21px; font-size: 2.1rem; } }

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

blockquote:not(.testimonial__blockquote) { font-weight: 900; font-size: 30px; font-size: 3rem; line-height: 1.1; margin: 40px 0; }

blockquote:not(.testimonial__blockquote) cite { margin-top: 8px; display: block; text-align: right; font-size: 20px; font-size: 2rem; color: #929296; }

@media screen and (min-width: 42.5em) { blockquote:not(.testimonial__blockquote) { /* 680px */ font-size: 35px; font-size: 3.5rem; float: right; max-width: 450px; margin-left: 20px; } }

@media screen and (min-width: 81.25em) { blockquote:not(.testimonial__blockquote) { /* 1300px */ margin-right: -50px; } }

@media screen and (min-width: 93.75em) { blockquote:not(.testimonial__blockquote) { /* 1500px */ margin-right: -100px; } }

h1.heading--no-margin { margin-bottom: 0; }

.content ul { padding-top: 10px; }

.content ul h2 { margin-bottom: 6px; }

.content ul ul { padding-top: 0; margin-left: 20px; }

/* ========================================================================== Global Styles ========================================================================== */
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

a, a:hover { -o-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; }

a { color: #00a8d8; text-decoration: none; }

a:hover { color: #007ea2; text-decoration: none; }

body, html, #wrap { height: 100%; }

body { background: #50525f; }

#wrap { max-width: 1800px; margin: 0 auto; background: #fff; }

.max-wrap { max-width: 1180px; margin: 0 auto; }

.screen-reader-text { position: absolute; left: -99999em; }

/* ========================================================================== Header ========================================================================== */
.masthead { background: #25262e; position: relative; text-align: center; }

@media screen and (min-width: 50em) { .masthead { /* 800px */ text-align: left; } }

@media screen and (min-width: 68.75em) { .masthead { /* 1100px */ padding-right: 200px; } }

.site-logo { padding: 20px; }

@media screen and (min-width: 75em) { .site-logo { /* 1200px */ padding-left: 40px; } }

.site-logo img { max-width: 200px; }

@media screen and (min-width: 42.5em) { .site-logo img { /* 680px */ max-width: 100%; } }

@media screen and (min-width: 50em) { .site-logo { /* 800px */ display: inline-block; vertical-align: middle; width: 26%; } }

.main-nav { position: relative; z-index: 5; display: none; }

@media screen and (min-width: 50em) { .main-nav { /* 800px */ display: inline-block; vertical-align: middle; width: 73%; text-align: right; padding-right: 20px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; font-weight: 700; } }

@media screen and (min-width: 50em) and (min-width: 60em) { .main-nav { /* 960px */ font-size: 16px; font-size: 1.6rem; } }

@media screen and (min-width: 50em) { .main-nav li { position: relative; display: inline-block; }
  .main-nav li.menu-item-has-children a { padding-right: 20px; }
  .main-nav li.menu-item-has-children > a:after { content: ''; display: block; width: 12px; height: 7px; background: url(assets/svg/arrow-down.svg) no-repeat; background-size: 10px 6px; position: absolute; top: 45%; right: 3px; }
  .main-nav li.menu-item-has-children.current-menu-item > a:after, .main-nav li.menu-item-has-children.current_page_item > a:after, .main-nav li.menu-item-has-children.current-page-parent > a:after, .main-nav li.menu-item-has-children.current-post-parent > a:after { top: 25%; }
  .main-nav li > a { display: inline-block; color: #fff; padding: 10px 5px; }
  .main-nav li > a:hover { color: #00a8d8; }
  .main-nav li.current-menu-item > a, .main-nav li.current_page_item > a, .main-nav li.current-page-parent > a, .main-nav li.current-post-parent > a { color: #00a8d8; }
  .main-nav li.current-menu-item > a:before, .main-nav li.current_page_item > a:before, .main-nav li.current-page-parent > a:before, .main-nav li.current-post-parent > a:before { content: ''; display: block; width: 6px; height: 6px; margin: 0 auto; background: #00a8d8; border-radius: 100%; vertical-align: middle; margin-top: -40px; margin-bottom: 10px; }
  .main-nav ul ul, .main-nav ul ul ul { display: none; } }

@media screen and (min-width: 50em) and (min-width: 50.0625em) { .main-nav { /* 801px */ }
  .main-nav ul li:hover > ul { padding: 40px 0 20px 0; display: block; position: absolute; left: 0; top: 100%; width: 300px; background: #25262e; text-align: left; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
  .main-nav ul li:hover > ul li { display: block; }
  .main-nav ul li:hover > ul li.menu-item-has-children a { padding-right: 20px; }
  .main-nav ul li:hover > ul li.menu-item-has-children > a:after { top: 12px; right: 20px; width: 6px; height: 10px; top: 40%; background: url(assets/svg/arrow-right.svg) no-repeat; background-size: 6px 10px; }
  .main-nav ul li:hover > ul li:hover > ul { left: 300px; padding: 20px 0; top: -20px; }
  .main-nav ul li:hover > ul a { display: block; padding: 7px 25px; color: #929296; }
  .main-nav ul li:hover > ul a:before { display: none; }
  .main-nav ul li:hover > ul a:hover { color: #00a8d8; } }

.post-type-archive-case_study .main-nav li.nav-applications a, .post-type-archive-application .main-nav li.nav-applications a, .single-case_study .main-nav li.nav-applications a, .single-application .main-nav li.nav-applications a { color: #00a8d8; }

.post-type-archive-case_study .main-nav li.nav-applications a:before, .post-type-archive-application .main-nav li.nav-applications a:before, .single-case_study .main-nav li.nav-applications a:before, .single-application .main-nav li.nav-applications a:before { content: ''; display: block; width: 6px; height: 6px; margin: 0 auto; background: #00a8d8; border-radius: 100%; vertical-align: middle; margin-top: -40px; margin-bottom: 10px; }

.post-type-archive-case_study .main-nav li.nav-applications.menu-item-has-children > a:after, .post-type-archive-application .main-nav li.nav-applications.menu-item-has-children > a:after, .single-case_study .main-nav li.nav-applications.menu-item-has-children > a:after, .single-application .main-nav li.nav-applications.menu-item-has-children > a:after { top: 25%; }

.post-type-archive-product .main-nav li.nav-products > a, .tax-product_category .main-nav li.nav-products > a, .single-product .main-nav li.nav-products > a { color: #00a8d8; }

.post-type-archive-product .main-nav li.nav-products > a:before, .tax-product_category .main-nav li.nav-products > a:before, .single-product .main-nav li.nav-products > a:before { content: ''; display: block; width: 6px; height: 6px; margin: 0 auto; background: #00a8d8; border-radius: 100%; vertical-align: middle; margin-top: -40px; margin-bottom: 10px; }

.post-type-archive-product .main-nav li.nav-products.menu-item-has-children > a:after, .tax-product_category .main-nav li.nav-products.menu-item-has-children > a:after, .single-product .main-nav li.nav-products.menu-item-has-children > a:after { top: 25%; }

.single-post .main-nav li.nav-blog > a { color: #00a8d8; }

.single-post .main-nav li.nav-blog > a:before { content: ''; display: block; width: 6px; height: 6px; margin: 0 auto; background: #00a8d8; border-radius: 100%; vertical-align: middle; margin-top: -40px; margin-bottom: 10px; }

.single-post .main-nav li.nav-blog.menu-item-has-children > a:after { top: 25%; }

li.nav-search a { padding-right: 22px; background: url(assets/svg/icon-search.svg) 100% 50% no-repeat; background-size: 14px 14px; }

.header-contact { background: #00a8d8; padding: 15px; color: #fff; text-align: center; }

@media screen and (min-width: 68.75em) { .header-contact { /* 1100px */ width: 200px; padding: 0; position: absolute; top: 0; right: 0; height: 100%; } }

.header-contact a, .header-contact a:hover { color: #fff; }

.header-contact .header-contact__title { padding-right: 8px; }

@media screen and (min-width: 68.75em) { .header-contact .header-contact__title { /* 1100px */ padding: 20px 10px; display: block; background: #007ea2; } }

@media screen and (min-width: 68.75em) { .header-contact { /* 1100px */ }
  .header-contact .header-contact__tel { padding: 20px 10px; display: block; background: #00a8d8; } }

/* ========================================================================== Footer ========================================================================== */
.footer { position: relative; z-index: 2; padding: 20px; text-align: center; background: #25262e; color: #fff; font-size: 15px; font-size: 1.5rem; }

.footer a { color: #fff; }

.footer a:hover { color: #fff; opacity: 0.7; }

.footer small { font-size: 100%; }

@media screen and (min-width: 46.25em) { .footer { /* 740px */ text-align: left; padding: 40px 20px; } }

@media screen and (min-width: 46.25em) { /* 740px */
  .footer__left { display: inline-block; vertical-align: top; width: 60%; text-align: left; }
  .footer__right { display: inline-block; vertical-align: top; width: 39%; text-align: right; padding-left: 40px; } }

.footer-nav { padding: 10px 0; margin: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

@media screen and (min-width: 46.25em) { .footer-nav { /* 740px */ border: none; padding: 0; margin: 15px 0 0 0; } }

.footer-nav li { display: inline-block; }

.footer-nav li a { display: inline-block; padding: 4px; }

@media screen and (min-width: 58.75em) { /* 940px */
  .footer-nav li:before { content: ' | '; opacity: .5; }
  .footer-nav li:first-child:before { display: none; }
  .footer-nav li:first-child a { padding-left: 0; } }

/* ========================================================================== Hero Images ========================================================================== */
.hero { position: relative; background-size: cover; text-align: center; padding: 50px 30px; background-color: #111216; }

@media screen and (min-height: 37.5em) { .hero { /* 600px */ padding: 75px 30px; } }

@media screen and (min-height: 43.75em) { .hero { /* 700px */ padding: 100px 30px; } }

.hero.no-image { padding: 25px 30px; }

@media screen and (min-height: 37.5em) { .hero.no-image { /* 600px */ padding: 40px 30px; } }

.hero h1, .hero h2, .hero .meta, .hero .btn { color: #fff; position: relative; z-index: 2; opacity: 1; }

.hero .btn { margin-top: 10px; }

.hero:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: .4; }

.hero .meta time { color: #fff; text-transform: uppercase; font-weight: 700; display: block; margin-top: 8px; }

/* ========================================================================== Content Area ========================================================================== */
.main { background: #fff; display: inline-block; width: 100%; }

.content { display: inline-block; width: 100%; }

@media screen and (min-width: 75em) { .content { /* 1200px */ padding-top: 40px; padding-bottom: 20px; } }

.content-inner { padding: 20px; }

@media screen and (min-width: 63.75em) { .content-inner { /* 1020px */ padding: 40px; } }

/* ========================================================================== Breadcrumb ========================================================================== */
.breadcrumb { background: #1b1c22; color: #f7f7f7; padding: 10px 20px; font-size: 14px; font-size: 1.4rem; }

@media screen and (min-width: 45em) { .breadcrumb { /* 720px */ font-size: 16px; font-size: 1.6rem; } }

@media screen and (min-width: 75em) { .breadcrumb { /* 1200px */ padding: 10px 40px; } }

.breadcrumb li { display: inline-block; }

.breadcrumb li:before { content: ' > '; color: #fff; }

.breadcrumb li:first-child:before { content: ''; }

.breadcrumb a { color: #fff; }

.breadcrumb a:hover { color: #fff; opacity: 0.7; }

/* ========================================================================== Sharer ========================================================================== */
.article-sharer { text-align: center; background: #1b1c22; padding: 20px; display: inline-block; width: 100%; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 20px; font-size: 2rem; }

@media screen and (min-width: 57.5em) { .article-sharer { /* 920px */ font-size: 24px; font-size: 2.4rem; } }

@media screen and (min-width: 75em) { .article-sharer { /* 1200px */ margin-bottom: -20px; }
  .article-sharer + .blog-navigation { margin-top: 19px; } }

.article-sharer a { color: #fff; display: inline-block; }

.article-sharer a.sharer { padding: 10px 10px 10px 28px; }

.article-sharer a.sharer.sharer--twitter { background: url(assets/svg/icon-twitter.svg) 0 50% no-repeat; background-size: 22px 18px; }

.article-sharer a.sharer.sharer--facebook { background: url(assets/svg/icon-facebook.svg) 0 50% no-repeat; background-size: 12px 23px; padding-left: 20px; }

.article-sharer a.sharer.sharer--googleplus { background: url(assets/svg/icon-googleplus.svg) 0 50% no-repeat; background-size: 32px 21px; padding-left: 36px; }

.article-sharer a.sharer.sharer--linkedin { background: url(assets/svg/icon-linkedin.svg) 0 50% no-repeat; background-size: 21px 20px; }

.article-sharer a:hover { opacity: 0.7; }

.article-sharer .sharer-title { display: block; }

@media screen and (min-width: 67.5em) { .article-sharer .sharer-title { /* 1080px */ display: inline-block; padding-right: 30px; } }

@media screen and (min-width: 67.5em) { .article-sharer { /* 1080px */ text-align: left; } }

@media screen and (min-width: 75em) { .article-sharer { /* 1200px */ padding-left: 40px; } }

/* ========================================================================== Contact ========================================================================== */
#map { margin-bottom: 20px; }

@media screen and (min-width: 42.5em) { /* 680px */
  .form-left { display: inline-block; vertical-align: top; width: 49%; }
  .form-right { display: inline-block; vertical-align: top; width: 50%; padding-left: 30px; margin-top: 35px; } }

/* ========================================================================== Video ========================================================================== */
@media screen and (min-width: 42.5em) { /* 680px */
  .content .btn-video { max-width: 700px; padding-bottom: 28.25%; margin-bottom: 30px; } }

.btn-video { display: none; text-indent: -99999em; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 48.25%; padding-top: 25px; position: relative; }

@media screen and (min-width: 42.5em) { .btn-video { /* 680px */ display: block; } }

.btn-video:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(assets/svg/icon-play.svg) center center no-repeat rgba(0, 0, 0, 0.7); }

.btn-video:hover:after { opacity: .6; }

@media screen and (min-width: 42.5em) { .video-content { /* 680px */ display: none; } }

.video-wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

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

/* ========================================================================== Overlay ========================================================================== */
.overlay-mask, .overlay, .overlay-content, .overlay-mask.active, .overlay.active, .overlay-content.active { -o-transition: opacity 1.25s ease-in-out; -webkit-transition: opacity 1.25s ease-in-out; -moz-transition: opacity 1.25s ease-in-out; transition: opacity 1.25s ease-in-out; }

.overlay-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.77); z-index: 99; display: none; opacity: 0; }

.overlay-mask.active { display: block; opacity: 1; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; opacity: 0; color: #fff; }

.overlay .overlay-content { text-align: center; display: none; vertical-align: middle; position: relative; opacity: 0; }

.overlay .overlay-content .overlay-content-hold { max-width: 800px; margin: 0 auto; position: relative; }

.overlay.active { display: table; opacity: 1; }

.overlay.active .overlay-content { display: table-cell; opacity: 1; }

.overlay-close { position: absolute; top: -20px; right: 0; text-transform: uppercase; font-weight: 700; color: #fff; font-size: 19px; font-size: 1.9rem; padding-right: 20px; background: url(assets/svg/icon-cross.svg) 100% 50% no-repeat; background-size: 14px 14px; }

.overlay-close:hover { color: #fff; opacity: .7; }

/* ========================================================================== Header Search ========================================================================== */
.header-search-mobile { padding-right: 22px; background: url(assets/svg/icon-search.svg) 50% 50% no-repeat; background-size: 14px 14px; text-indent: -9999em; position: absolute; top: 0; right: 40px; z-index: 99999; display: block; width: 46px; height: 46px; }

@media screen and (min-width: 50em) { .header-search-mobile { /* 800px */ display: none; } }

.header-inner { position: relative; }

.header-search { display: none; margin-top: -80px; min-height: 170px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background: #25262e; color: #929296; text-align: left; padding: 20px; }

.header-search.active { display: inline-block; }

.header-search input[type="text"] { background: #25262e; color: #fff; border: none; border-bottom: 1px solid #abadaf; padding: 10px; font-size: 18px; font-size: 1.8rem; }

.header-search input[type="text"]:hover, .header-search input[type="text"]:focus, .header-search input[type="text"]:active { background: #25262e; border-color: #00a8d8; color: #fff; }

.header-search ::-webkit-input-placeholder { color: #fff; }

.header-search :-moz-placeholder { /* Firefox 18- */ color: #fff; }

.header-search ::-moz-placeholder { /* Firefox 19+ */ color: #fff; }

.header-search :-ms-input-placeholder { color: #fff; }

@media screen and (min-width: 22.5em) { .header-search { /* 360px */ margin-top: -60px; } }

@media screen and (min-width: 50em) { .header-search { /* 800px */ margin-top: 0; min-height: 0; table-layout: fixed; width: 72%; height: 100%; padding: 10px 20px; left: 28%; border-left: 1px solid #abadaf; }
  .header-search input[type="text"] { padding: 5px 0; border: none; font-size: 20px; font-size: 2rem; }
  .header-search .header-search-products { padding-top: 0; font-size: 14px; font-size: 1.4rem; }
  .header-search .header-search-fields, .header-search .header-search-submit { display: table-cell; }
  .header-search .header-search-fields { width: 75%; }
  .header-search .header-search-submit { text-align: right; width: 146px; }
  .header-search .header-search-submit .header-search-button { position: absolute; top: 0; right: 0; height: 100%; } }

@media screen and (min-width: 53.75em) { .header-search { /* 860px */ }
  .header-search .header-search-fields { width: 77.5%; }
  .header-search .header-search-fields { padding-top: 13px; } }

@media screen and (min-width: 61.25em) { .header-search { /* 980px */ }
  .header-search .header-search-fields { width: 79.5%; }
  .header-search .header-search-fields { padding-top: 20px; } }

@media screen and (min-width: 63.75em) { .header-search { /* 1020px */ }
  .header-search .header-search-fields { width: 78%; } }

@media screen and (min-width: 64.375em) { .header-search { /* 1030px */ }
  .header-search .header-search-fields { width: 78.5%; } }

@media screen and (min-width: 65em) { .header-search { /* 1040px */ }
  .header-search .header-search-fields { width: 79%; } }

@media screen and (min-width: 68.75em) { .header-search { /* 1100px */ }
  .header-search .header-search-fields { width: 75%; } }

@media screen and (min-width: 71.25em) { .header-search { /* 1140px */ }
  .header-search .header-search-fields { width: 76%; } }

@media screen and (min-width: 72.5em) { .header-search { /* 1160px */ }
  .header-search .header-search-fields { width: 77%; } }

@media screen and (min-width: 73.75em) { .header-search { /* 1180px */ }
  .header-search .header-search-fields { width: 77.5%; } }

@media screen and (min-width: 75em) { .header-search { /* 1200px */ }
  .header-search .header-search-fields { width: 78%; } }

@media screen and (min-width: 76.875em) { .header-search { /* 1230px */ }
  .header-search .header-search-fields { width: 78.5%; } }

@media screen and (min-width: 78.75em) { .header-search { /* 1260px */ }
  .header-search .header-search-fields { width: 78.5%; } }

.header-search-products { padding: 10px 0; }

.header-search-products input[type="checkbox"] { vertical-align: middle; position: relative; top: -1px; margin-left: 0; }

.search-type { visibility: hidden; }

.search-type + span { width: 14px; height: 14px; content: ''; margin-left: -8px; border: 2px solid #929397; border-radius: 4px; display: inline-block; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; top: -1px; }

.search-type:checked + span { background: url(assets/svg/icon-checkbox-checked.svg) 50% no-repeat; background-size: 14px 14px; }

.header-search-close { display: block; width: 44px; height: 44px; background: url(assets/svg/icon-cross.svg) 80% 20% no-repeat; background-size: 12px 12px; display: block; position: absolute; top: 8px; right: 12px; }

@media screen and (min-width: 50em) { .header-search-close { /* 800px */ top: 10px; right: 160px; } }

@media screen and (min-width: 63.75em) { .header-search-close { /* 1020px */ right: 192px; } }

.header-search-close span { position: absolute; left: -9999em; }

/* ========================================================================== Sitemap ========================================================================== */
.sitemap ul > li { font-weight: 700; font-size: 24px; font-size: 2.4rem; }

.sitemap ul > li li.sub-sitemap { font-weight: 700; font-size: 20px; font-size: 2rem; }

.sitemap ul > li > ul > li { font-weight: 400; font-size: 18px; font-size: 1.8rem; }

/* ========================================================================== WordPress Defaults ========================================================================== */
.alignnone { margin: 5px 0 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.aligncenter, div.aligncenter, .aligncenter { display: block; margin: 5px auto; clear: both; }

.alignright, a img.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft, a img.alignleft { float: left; margin: 5px 20px 20px 0; }

.wp-caption.aligncenter { text-align: center; }

.wp-caption.alignleft { text-align: left; }

.wp-caption.alignright { text-align: right; }

.sticky, .wp-caption-text { background: transparent; }

.gallery-caption { font-style: normal; font-size: 80%; }

.bypostauthor .avatar { border-color: #ccc; }

.wp-caption { padding: 10px; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); display: inline-block; }

.wp-caption img { border: 1px solid #ccc; }

.wp-caption p { margin: 0; padding: 0; }

/* calendar widget */
#wp-calendar { width: 85%; margin: 0 auto; max-width: 400px; font-size: 13px; font-size: 1.3rem; font-family: 'Lato', Arial, Verdana, sans-serif; font-weight: 900; }

#wp-calendar caption { text-align: center; font-size: 18px; font-size: 1.8rem; margin-top: 10px; margin-bottom: 15px; }

#wp-calendar thead { font-size: 13px; font-size: 1.3rem; }

#wp-calendar thead th, #wp-calendar td { border: none; }

#wp-calendar thead th { padding-bottom: 10px; font-weight: 700; text-align: center; padding: 8px; background: none; border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

#wp-calendar tbody { color: #414141; }

table#wp-calendar td { background: none; }

#wp-calendar tbody td { background: none; border: none; text-align: center; padding: 5px; }

#wp-calendar td a { background: #ccc; display: inline-block; border-radius: 50px; color: #000; display: block; margin: auto; padding: 4px; border-radius: 50px; width: 25px; height: 25px; line-height: 19px; margin-top: -2px; }

#wp-calendar td#today { position: relative; padding-top: 6px; }

#wp-calendar td#today:before { position: absolute; left: 0; top: 0; content: ''; display: block; margin: 2px auto 0 auto; border-radius: 50px; padding: 0; width: 28px; height: 25px; line-height: 20px; color: #000; }

#wp-calendar tfoot a { display: inline-block; padding: 0; background: none; color: #fff; }

#wp-calendar tbody tr td.pad:hover { background: none; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 12px; font-size: 1.2rem; text-transform: uppercase; text-align: right; white-space: nowrap; }

#wp-calendar tfoot #prev a { font-size: 12px; font-size: 1.2rem; text-transform: uppercase; color: #fff; white-space: nowrap; }

.block { display: inline-block; width: 100%; background: #fff; }

.block:nth-of-type(2n):not(.block--cta) .block__title-bar { background: #006b8a; }

.block:nth-of-type(2n) { background: #f7f7f7; }

.block:nth-of-type(2n) .block__title-bar:after { background-color: rgba(0, 0, 0, 0.25); }

.block h3 { margin-bottom: 15px; }

.block-product__buttons { margin-top: 30px; }

.block-product__buttons .btn { display: block; margin-bottom: 10px; text-align: center; }

.block-product__buttons .btn:last-of-type { margin-bottom: 0; }

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

@media screen and (min-width: 50em) { .block-image--text { /* 800px */ text-align: left; } }

@media screen and (min-width: 50em) { /* 800px */
  .block-product__left { display: inline-block; width: 72%; vertical-align: top; padding-right: 20px; }
  .block-product__left .block__left { width: 34%; }
  .block-product__left .block__right { width: 65%; }
  .price { float: right; } }

@media screen and (min-width: 50em) and (min-width: 75em) { .price { /* 1200px */ margin-right: 40px; } }

@media screen and (min-width: 50em) { .block-product__buttons { display: inline-block; width: 27%; vertical-align: top; margin-top: 0; }
  .block-holder { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
  .ie9 .block { display: inline-block; background-color: #fff; margin-right: -4px; }
  .ie9 .block-holder { display: inline-block; width: 100%; background-color: #fff; }
  .ie9 .block-intro { min-height: 400px; }
  .block--one-third { width: 33.33333%; vertical-align: top; }
  .block--two-third { width: 66.66666%; vertical-align: top; }
  .block--one-half { width: 50%; vertical-align: top; }
  .block__left { width: 42.3333%; display: inline-block; vertical-align: top; }
  .block__left .block-image--image img { margin: 0; }
  .block__right { width: 55.66666%; padding-left: 20px; display: inline-block; vertical-align: top; } }

.block__title-bar { position: relative; padding: 20px; padding-right: 80px; background: #00a8d8; color: #fff; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; }

@media screen and (min-width: 66.25em) { .block__title-bar { /* 1060px */ font-size: 21px; font-size: 2.1rem; } }

@media screen and (min-width: 75em) { .block__title-bar { /* 1200px */ padding: 21px 80px 21px 40px; } }

.block__title-bar:after { content: ''; display: block; position: absolute; background: url(assets/svg/arrow-right.svg) 50% 50% no-repeat rgba(0, 0, 0, 0.2); background-size: 10px 16px; right: 0; top: 0; height: 100%; width: 60px; }

.block__title-bar.block__title-bar--no-link { padding-right: 20px; }

.block__title-bar.block__title-bar--no-link:after { display: none; }

.block__inner { padding: 20px; width: 100%; display: inline-block; }

@media screen and (min-width: 75em) { .block__inner { /* 1200px */ padding: 30px 40px 20px 40px; } }

.block__inner .btn { margin-bottom: 20px; }

.block-image--image img { margin: 0 auto 10px auto; display: block; }

@media screen and (min-width: 50em) { .block-image--image img { /* 800px */ margin-left: 0; } }

.block--cta h4 { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; }

.block--cta .block__title-bar { background: #f9632f; }

.block-intro, .ie9 .block-intro { position: relative; color: #fff; background: #00a8d8; }

.block-intro .block__inner, .ie9 .block-intro .block__inner { padding-top: 30px; position: relative; z-index: 2; }

.block-overlay { background-size: cover; background-position: center center; }

.block-overlay:before { content: ''; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: .7; }

.block--applications, .block__title-bar--applications, .ie9 .block--applications, .ie9 .block__title-bar--applications { background: #006b8a; }

@media screen and (min-width: 87.5em) { /* 1400px */
  .block-product__left { width: 77%; }
  .block-product__left .block__left { width: 19%; }
  .block-product__left .block__right { width: 78%; }
  .block-product__buttons { width: 22%; } }

.block--team h4 { font-size: 22px; font-size: 2.2rem; }

.block--team h5 { font-size: 19px; font-size: 1.9rem; color: #929296; }

@media screen and (min-width: 50em) { .block--team { /* 800px */ }
  .block--team .flex-control-nav, .block--team .flex-direction-nav { width: 42.3333%; }
  .block--team .flex-direction-nav { bottom: auto; top: 0; padding-top: 95%; }
  .block--team .flex-control-nav { bottom: auto; top: 0; padding-top: 47%; } }

.block-team--text { margin-top: 20px; text-align: center; }

@media screen and (min-width: 50em) { .block-team--text { /* 800px */ text-align: left; margin-top: 0; } }

@media screen and (min-width: 68.75em) { /* 1100px */
  .block-contact__left, .block-contact__right { display: inline-block; width: 49.555%; vertical-align: top; }
  .block-contact__left { padding-right: 20px; }
  .text--mandatory { float: left; }
  .form-submit { float: right; } }

.application-item img { display: block; margin: 0 auto 20px auto; }

.block-holder .textwidget { padding: 20px 40px; }

.block .flex-control-nav { display: none; }

.btn, input[type="submit"] { position: relative; display: inline-block; border: none; -webkit-appearance: none; background: #f9632f; color: #fff; padding: 10px 15px 13px 15px; box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.5); font-weight: 700; text-transform: uppercase; background-repeat: no-repeat; font-size: 14px; font-size: 1.4rem; }

@media screen and (min-width: 63.75em) { .btn, input[type="submit"] { /* 1020px */ font-size: 16px; font-size: 1.6rem; padding: 15px 25px 19px 25px; box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.3); } }

.btn:hover, input[type="submit"]:hover { color: #fff; top: 2px; box-shadow: inset 0 0 0 0 transparent; }

@media screen and (min-width: 63.75em) { .btn:hover, input[type="submit"]:hover { /* 1020px */ top: 3px; } }

.btn.blue, input[type="submit"].blue { background: #00a8d8; }

.btn.small, input[type="submit"].small { padding: 10px 15px 13px 15px; }

.btn--tertiary { background: #00a8d8; font-size: 14px; font-size: 1.4rem; padding: 10px 15px 13px 15px; }

.btn--pdf { padding-right: 55px; background-image: url(assets/svg/icon-pdf.svg); background-position: 89% 50%; }

/* ========================================================================== 0.Forms ========================================================================== */
::-webkit-input-placeholder { color: #25262e; }

:-moz-placeholder { /* Firefox 18- */ color: #25262e; }

::-moz-placeholder { /* Firefox 19+ */ color: #25262e; }

:-ms-input-placeholder { color: #25262e; }

input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], textarea { background-color: #fff; border: 1px solid #abadaf; border-radius: 0; -webkit-appearance: none; outline: none; width: auto; padding: 10px 15px; font-weight: 400; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; color: #25262e; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

input[type="text"]:required, input[type="url"]:required, input[type="email"]:required, input[type="tel"]:required, input[type="password"]:required, input[type="search"]:required, textarea:required { box-shadow: none; }

input[type="text"]:hover, input[type="url"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, textarea:hover { color: #25262e; background-color: rgba(0, 0, 0, 0.05); }

input[type="text"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #25262e; box-shadow: none; background-color: rgba(0, 0, 0, 0.09); }

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

select { width: 100%; }

input.searchsubmit, input[type="submit"].searchsubmit { display: none; }

.sidebar { background: #f7f7f7; padding: 30px 20px; }

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

.sidebar ul li a { text-transform: uppercase; font-size: 19px; font-size: 1.9rem; font-weight: 700; display: block; padding: 8px 5px; position: relative; }

.sidebar ul li.current-menu-item a { color: #006b8a; }

.sidebar ul li.current-menu-item a:after { content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 20px; background: #006b8a; border-radius: 100%; vertical-align: middle; position: relative; top: -2px; }

.sidebar .widget { margin-bottom: 40px; }

.sidebar .widget:last-of-type { margin-bottom: 0; }

.sidebar .widget:not(.widget_nav_menu) li { padding: 0; }

.sidebar .widget:not(.widget_nav_menu) a { font-size: 15px; font-size: 1.5rem; padding: 4px 0; }

@media screen and (min-width: 57.5em) { /* 920px */
  .subpage-hold { width: 100%; display: table; table-layout: fixed; direction: rtl; }
  .sidebar { display: table-cell; width: 316px; vertical-align: top; direction: ltr; padding-top: 55px; padding-bottom: 60px; }
  .sidebar ul li a { padding-right: 10px; }
  .sidebar ul li.current-menu-item a:after { top: 50%; position: absolute; right: 0; margin-top: -4px; }
  .subpage-hold .content { background-color: #fff; display: table-cell; vertical-align: top; direction: ltr; }
  .subpage-hold .content .content-inner { padding-top: 20px; } }

@media screen and (min-width: 93.75em) { /* 1500px */
  .sidebar { width: 416px; padding: 60px; } }

@media screen and (min-width: 100em) { /* 1600px */
  .sidebar { width: 466px; } }

@media screen and (min-width: 106.25em) { /* 1700px */
  .sidebar { width: 506px; } }

.team { margin-top: 50px; }

.team__member { display: inline-block; width: 100%; text-align: center; padding: 15px 0; }

.team-member-image img { display: block; margin: 10px auto; }

.team-member-details h4 { font-size: 24px; font-size: 2.4rem; margin-bottom: 4px; }

.team-member-details h4 + p { margin-top: 0; }

.team-member-details h5 { font-size: 20px; font-size: 2rem; color: #929296; }

@media screen and (min-width: 40em) { /* 640px */
  .team__member { display: table; }
  .team__member.no-image .team-member-details { padding: 0; }
  .team__member:nth-of-type(even) { direction: rtl; }
  .team__member:nth-of-type(even) .team-member-details { padding-left: 0; padding-right: 30px; }
  .team-member-image { display: table-cell; vertical-align: top; width: 150px; }
  .team-member-image img { margin: 0; }
  .team-member-details { display: table-cell; vertical-align: top; text-align: left; padding-left: 30px; } }

@media screen and (min-width: 46.25em) { /* 740px */
  .team-member-image { width: 200px; } }

@media screen and (min-width: 68.75em) { /* 1100px */
  .team-member-image { width: 250px; } }

@media screen and (min-width: 81.25em) { /* 1300px */
  .team-member-image { width: 300px; } }

.page-faqs { padding-top: 30px; }

.page-faqs ol li, .page-faqs ul li { margin-bottom: 10px; }

.page-faqs ol li:last-of-type, .page-faqs ul li:last-of-type { margin-bottom: 0; }

.faq--title, .content h2.faq--title { margin-bottom: 0; color: #fff; font-size: 19px; font-size: 1.9rem; margin-bottom: 5px; }

.content .faq h2.faq--title { margin-bottom: 0; }

.faq__content { margin-top: -5px; margin-bottom: 10px; background-color: #f7f7f7; padding: 20px; }

.accordion-toggle { cursor: pointer; }

.accordion-content { display: none; }

.accordion-content.open { display: block; }

h2.faq--title.accordion-toggle:after { background-image: url(assets/svg/arrow-down.svg); background-size: 16px 10px; }

h2.faq--title.accordion-toggle.open:after { background-image: url(assets/svg/arrow-up.svg); background-size: 16px 10px; }

.category-description { padding-top: 10px; }

.testimonial + .testimonial { margin-top: 50px; padding-top: 40px; border-top: 1px solid #e0e0e1; }

.testimonial__blockquote { font-weight: 700; font-size: 23px; font-size: 2.3rem; }

.testimonial__blockquote cite { font-weight: 400; font-size: 19px; font-size: 1.9rem; display: block; text-align: right; padding: 0 0 10px 0; }

.testimonial__blockquote cite:before { content: '— '; color: #929296; }

.testimonial__description { margin-top: 10px; color: #929296; font-size: 17px; font-size: 1.7rem; }

.testimonial__logo { text-align: center; }

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

.testimonial-logo-description { display: table; width: 100%; table-layout: fixed; margin-top: 10px; }

.testimonial-logo-description .testimonial__description { margin-top: 0; display: table-cell; vertical-align: top; width: 83%; padding-left: 20px; }

.testimonial-logo-description .testimonial__logo { display: table-cell; width: 17%; vertical-align: top; }

@media screen and (min-width: 64.0625em) { /* 1025px */
  .header-sticky { margin-top: 113px; }
  .header-sticky .masthead { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; } }

@media screen and (min-height: 48.75em) { /* 780px */
  .homepage--hero { padding-top: 90px; padding-bottom: 90px; } }

@media screen and (min-height: 67.5em) { /* 1080px */
  .homepage--hero { padding-top: 150px; padding-bottom: 150px; } }

.flexslider { position: relative; margin-bottom: 40px; }

.block-video { margin-bottom: 10px; }

.product-article { margin-top: -40px; padding-top: 0; }

@media screen and (min-width: 63.75em) { .product-article { /* 1020px */ margin-top: -80px; } }

.content-product h1 { margin-bottom: 0; }

.product-introduction { display: inline-block; width: 100%; }

.product-price { color: #929296; font-size: 17.5px; font-size: 1.75rem; font-weight: 700; margin-top: 4px; }

.product-image img { margin: 10px auto; display: block; }

.product-image iframe { margin-top: 20px; max-width: 100%; }

.product-features { background: #f7f7f7; padding: 25px 20px; margin-top: 40px; }

@media screen and (min-width: 75em) { .product-features { /* 1200px */ padding: 35px 30px; } }

.product-features h2 { margin-bottom: 12px; }

.product-features ul { padding: 0; margin: 0; list-style-type: none; }

.product-features ul li { padding-left: 35px; line-height: 1.2; margin-top: 13px; position: relative; }

@media screen and (min-width: 63.75em) { .product-features ul li { /* 1020px */ font-size: 20px; font-size: 2rem; } }

.product-features ul li:first-child { margin-top: 0; }

.product-features ul li:before { content: ' '; display: inline-block; position: absolute; top: 6px; left: 0; width: 25px; height: 18px; background: url(assets/svg/icon-tick.svg) 0 0 no-repeat; }

.product-nav { position: relative; z-index: 9; background: #007ea2; text-align: center; }

.product-nav.product-nav-scrolled { position: fixed; top: 0; left: 0; width: 100%; }

.product-nav li { display: inline-block; }

.product-nav li a { display: inline-block; padding: 10px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 15px; }

@media screen and (min-width: 65em) { .product-nav li a { /* 1040px */ padding: 15px; } }

.product-nav li a:hover, .product-nav li a.active { color: #fff; background: #006b8a; }

.js .product-nav { position: fixed; bottom: 0; left: 0; width: 100%; }

.product-section { margin-top: 20px; }

.product-section.product-section-scrolled { padding-top: 100px; }

.product-section.product-section-scrolled.product-faqs { padding-bottom: 120px; }

.header-sticky .product-section { padding-top: 20px; }

.product-downloads { padding: 20px; background: #e5f6fb; color: #25262e; }

.product-downloads.downloads-page { background: transparent; }

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

.product-downloads ul li a { font-weight: 700; display: inline-block; padding: 5px; }

.product-downloads ul li a[href$=".pdf"]:before { content: '  '; display: inline-block; padding-right: 4px; background: url(assets/svg/icon-pdf-black.svg) 0 0 no-repeat; position: relative; top: 5px; width: 25px; height: 29px; }

@media screen and (min-width: 55em) { .product-downloads ul li a[href$=".pdf"]:before { /* 880px */ background-position: 0 3px; } }

.product-related { margin-bottom: -40px; }

.product-related .content { padding-top: 0; padding-bottom: 0; text-align: center; }

@media screen and (min-width: 45em) { /* 720px */
  .product-summary { float: right; width: 52%; }
  .product-image { float: left; width: 48%; }
  .product-image iframe { margin-top: 5px; max-width: 96%; } }

@media screen and (min-width: 65em) { /* 1040px */
  .product-introduction { float: left; width: 65%; padding-right: 30px; padding-bottom: 50px; }
  .product-features { float: right; width: 35%; margin-top: 0; } }

@media screen and (min-width: 90em) { /* 1440px */
  .product-summary { width: 58%; }
  .product-image { width: 42%; }
  .product-introduction { width: 70%; }
  .product-features { width: 30%; } }

.product-faqs { text-align: center; padding: 30px; padding-bottom: 70px; background-color: #f7f7f7; }

.product-faqs h2 { padding-top: 170px; background: url(assets/svg/books.svg) top center no-repeat; background-size: 212px 136px; }

.post-date { color: #929296; display: block; margin-bottom: 15px; }

.post h3 { margin-bottom: 0; }

.post-archive { border-bottom: 1px solid #abadaf; margin-bottom: 40px; }

.post-archive:last-of-type { border-bottom: 0; }

.blog-navigation { border-top: 1px solid #abadaf; padding: 20px; text-transform: uppercase; font-weight: 700; font-size: 18px; font-size: 1.8rem; }

@media screen and (min-width: 63.75em) { .blog-navigation { /* 1020px */ padding: 40px 40px 20px 40px; }
  .blog-navigation + .article-sharer { margin-top: 20px; } }

.blog-navigation ul { display: table; width: 100%; }

.blog-navigation li { display: table-cell; width: 50%; text-align: right; }

.blog-navigation .nav-prev { text-align: left; }

.inactive { opacity: .5; }

.post-image { margin-bottom: 15px; }

@media screen and (min-width: 63.75em) { /* 1020px */
  .post-archive { display: table; width: 100%; table-layout: fixed; }
  .post-archive:nth-last-of-type(even):not(.no-image) { direction: rtl; }
  .post-archive:nth-last-of-type(even):not(.no-image) .post-content { direction: ltr; padding-left: 0; padding-right: 30px; }
  .post-archive .post-image { display: table-cell; vertical-align: top; width: 400px; }
  .post-archive .post-content:not(.no-image) { display: table-cell; vertical-align: top; }
  .post-archive:not(.no-image) .post-content { width: 800px; padding-left: 30px; } }

.comments-area { margin-top: 40px; padding-top: 40px; border-top: 1px solid #abadaf; display: inline-block; width: 100%; }

.meta { font-size: 14px; font-size: 1.4rem; }

.meta p { margin: 0; }

article.search-results { padding: 30px 20px; }

article.search-results ol { padding: 0; margin: 0; list-style: none; }

article.search-results ol li { padding: 0; margin: 20px 0 0 0; border-bottom: 1px solid #abadaf; }

article.search-results ol li:first-child { margin-top: 0; }

article.search-results h3 { font-size: 30px; font-size: 3rem; }

.search-summary { color: #929296; font-size: 16px; font-size: 1.6rem; }

.search-terms { font-weight: 700; padding: 2px; background: #fff5a3; color: #444; }

/* ========================================================================== Shortcodes ========================================================================== */
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; }

.one_third + .one_third { margin-top: 40px; }

.last { margin-right: 0 !important; clear: right; }

.clearboth { clear: both; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 100%; }

.clear { clear: both; display: block; width: 100%; float: left; }

@media screen and (min-width: 43.75em) { /* 700px */
  .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; }
  .one_half { width: 48%; }
  .one_third { width: 30.66%; }
  .one_third + .one_third { margin-top: 0; }
  .two_third { width: 65.33%; }
  .one_fourth { width: 22%; }
  .three_fourth { width: 74%; }
  .one_fifth { width: 16.8%; }
  .two_fifth { width: 37.6%; }
  .three_fifth { width: 58.4%; }
  .four_fifth { width: 67.2%; }
  .five_sixth { width: 82.67%; } }

@media screen and (min-width: 75em) { /* 1200px */
  .one_sixth { width: 13.33%; } }