/*

	THEME NAME: TBC Theme
	DESCRIPTION: This theme requires the TBC Framework plugin to be installed.
	AUTHOR: Thinkbox Creative
	AUTHOR URI: http://www.thinkboxcreative.com
	VERSION: 3.0

	THIS STYLESHEET HAS BEEN COMPILED USING SASS VIA CODEKIT
	DO NOT EDIT style.css DIRECTLY BUT MAKE EDITS TO style.scss

	COPYRIGHT 2015 THINKBOX CREATIVE

*/
@font-face { font-family: 'HelveticaNeueLTStd-LtCn'; src: url("fonts/helvetica-neue/3129E1_0_0.eot"); src: url("fonts/helvetica-neue/3129E1_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/helvetica-neue/3129E1_0_0.woff2") format("woff2"), url("fonts/helvetica-neue/3129E1_0_0.woff") format("woff"), url("fonts/helvetica-neue/3129E1_0_0.ttf") format("truetype"); }

@font-face { font-family: 'HelveticaNeueLTStd-MdCn'; src: url("fonts/helvetica-neue/3129E1_1_0.eot"); src: url("fonts/helvetica-neue/3129E1_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/helvetica-neue/3129E1_1_0.woff2") format("woff2"), url("fonts/helvetica-neue/3129E1_1_0.woff") format("woff"), url("fonts/helvetica-neue/3129E1_1_0.ttf") format("truetype"); }

@font-face { font-family: 'antoniobold'; src: url("fonts/antonio/antonio-bold-webfont.woff2") format("woff2"), url("fonts/antonio/antonio-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

dl, dt, dd, ol, ul, li { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote, q { quotes: none; }

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

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

a { outline: 0; }

.reset ul, ul.reset, .reset ul > li, ul.reset > li, .reset ol, ol.reset, .reset ol > li, ol.reset > li { list-style: none; margin: 0; padding: 0; }

/*	WORDPRESS CORE
========================================================================*/
.alignnone { margin: 2px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 10px auto 13px auto; }

.alignright { float: right; margin: 2px 0 25px 25px; }

.alignleft { float: left; margin: 2px 25px 25px 0; }

a img.alignright { float: right; margin: 2px 0 25px 25px; }

a img.alignnone { margin: 2px 25px 25px 0; }

a img.alignleft { float: left; margin: 2px 25px 25px 0; }

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

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.wp-editor-wrap a { height: auto; width: auto; }

.wp-editor-wrap * { box-sizing: content-box; }

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

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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; 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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@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, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -webkit-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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 bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
    transition-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% {
    transition-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-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% {
    transition-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% {
    transition-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% {
    transition-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% {
    transition-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% {
    transition-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% {
    transition-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% {
    transition-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% {
    transition-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-animation-duration: .75s; animation-duration: .75s; }

@-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);
    -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);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  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);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -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);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  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);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.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);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  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);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  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);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  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);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  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-animation-duration: .75s; animation-duration: .75s; -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-animation-duration: .75s; animation-duration: .75s; }

@-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-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

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

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

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

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

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

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

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

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

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

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

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

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

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

@keyframes rotateOut { 0% { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% { -webkit-transform-origin: center;
    transform-origin: center;
    -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% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -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% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -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% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -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% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -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);
    -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);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    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);
    -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);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  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: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@font-face { font-family: 'Timeout-Regular'; src: url("fonts/385BF9_1_0.eot"); src: url("fonts/385BF9_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/385BF9_1_0.woff2") format("woff2"), url("fonts/385BF9_1_0.woff") format("woff"), url("fonts/385BF9_1_0.ttf") format("truetype"); }

body { -webkit-font-smoothing: antialiased; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; font-size: 18px; color: #221f1f; }

@media only screen and (max-width: 767px) { body { font-size: 15px; } }

p, a, li, input, select, textarea, button { font-size: 18px; }

@media only screen and (max-width: 767px) { p, a, li, input, select, textarea, button { font-size: 15px; } }

h1, h2, h3, h4, h5, h6 { margin-bottom: .5em; line-height: 1em; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; }

h1 { font-size: 32px; }

@media only screen and (max-width: 480px) { h1 { font-size: 24px; } }

h2 { font-size: 26px; }

@media only screen and (max-width: 1159px) { h2 { font-size: 20px; } }

h3 { font-size: 22px; }

@media only screen and (max-width: 1159px) { h3 { font-size: 18px; } }

h4 { font-size: 18px; }

p { font-family: "HelveticaNeueLTStd-LtCn", sans-serif; }

input, select, textarea, button { font-family: "HelveticaNeueLTStd-LtCn", sans-serif; border: 1px solid #000; }

.btn, .tbc_feature_btn a, input[type="submit"], .tbc_feature_btn a, .paged-prev-next a { border: none; position: relative; background: #221f1f; color: white; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 18px; text-align: center; text-decoration: none; text-transform: uppercase; margin: 0; padding: 30px 42px 30px 117px; display: table; width: auto; cursor: pointer; line-height: 1em; -webkit-appearance: none; transition: background-color .5s ease-in; }

@media only screen and (max-width: 767px) { .btn, .tbc_feature_btn a, input[type="submit"], .tbc_feature_btn a, .paged-prev-next a { font-size: 15px; } }

.btn:before, .tbc_feature_btn a:before, input[type="submit"]:before, .tbc_feature_btn a:before, .paged-prev-next a:before { content: ''; width: 75px; height: 100%; background: black; display: block; position: absolute; left: 0; top: 0; padding-top: 23px; transition: all 0.3s ease-out; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; z-index: 2; }

.btn:after, .tbc_feature_btn a:after, input[type="submit"]:after, .tbc_feature_btn a:after, .paged-prev-next a:after { content: ''; position: absolute; width: 75px; height: 100%; top: 0; left: 0; background: #010101; z-index: 1; }

.btn:hover, .tbc_feature_btn a:hover, .btn.active, .tbc_feature_btn a.active, input[type="submit"]:hover, input[type="submit"].active, .tbc_feature_btn a:hover, .tbc_feature_btn a.active, .paged-prev-next a:hover, .paged-prev-next a.active { background: #010101; }

.btn:hover:before, .tbc_feature_btn a:hover:before, .btn.active:before, .tbc_feature_btn a.active:before, input[type="submit"]:hover:before, input[type="submit"].active:before, .tbc_feature_btn a:hover:before, .tbc_feature_btn a.active:before, .paged-prev-next a:hover:before, .paged-prev-next a.active:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.btn.green, .tbc_feature_btn a.green, input[type="submit"].green, .tbc_feature_btn a.green, .paged-prev-next a.green { background: #18ac5e; }

.btn.green:hover, .tbc_feature_btn a.green:hover, input[type="submit"].green:hover, .tbc_feature_btn a.green:hover, .paged-prev-next a.green:hover { background: #159752; }

.btn.green:before, .tbc_feature_btn a.green:before, input[type="submit"].green:before, .tbc_feature_btn a.green:before, .paged-prev-next a.green:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.green:after, .tbc_feature_btn a.green:after, input[type="submit"].green:after, .tbc_feature_btn a.green:after, .paged-prev-next a.green:after { background: #159752; }

.btn.red, .tbc_feature_btn a.red, input[type="submit"].red, .tbc_feature_btn a.red, .paged-prev-next a.red { background: #e5232e; color: white; }

.btn.red:hover, .tbc_feature_btn a.red:hover, input[type="submit"].red:hover, .tbc_feature_btn a.red:hover, .paged-prev-next a.red:hover { background: #c81f28; }

.btn.red:before, .tbc_feature_btn a.red:before, input[type="submit"].red:before, .tbc_feature_btn a.red:before, .paged-prev-next a.red:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.red:after, .tbc_feature_btn a.red:after, input[type="submit"].red:after, .tbc_feature_btn a.red:after, .paged-prev-next a.red:after { background: #c81f28; }

.btn.orange, .tbc_feature_btn a.orange, input[type="submit"].orange, .tbc_feature_btn a.orange, .paged-prev-next a.orange { background: #FA9D1C; color: white; }

.btn.orange:hover, .tbc_feature_btn a.orange:hover, input[type="submit"].orange:hover, .tbc_feature_btn a.orange:hover, .paged-prev-next a.orange:hover { background: #de8305; }

.btn.orange:before, .tbc_feature_btn a.orange:before, input[type="submit"].orange:before, .tbc_feature_btn a.orange:before, .paged-prev-next a.orange:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.orange:after, .tbc_feature_btn a.orange:after, input[type="submit"].orange:after, .tbc_feature_btn a.orange:after, .paged-prev-next a.orange:after { background: #de8305; }

.btn.yellow, .tbc_feature_btn a.yellow, input[type="submit"].yellow, .tbc_feature_btn a.yellow, .paged-prev-next a.yellow { background: #FBCA04; color: white; }

.btn.yellow:hover, .tbc_feature_btn a.yellow:hover, input[type="submit"].yellow:hover, .tbc_feature_btn a.yellow:hover, .paged-prev-next a.yellow:hover { background: #c9a203; }

.btn.yellow:before, .tbc_feature_btn a.yellow:before, input[type="submit"].yellow:before, .tbc_feature_btn a.yellow:before, .paged-prev-next a.yellow:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.yellow:after, .tbc_feature_btn a.yellow:after, input[type="submit"].yellow:after, .tbc_feature_btn a.yellow:after, .paged-prev-next a.yellow:after { background: #c9a203; }

.btn.brown, .tbc_feature_btn a.brown, input[type="submit"].brown, .tbc_feature_btn a.brown, .paged-prev-next a.brown { background: #753f00; color: white; }

.btn.brown:hover, .tbc_feature_btn a.brown:hover, input[type="submit"].brown:hover, .tbc_feature_btn a.brown:hover, .paged-prev-next a.brown:hover { background: #422400; }

.btn.brown:before, .tbc_feature_btn a.brown:before, input[type="submit"].brown:before, .tbc_feature_btn a.brown:before, .paged-prev-next a.brown:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.brown:after, .tbc_feature_btn a.brown:after, input[type="submit"].brown:after, .tbc_feature_btn a.brown:after, .paged-prev-next a.brown:after { background: #422400; }

.btn.blue, .tbc_feature_btn a.blue, input[type="submit"].blue, .tbc_feature_btn a.blue, .paged-prev-next a.blue { background: #0066a6; color: white; }

.btn.blue:hover, .tbc_feature_btn a.blue:hover, input[type="submit"].blue:hover, .tbc_feature_btn a.blue:hover, .paged-prev-next a.blue:hover { background: #004773; }

.btn.blue:before, .tbc_feature_btn a.blue:before, input[type="submit"].blue:before, .tbc_feature_btn a.blue:before, .paged-prev-next a.blue:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.blue:after, .tbc_feature_btn a.blue:after, input[type="submit"].blue:after, .tbc_feature_btn a.blue:after, .paged-prev-next a.blue:after { background: #004773; }

.btn.black, .tbc_feature_btn a.black, input[type="submit"].black, .tbc_feature_btn a.black, .paged-prev-next a.black { background: black; color: white; }

.btn.black:hover, .tbc_feature_btn a.black:hover, input[type="submit"].black:hover, .tbc_feature_btn a.black:hover, .paged-prev-next a.black:hover { background: black; }

.btn.black:before, .tbc_feature_btn a.black:before, input[type="submit"].black:before, .tbc_feature_btn a.black:before, .paged-prev-next a.black:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.black:after, .tbc_feature_btn a.black:after, input[type="submit"].black:after, .tbc_feature_btn a.black:after, .paged-prev-next a.black:after { background: black; }

.btn.crafted-red, .tbc_feature_btn a.crafted-red, input[type="submit"].crafted-red, .tbc_feature_btn a.crafted-red, .paged-prev-next a.crafted-red { background: #C9282D; color: white; }

.btn.crafted-red:hover, .tbc_feature_btn a.crafted-red:hover, input[type="submit"].crafted-red:hover, .tbc_feature_btn a.crafted-red:hover, .paged-prev-next a.crafted-red:hover { background: #9e2023; }

.btn.crafted-red:before, .tbc_feature_btn a.crafted-red:before, input[type="submit"].crafted-red:before, .tbc_feature_btn a.crafted-red:before, .paged-prev-next a.crafted-red:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.crafted-red:after, .tbc_feature_btn a.crafted-red:after, input[type="submit"].crafted-red:after, .tbc_feature_btn a.crafted-red:after, .paged-prev-next a.crafted-red:after { background: #9e2023; }

.btn.crafted-green, .tbc_feature_btn a.crafted-green, input[type="submit"].crafted-green, .tbc_feature_btn a.crafted-green, .paged-prev-next a.crafted-green { background: #5A8E22; color: white; }

.btn.crafted-green:hover, .tbc_feature_btn a.crafted-green:hover, input[type="submit"].crafted-green:hover, .tbc_feature_btn a.crafted-green:hover, .paged-prev-next a.crafted-green:hover { background: #406518; }

.btn.crafted-green:before, .tbc_feature_btn a.crafted-green:before, input[type="submit"].crafted-green:before, .tbc_feature_btn a.crafted-green:before, .paged-prev-next a.crafted-green:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.crafted-green:after, .tbc_feature_btn a.crafted-green:after, input[type="submit"].crafted-green:after, .tbc_feature_btn a.crafted-green:after, .paged-prev-next a.crafted-green:after { background: #406518; }

.btn.crafted-orange, .tbc_feature_btn a.crafted-orange, input[type="submit"].crafted-orange, .tbc_feature_btn a.crafted-orange, .paged-prev-next a.crafted-orange { background: #FF7900; color: white; }

.btn.crafted-orange:hover, .tbc_feature_btn a.crafted-orange:hover, input[type="submit"].crafted-orange:hover, .tbc_feature_btn a.crafted-orange:hover, .paged-prev-next a.crafted-orange:hover { background: #cc6100; }

.btn.crafted-orange:before, .tbc_feature_btn a.crafted-orange:before, input[type="submit"].crafted-orange:before, .tbc_feature_btn a.crafted-orange:before, .paged-prev-next a.crafted-orange:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.crafted-orange:after, .tbc_feature_btn a.crafted-orange:after, input[type="submit"].crafted-orange:after, .tbc_feature_btn a.crafted-orange:after, .paged-prev-next a.crafted-orange:after { background: #cc6100; }

.btn.crafted-lime, .tbc_feature_btn a.crafted-lime, input[type="submit"].crafted-lime, .tbc_feature_btn a.crafted-lime, .paged-prev-next a.crafted-lime { background: #A2AD00; color: white; }

.btn.crafted-lime:hover, .tbc_feature_btn a.crafted-lime:hover, input[type="submit"].crafted-lime:hover, .tbc_feature_btn a.crafted-lime:hover, .paged-prev-next a.crafted-lime:hover { background: #727a00; }

.btn.crafted-lime:before, .tbc_feature_btn a.crafted-lime:before, input[type="submit"].crafted-lime:before, .tbc_feature_btn a.crafted-lime:before, .paged-prev-next a.crafted-lime:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.crafted-lime:after, .tbc_feature_btn a.crafted-lime:after, input[type="submit"].crafted-lime:after, .tbc_feature_btn a.crafted-lime:after, .paged-prev-next a.crafted-lime:after { background: #727a00; }

.btn.crafted-yellow, .tbc_feature_btn a.crafted-yellow, input[type="submit"].crafted-yellow, .tbc_feature_btn a.crafted-yellow, .paged-prev-next a.crafted-yellow { background: #D6B229; color: white; }

.btn.crafted-yellow:hover, .tbc_feature_btn a.crafted-yellow:hover, input[type="submit"].crafted-yellow:hover, .tbc_feature_btn a.crafted-yellow:hover, .paged-prev-next a.crafted-yellow:hover { background: #ab8e21; }

.btn.crafted-yellow:before, .tbc_feature_btn a.crafted-yellow:before, input[type="submit"].crafted-yellow:before, .tbc_feature_btn a.crafted-yellow:before, .paged-prev-next a.crafted-yellow:before { content: ''; background: url("svg/plus-sign.svg") no-repeat center; background-size: 33px 33px; }

.btn.crafted-yellow:after, .tbc_feature_btn a.crafted-yellow:after, input[type="submit"].crafted-yellow:after, .tbc_feature_btn a.crafted-yellow:after, .paged-prev-next a.crafted-yellow:after { background: #ab8e21; }

.heading, h3 { font-size: 55px; line-height: 1em; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .heading, h3 { font-size: 40px; } }

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

.heading a, h3 a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; display: block; }

.heading.extra-margin, h3.extra-margin { margin-bottom: 40px; }

.heading.script, h3.script { font-family: "Kaushan Script", cursive; }

.heading-l { font-size: 35px; margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .heading-l { font-size: 30px; } }

.heading-l a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; display: block; }

.heading-l.script { font-family: "Kaushan Script", cursive; }

.heading-m { font-size: 25px; margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .heading-m { font-size: 20px; } }

.heading-m.script { font-family: "Kaushan Script", cursive; }

.subheading { font-size: 25px; margin-bottom: 32px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .subheading { font-size: 20px; } }

.subheading.script { font-family: "Kaushan Script", cursive; }

.red { color: #e5232e; }

.text-link, .prev-next a { border-bottom: 2px solid black; text-transform: uppercase; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; position: relative; transition: all 0.3s ease-out; }

.text-link:after, .prev-next a:after { content: ''; height: 2px; width: 0; background: #e5232e; transition: all 0.3s ease-out; position: absolute; bottom: -2px; left: 0; }

.text-link:hover, .prev-next a:hover { color: #e5232e; }

.text-link:hover:after, .prev-next a:hover:after { width: 100%; }

.text-link.red, .prev-next a.red { color: #e5232e; border-bottom: 2px solid #e5232e; }

.text-link.red:after, .prev-next a.red:after { background: #221f1f; }

.text-link.red:hover, .prev-next a.red:hover { color: #221f1f; }

.text-link.green, .prev-next a.green { color: #18ac5e; border-bottom: 2px solid #18ac5e; }

.text-link.green:after, .prev-next a.green:after { background: #221f1f; }

.text-link.green:hover, .prev-next a.green:hover { color: #221f1f; }

.text-link.white, .prev-next a.white { color: white; border-bottom: 2px solid white; }

.text-link.white:after, .prev-next a.white:after { background: #221f1f; }

.text-link.white:hover, .prev-next a.white:hover { color: #221f1f; }

.text-link.white.hover-light:after, .prev-next a.white.hover-light:after { background: #eeeeee; }

.text-link.white.hover-light:hover, .prev-next a.white.hover-light:hover { color: #eeeeee; }

.text-link.crafted-red, .prev-next a.crafted-red { color: #C9282D; border-bottom: 2px solid #C9282D; }

.text-link.crafted-red:after, .prev-next a.crafted-red:after { background: #221f1f; }

.text-link.crafted-red:hover, .prev-next a.crafted-red:hover { color: #221f1f; }

.text-link.crafted-green, .prev-next a.crafted-green { color: #5A8E22; border-bottom: 2px solid #5A8E22; }

.text-link.crafted-green:after, .prev-next a.crafted-green:after { background: #221f1f; }

.text-link.crafted-green:hover, .prev-next a.crafted-green:hover { color: #221f1f; }

.text-link.crafted-orange, .prev-next a.crafted-orange { color: #FF7900; border-bottom: 2px solid #FF7900; }

.text-link.crafted-orange:after, .prev-next a.crafted-orange:after { background: #221f1f; }

.text-link.crafted-orange:hover, .prev-next a.crafted-orange:hover { color: #221f1f; }

.text-link.crafted-lime, .prev-next a.crafted-lime { color: #A2AD00; border-bottom: 2px solid #A2AD00; }

.text-link.crafted-lime:after, .prev-next a.crafted-lime:after { background: #221f1f; }

.text-link.crafted-lime:hover, .prev-next a.crafted-lime:hover { color: #221f1f; }

.text-link.crafted-yellow, .prev-next a.crafted-yellow { color: #D6B229; border-bottom: 2px solid #D6B229; }

.text-link.crafted-yellow:after, .prev-next a.crafted-yellow:after { background: #221f1f; }

.text-link.crafted-yellow:hover, .prev-next a.crafted-yellow:hover { color: #221f1f; }

.prev-next a { color: #e5232e; border-bottom: 2px solid #e5232e; }

.prev-next a:after { background: #221f1f; }

.prev-next a:hover { color: #221f1f; }

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

a { color: #221f1f; text-decoration: none; }

b { font-weight: bold; }

strong { font-weight: bold; }

em { font-style: italic; }

p { line-height: 1.5em; margin-bottom: 1em; }

ol, ul { margin-bottom: 1em; }

li { line-height: 1.5em; }

.clearboth { clear: both; }

div.tbc_message, div.form_message { margin-bottom: 20px; padding: 4px 10px 4px 31px; border: 2px solid #168828; color: #000; background: #F4FFF4 url("images/icons/good-flat.png") 6px 5px no-repeat; }

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { div.tbc_message, div.form_message { background-image: url("images/icons/good-flat-2x.png"); background-size: 18px 18px; } }

div.tbc_message.error, div.form_message.error { border-color: #d10e11; color: #000; background: #FFEDED url("images/icons/bad-flat.png") 6px 5px no-repeat; }

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { div.tbc_message.error, div.form_message.error { background-image: url("images/icons/bad-flat-2x.png"); background-size: 18px 18px; } }

div.tbc_message p, div.form_message p { margin: 0; font-size: 14px; line-height: 20px; }

@media only screen and (max-width: 1159px) { .debug { display: none; } }

.header-wrap, .content-wrap, .footer-wrap { width: 100%; }

#fullloading { height: 100px; width: 300px; background-color: #fff; }

#fullloading span { margin-top: 45px; height: 40px; display: block; text-align: center; color: #666; font-size: 18px; line-height: 30px; text-transform: uppercase; }

#fullloading img { margin: 0 auto; display: block; }

.tbc-modal { position: relative; display: block; }

.tbc-modal .zoom { position: absolute; top: 0; display: none; background: url("images/zoom.png") center center no-repeat; }

@media only screen and (max-width: 480px) { .tbc-modal img { max-width: 100%; height: auto; } }

.site_launched { background-color: red; padding: 6px; }

.site_launched p { text-align: center; line-height: 20px; color: #fff; margin-bottom: 0; }

#tbc_errorbar { position: fixed; top: 0; height: 12px; width: 100%; background-color: red; }

.logged-in #tbc_errorbar { top: 28px; }

#wpadminbar #wp-admin-bar-tbc-home a { color: #999; }

.debug { margin: 30px auto; padding: 25px; width: 1140px; border: 1px solid #000; border-radius: 10px; background-color: #fff; color: #000; font-family: monospace; z-index: 9999; }

.debug h1 { margin-bottom: 0; }

.debug h2 { margin-top: 20px; margin-bottom: 10px; }

.debug pre { margin-bottom: 24px; }

.debug .error { margin-bottom: 22px; padding: 15px; border: 3px solid red; border-radius: 10px; }

.debug .error .theerror { font-size: 16px; }

.debug .error .stack { margin-bottom: 4px; margin-top: 10px; display: block; color: #777; }

.debug .error p { margin-bottom: 4px; line-height: 18px; }

.debug .error ol { margin: 0; font-size: 12px; color: #777; line-height: 16px; }

.debug h2 a.show { color: #000; font-weight: bold; text-decoration: none; }

.debug .debug_config { display: none; }

.debug .error_vars { padding-top: 16px; font-size: 10px; color: #bbb; }

.front-warnings { position: fixed; bottom: 0; right: 0; font-family: sans-serif; border-top: 1px solid #AAA; border-left: 1px solid #AAA; background-color: #E6E6E6; }

.front-warnings p { margin-bottom: 0; padding: 1px 6px 0 6px; font-size: 11px; line-height: 17px; text-align: right; color: #555; }

@media only screen and (max-width: 480px) { .front-warnings { display: none; } }

.clearboth { clear: both; }

.clearfix:before { content: ""; display: table; }

.clearfix:after { content: ""; display: table; clear: both; }

.ie6 .clearfix, .ie7 .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

#blogtabs #tabs .tab { display: none; }

#blogtabs #tabs .current { display: block; }

.video-container { position: relative; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; overflow: hidden; }

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

@media only screen and (max-width: 480px) { .video-container { width: 100%; } }

#tbc_social_share { margin-top: 10px; width: 280px; height: 80px; overflow: hidden; }

#tbc_social_share h2 { float: left; width: 140px; }

#tbc_social_share .sm { height: 80px; float: left; width: 60px; }

#tbc_social_share #share_facebook { width: 60px; }

#tbc_social_share #share_twitter { width: 71px; }

#tbc_social_share #share_googleplus { width: 65px; }

#tbc_social_share #share_pinterest { width: 50px; }

#tbc_social_share #share_pinterest a { display: block; position: relative; top: 11px; }

.fancybox-overlay { background-color: transparent; background-color: rgba(204, 204, 204, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCCCC,endColorstr=#CCCCCCCC); zoom: 1; }

.wpseo-score-icon { display: none !important; }

.tbc-get-archive .posts { list-style: none; margin: 0; padding: 0; }

.veggie { display: block; position: absolute; }

@media only screen and (max-width: 1159px) { .veggie { display: none; } }

.veggie.rosemary { width: 343px; height: 582px; left: 0; top: 60px; opacity: 0.3; background: url("images/veggies/cbk/home-rosemary.png") center no-repeat; background-size: contain; }

.veggie.onion { background: url("images/veggies/cbk/home-onion.png") no-repeat center; background-size: contain; width: 367px; height: 271px; right: 0; top: 400px; z-index: 3; opacity: 0.3; }

.veggie.carrot { background: url("images/veggies/cbk/home-carrot.png") no-repeat center; background-size: contain; width: 305px; height: 861px; right: 0; bottom: 0; opacity: 0.3; }

.veggie.hops { background: url("images/veggies/cbk/home-hops.png") no-repeat center; background-size: contain; width: 622px; height: 945px; left: -150px; top: 0; opacity: 0.3; }

.veggie.pepper { background: url("images/veggies/cbk/home-pepper.png") no-repeat center; background-size: contain; width: 424px; height: 195px; left: -80px; bottom: 0; opacity: 0.3; }

.veggie.products-oregano { background: url("images/veggies/cbk/product-overview-oregano.png") no-repeat left center; background-size: contain; width: 530px; height: 665px; left: 0; top: 50px; opacity: 0.3; }

.veggie.products-rosemary { background: url("images/veggies/cbk/product-overview-rosemary.png") no-repeat right center; background-size: contain; width: 449px; height: 596px; right: 0; top: 535px; opacity: 0.3; }

.veggie.products-beet { background: url("images/veggies/cbk/product-overview-beet.png") no-repeat left center; background-size: contain; width: 490px; height: 752px; left: 0; bottom: -30px; z-index: 2; opacity: 0.3; }

.veggie.products-cinnamon-nutmeg { background: url("images/veggies/cbk/product-overview-cinnamon-nutmeg.png") no-repeat left center; background-size: contain; width: 652px; height: 296px; right: 122px; bottom: 57px; opacity: 0.3; }

.veggie.products-hops { background: url("images/veggies/cbk/product-overview-hops.png") no-repeat right center; background-size: contain; width: 447px; height: 374px; right: 0; bottom: -270px; z-index: 1; opacity: 0.3; }

.veggie.applications-rosemary { background: url("images/veggies/cbk/app-overview-rosemary.png") no-repeat left center; background-size: contain; width: 393px; height: 471px; left: 0; top: 20px; opacity: 0.3; }

.veggie.applications-pepper { background: url("images/veggies/cbk/app-overview-pepper.png") no-repeat right center; background-size: contain; width: 486px; height: 789px; right: 0; bottom: 0; opacity: 0.3; }

.veggie.about-dill { background: url("images/veggies/cbk/about-dill.png") no-repeat right center; background-size: contain; width: 424px; height: 758px; right: 0; top: 180px; opacity: 0.3; }

.veggie.about-garlic { background: url("images/veggies/cbk/about-garlic.png") no-repeat left center; background-size: contain; width: 459px; height: 335px; left: 0; top: 450px; opacity: 0.3; }

.veggie.about-tea { background: url("images/veggies/cbk/about-tea.png") no-repeat left center; background-size: contain; width: 511px; height: 752px; left: 0; bottom: 0; opacity: 0.3; }

.veggie.services-peppercorn { background: url("images/veggies/cbk/services-peppercorn.png") no-repeat left center; background-size: contain; width: 587px; height: 670px; left: 0; top: 20px; opacity: 0.3; }

.veggie.services-sage { background: url("images/veggies/cbk/services-sage.png") no-repeat right center; background-size: contain; width: 362px; height: 530px; right: 0; top: -300px; opacity: 0.3; }

.veggie.services-nutmeg { background: url("images/veggies/cbk/services-nutmeg.png") no-repeat center; background-size: contain; width: 363px; height: 271px; left: 0; bottom: -100px; opacity: 0.3; }

.quality-veggie { background: url("images/veggies/cbk/quality.png") no-repeat center; background-size: contain; width: 190px; height: 981px; right: 0; bottom: -850px; }

sub { bottom: -0.25em; /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; }

sup { vertical-align: top; position: relative; font-size: 69%; top: -0.3em; padding-left: 2px; padding-right: 2px; }

.error404 .content-wrap { padding-bottom: 50px !important; }

.search-results .content-wrap, .error404 .content-wrap { padding-top: 50px !important; }

.search-results .content-wrap ul li, .error404 .content-wrap ul li { padding-bottom: 40px; }

.cta-band { background: #e5232e; padding: 40px 0; }

@media only screen and (max-width: 767px) { .cta-band { padding: 30px 0; } }

.cta-band .heading { color: white; float: left; padding-top: 10px; margin-right: 100px; }

@media only screen and (max-width: 1159px) { .cta-band .heading { margin-right: 40px; } }

@media only screen and (max-width: 767px) { .cta-band .heading { display: none; } }

.cta-band .contain { width: auto; display: table; }

.cta-band .btn-plain { background: white; color: #e5232e; display: table; width: auto !important; border: none; position: relative; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 18px; text-align: center; text-decoration: none; text-transform: uppercase; margin: 0; padding: 30px 42px 30px 42px; display: table; width: auto; cursor: pointer; line-height: 1em; -webkit-appearance: none; transition: background-color .5s ease-in; float: right; }

@media only screen and (max-width: 767px) { .cta-band .btn-plain { font-size: 15px; } }

.cta-band .btn-plain:hover, .cta-band .btn-plain.active { background: #c81f28; color: white; }

@media only screen and (max-width: 767px) { .cta-band .desktop-btn { display: none; } }

.cta-band .mobile-btn { display: none; }

@media only screen and (max-width: 767px) { .cta-band .mobile-btn { display: table; } }

.page-id-1005 .page-content { text-align: left; }

body div#hs-eu-cookie-confirmation { background: #eee !important; position: fixed; bottom: 0; left: 0; border: none !important; padding: 15px 0; top: auto; }

body div#hs-eu-cookie-confirmation .hs-eu-confirmation-button { float: right; background: none; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner { max-width: 1100px; margin: 0 auto; padding: 0; width: 90%; }

body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area { float: right; }

@media only screen and (max-width: 1189px) { body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area { float: none; margin: 0 auto; } }

body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button { background: none !important; border-radius: 0 !important; text-shadow: none !important; color: #18ac5e !important; text-transform: uppercase; border: none !important; box-shadow: none !important; border-bottom: 2px solid #18ac5e !important; font-family: "HelveticaNeueLTStd-MdCn", sans-serif !important; position: relative; font-size: 18px !important; padding: 0 !important; line-height: 1em !important; transition: all 0.3s ease-out; }

body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:after { content: ''; height: 2px; width: 0; background: #221f1f; transition: all 0.3s ease-out; position: absolute; bottom: -2px; left: 0; }

body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:hover { color: #221f1f !important; }

body div#hs-eu-cookie-confirmation div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:hover:after { width: 100%; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { text-shadow: none !important; color: #221f1f !important; font-family: "HelveticaNeueLTStd-LtCn", sans-serif !important; font-size: 14px !important; font-weight: 300 !important; padding-top: 3px; float: left; text-shadow: none; margin: 0 !important; letter-spacing: 0 !important; }

@media only screen and (max-width: 1189px) { body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p { float: none; margin: 0 auto 15px auto !important; max-width: 700px !important; text-align: center !important; } }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a { text-shadow: none; font-family: "HelveticaNeueLTStd-LtCn", sans-serif !important; font-weight: 300 !important; font-size: 14px !important; text-decoration: underline !important; color: #221f1f !important; }

.printer-friendly { margin-top: 60px; display: table; cursor: pointer; }

input, select, textarea, button { margin: 0; width: 100%; padding: 4px 6px; border: 1px solid #777; line-height: 20px; font-size: 16px; outline: none; color: #221f1f; -webkit-transition: all 0.5s ease-in-out; -webkit-transition-property: border, outline; -moz-transition: all 0.5s ease-in-out; -moz-transition-property: border, outline; transition: all 0.5s ease-in-out; transition-property: border, outline; }

input.file { padding: 0; height: 30px; width: auto; border: none; }

input.checkbox, input.radio, input[type="checkbox"], input[type="radio"] { width: auto; border: none; }

.old-ie input.checkbox, .old-ie input.radio, .old-ie input[type="checkbox"], .old-ie input[type="radio"] { padding: 0; }

select.month { margin-right: 2%; width: 60%; }

select.year { width: 38%; }

select { height: 30px; }

textarea { height: 180px; }

.tbc_feature_btn { display: inline-block; float: none; margin-bottom: 20px; }

#searchform { width: 120px; }

#searchform #s { padding: 4px 6px; font-size: 12px; line-height: 12px; }

#searchform label, #searchform #searchsubmit { display: none; }

.tbcform { width: 420px; max-width: 100%; }

.tbcform:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 563px) { .tbcform { width: 100%; } }

.tbcform.istable { width: 726px; max-width: 100%; }

@media only screen and (max-width: 745px) { .tbcform.istable { width: 100%; } }

.tbcform .h3_sectiontitle { margin-bottom: 10px; }

.tbcform ul, .tbcform li { margin: 0; padding: 0; list-style: none; }

.tbcform table { width: 100%; }

.tbcform table tr.type_wysiwyg td.input { padding-bottom: 6px; }

.tbcform table tr.tip_row td { padding: 0; line-height: 20px; }

.tbcform table td { padding: 5px 0; line-height: 30px; }

.tbcform table td.label { padding-right: 20px; width: 25%; vertical-align: top; line-height: 30px; }

.tbcform table td.input { width: 40%; }

.tbcform table td.input.colspan2 { width: 75%; }

.tbcform table td.additional { width: 35%; }

.tbcform table td.colspan2 { width: 75%; }

@media only screen and (max-width: 619px) { .tbcform table td.label { width: 30%; }
  .tbcform table td.input { width: 55%; }
  .tbcform table td.additional { width: 15%; } }

@media only screen and (max-width: 480px) { .tbcform table td.label, .tbcform table td.input, .tbcform table td.additional { width: 100%; } }

.tbcform table.samewidthinput .colspan1 { width: 75%; }

.tbcform .label label, .tbcform .label .multilabel { display: block; }

.tbcform .placeholder { color: #aaa; }

.tbcform span.line { display: block; }

.tbcform span.good { color: green; }

.tbcform span.bad { color: red; }

.tbcform li.inputfield { margin-bottom: 10px; line-height: 22px; }

.tbcform li.inputfield > label, .tbcform li.inputfield > .multilabel { display: block; }

.tbcform .type_sectiontitle { font-size: 20px; font-weight: bold; line-height: 30px; }

.tbcform li.type_sectiontitle { margin-bottom: 2px; }

.tbcform .type_monthdayyearfuture .month, .tbcform .type_monthdayyearpast .month { width: 50%; }

.tbcform .type_monthdayyearfuture .day, .tbcform .type_monthdayyearpast .day { width: 18%; margin-right: 2%; }

.tbcform .type_monthdayyearfuture .year, .tbcform .type_monthdayyearpast .year { width: 28%; }

.tbcform li.type_submit, .tbcform .type_submit td { padding-top: 12px; }

@media only screen and (max-width: 480px) { .tbcform li.type_submit, .tbcform .type_submit td { padding-top: 10px; } }

.tbcform li.type_checkbox_single label, .tbcform .type_checkbox_single td label { display: inline; font-weight: normal; }

.tbcform .type_range .to { float: left; width: 10%; display: block; text-align: center; }

.tbcform .type_range input { width: 45%; float: left; }

.tbcform .type_message span { padding-bottom: 10px; display: block; line-height: 30px; }

.tbcform .type_file td { padding: 10px 0; }

.tbcform .type_file input { border: none; }

.tbcform textarea.show_wysiwyg { height: 472px; }

.tbcform .tip { font-size: 0.9em; font-style: italic; }

@media only screen and (max-width: 480px) { .tbcform { width: 100%; }
  .tbcform input, .tbcform select, .tbcform textarea, .tbcform label, .tbcform .multilabel { font-size: 16px; }
  .tbcform table, .tbcform tbody, .tbcform td, .tbcform tr, .tbcform th { display: block; }
  .tbcform table td.label { margin-bottom: 4px; padding: 0; line-height: normal; clear: both; }
  .tbcform table td.label.sectiontitle { margin-bottom: 12px; }
  .tbcform table td.input { margin-bottom: 6px; padding: 0; vertical-align: top; line-height: normal; }
  .tbcform table td.input.colspan2 { width: 100%; }
  .tbcform table .type_file td.input { padding: 5px 0; }
  .tbcform #wp-wpeditor-wrap { display: none; } }

.mce-widget.mce-tooltip { display: none !important; }

.post-password-form label { display: block; }

.post-password-form input { display: block; margin-bottom: 10px; max-width: 320px; }

.s-hidden { visibility: hidden; padding-right: 10px; }

.plain-select { display: inline-block; vertical-align: middle; position: relative; width: 100%; }

.plain-select select { line-height: normal; height: 100px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border-radius: 6px; display: block; width: 100%; border: none; color: black; padding: 8px 20px 7px 20px; padding-right: 73px; margin: 0; line-height: normal; background: #eee; border: none; border-radius: 0px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 25px; }

@media only screen and (max-width: 767px) { .plain-select select { font-size: 20px; } }

.ie8 .plain-select select { padding-right: 3px; }

.plain-select select:focus { outline: none; }

.plain-select ::-ms-expand { display: none; }

.plain-select:after { content: ""; position: absolute; z-index: 2; right: 8%; top: 37px; height: 25px; width: 25px; background: url("svg/arrow-down.svg") no-repeat center; background-size: 25px; pointer-events: none; }

.hbspt-form, .tbcform { max-width: none; width: auto; }

.hbspt-form .hs-form fieldset, .tbcform .hs-form fieldset { max-width: none; }

.hbspt-form li, .hbspt-form ul, .tbcform li, .tbcform ul { list-style: none; margin: 0; padding: 0; }

.hbspt-form label, .hbspt-form .main_lbl, .tbcform label, .tbcform .main_lbl { font-size: 30px; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; display: block; margin-bottom: 15px; text-align: left; }

.hbspt-form input, .hbspt-form textarea, .hbspt-form select, .tbcform input, .tbcform textarea, .tbcform select { background: #eee; border: none; padding: 30px; font-size: 27px; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; margin-bottom: 30px; width: 100% !important; color: black; }

.hbspt-form select, .tbcform select { height: 90px; border-radius: 0px !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: #eee url("svg/arrow-down.svg") no-repeat right 20px center; background-size: 30px; }

.hbspt-form .hs-form-radio:after, .hbspt-form .hs-form-booleancheckbox:after, .hbspt-form .hs-form-checkbox:after, .hbspt-form .type_checkbox:after, .tbcform .hs-form-radio:after, .tbcform .hs-form-booleancheckbox:after, .tbcform .hs-form-checkbox:after, .tbcform .type_checkbox:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.hbspt-form .hs-form-radio label, .hbspt-form .hs-form-booleancheckbox label, .hbspt-form .hs-form-checkbox label, .hbspt-form .type_checkbox label, .tbcform .hs-form-radio label, .tbcform .hs-form-booleancheckbox label, .tbcform .hs-form-checkbox label, .tbcform .type_checkbox label { font-size: 20px; }

.hbspt-form .hs-form-radio input, .hbspt-form .hs-form-booleancheckbox input, .hbspt-form .hs-form-checkbox input, .hbspt-form .type_checkbox input, .tbcform .hs-form-radio input, .tbcform .hs-form-booleancheckbox input, .tbcform .hs-form-checkbox input, .tbcform .type_checkbox input { width: 40px !important; float: left; margin-top: 6px; }

.hbspt-form .hs-button, .hbspt-form .btn, .hbspt-form .tbc_feature_btn a, .tbc_feature_btn .hbspt-form a, .tbcform .hs-button, .tbcform .btn, .tbcform .tbc_feature_btn a, .tbc_feature_btn .tbcform a { background: #e5232e; color: white; display: table; width: auto !important; border: none; position: relative; color: white; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 18px; text-align: center; text-decoration: none; text-transform: uppercase; margin: 0; padding: 30px 42px 30px 42px; display: table; width: auto; cursor: pointer; line-height: 1em; -webkit-appearance: none; transition: background-color .5s ease-in; margin: 0 auto; }

@media only screen and (max-width: 767px) { .hbspt-form .hs-button, .hbspt-form .btn, .hbspt-form .tbc_feature_btn a, .tbc_feature_btn .hbspt-form a, .tbcform .hs-button, .tbcform .btn, .tbcform .tbc_feature_btn a, .tbc_feature_btn .tbcform a { font-size: 15px; } }

.hbspt-form .hs-button:hover, .hbspt-form .hs-button.active, .hbspt-form .btn:hover, .hbspt-form .tbc_feature_btn a:hover, .tbc_feature_btn .hbspt-form a:hover, .hbspt-form .btn.active, .hbspt-form .tbc_feature_btn a.active, .tbc_feature_btn .hbspt-form a.active, .tbcform .hs-button:hover, .tbcform .hs-button.active, .tbcform .btn:hover, .tbcform .tbc_feature_btn a:hover, .tbc_feature_btn .tbcform a:hover, .tbcform .btn.active, .tbcform .tbc_feature_btn a.active, .tbc_feature_btn .tbcform a.active { background: #c81f28; }

.hbspt-form .hs-richtext, .tbcform .hs-richtext { margin-bottom: 30px; }

.tbcform { padding-top: 40px; }

.tbcform .type_checkbox .multilabel { margin-bottom: 30px; }

.tbcform .type_checkbox .line { display: block; clear: both; }

.tbcform .type_checkbox input { width: 50px; }

.tbcform .field_first_name { padding-right: 10px; }

.tbcform .field_last_name { padding-left: 10px; }

.tbcform .field_first_name, .tbcform .field_last_name { width: 50%; float: left; }

@media only screen and (max-width: 480px) { .tbcform .field_first_name, .tbcform .field_last_name { width: 100%; float: none; padding-left: 0; padding-right: 0; } }

.tbcform label.product_code { font-size: 28px; }

table.tbc_table { width: 100%; }

@media only screen and (max-width: 480px) { table.tbc_table table, table.tbc_table tbody, table.tbc_table thead, table.tbc_table tr, table.tbc_table th, table.tbc_table td { display: block; }
  table.tbc_table th, table.tbc_table thead { display: none; }
  table.tbc_table td { border: none; padding: 0; } }

table.tbc_table th { text-align: left; border-bottom: 1px solid #999; padding: 4px 0; }

table.tbc_table td { padding: 8px 0; line-height: 30px; border-bottom: 1px solid #ccc; }

.big_feature_bottom_nav:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.big_feature_bottom_nav ul { position: relative; overflow: hidden; }

.big_feature_bottom_nav ul li { position: absolute; width: 100%; }

.big_feature_bottom_nav ul li:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.big_feature_bottom_nav ul li img { display: block; margin: 0 auto !important; }

.big_feature_bottom_nav .gallery-nav span { float: left; width: 10%; cursor: pointer; }

@media only screen and (min-width: 481px) and (max-width: 619px) { .big_feature_bottom_nav .gallery-nav span { width: 20%; } }

@media only screen and (max-width: 480px) { .big_feature_bottom_nav .gallery-nav span { width: 25%; } }

.big_feature_bottom_nav .gallery-nav span img { display: block; max-width: 100%; height: auto; opacity: 0.7; margin: 0 !important; }

.big_feature_bottom_nav .gallery-nav span.cycle-pager-active img { opacity: 1.0; }

.nav-shown { height: 100%; overflow: hidden; }

.nav-shown .viewport div.overlay { width: 1600px; height: 100%; visibility: visible; }

@media only screen and (max-width: 1599px) { .nav-shown .viewport div.overlay { width: 100%; } }

.nav-shown .viewport div.overlay:after { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); }

.nav-shown .viewport div.overlay .inner { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.nav-shown div.viewport { top: 0; left: 0; right: 0; bottom: 0; }

.admin-bar .viewport div.overlay { margin-top: 32px; }

.viewport div.overlay, .viewport div.fixed-overlay { position: fixed; top: 0; right: calc((100% - 1600px)/2); z-index: 7; background: transparent; width: 1600px; height: 100%; transition: all .6s ease-out; padding: 0; overflow: hidden; visibility: hidden; }

.viewport div.overlay:after, .viewport div.fixed-overlay:after { content: ''; background: #e5232e; width: 300%; height: 300%; transition: all .9s ease-out; -webkit-transform: rotate(45deg); transform: translate(50%, -50%) rotate(45deg); display: block; position: absolute; top: -100%; left: -68%; z-index: -1; }

@media only screen and (max-width: 1599px) { .viewport div.overlay, .viewport div.fixed-overlay { right: 0; } }

.viewport div.overlay .contain, .viewport div.fixed-overlay .contain { max-width: 1300px; }

@media only screen and (max-width: 999px) { .viewport div.overlay .contain, .viewport div.fixed-overlay .contain { width: calc(100% - 200px); } }

@media only screen and (max-width: 767px) { .viewport div.overlay .contain, .viewport div.fixed-overlay .contain { width: 90%; } }

.viewport div.overlay .inner, .viewport div.fixed-overlay .inner { padding: 160px 0 100px; opacity: 0; transition: all 0.3s ease-out; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; overflow: auto; height: 100%; }

@media only screen and (max-width: 767px) { .viewport div.overlay .inner, .viewport div.fixed-overlay .inner { padding: 120px 0; } }

.viewport div.overlay .col, .viewport div.fixed-overlay .col { width: 37%; height: 100%; float: left; }

@media only screen and (max-width: 999px) { .viewport div.overlay .col, .viewport div.fixed-overlay .col { width: 100%; float: none; } }

.viewport div.overlay .col:last-of-type, .viewport div.fixed-overlay .col:last-of-type { width: 24%; float: right; }

@media only screen and (max-width: 999px) { .viewport div.overlay .col:last-of-type, .viewport div.fixed-overlay .col:last-of-type { width: 100%; float: none; } }

.viewport div.overlay .social-icons .social-icon.facebook a, .viewport div.fixed-overlay .social-icons .social-icon.facebook a { background: url("svg/facebook-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.linkedin a, .viewport div.fixed-overlay .social-icons .social-icon.linkedin a { background: url("svg/linkedin-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.twitter a, .viewport div.fixed-overlay .social-icons .social-icon.twitter a { background: url("images/social/twitter-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.rss a, .viewport div.fixed-overlay .social-icons .social-icon.rss a { background: url("images/social/rss-symbol-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.vimeo a, .viewport div.fixed-overlay .social-icons .social-icon.vimeo a { background: url("images/social/vimeo-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.wechat a, .viewport div.fixed-overlay .social-icons .social-icon.wechat a { background: url("images/social/wechat-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay .social-icons .social-icon.instagram a, .viewport div.fixed-overlay .social-icons .social-icon.instagram a { background: url("images/social/instagram-dark.svg") no-repeat center; background-size: contain; }

.viewport div.overlay nav, .viewport div.fixed-overlay nav { margin-bottom: 30px; }

.viewport div.overlay nav li, .viewport div.fixed-overlay nav li { display: block; float: none; margin: 0; width: auto; }

.viewport div.overlay nav li a, .viewport div.fixed-overlay nav li a { color: white; font-size: 55px; margin-bottom: 40px; line-height: 1em; display: table; width: auto; }

@media only screen and (max-width: 767px) { .viewport div.overlay nav li a, .viewport div.fixed-overlay nav li a { font-size: 40px; } }

@media only screen and (max-width: 767px) { .viewport div.overlay nav li a, .viewport div.fixed-overlay nav li a { margin-bottom: 20px; } }

.viewport div.overlay nav li ul li, .viewport div.fixed-overlay nav li ul li { width: auto; float: none; }

.viewport div.overlay nav li ul li a, .viewport div.fixed-overlay nav li ul li a { color: #8b0a11; text-transform: uppercase; font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; margin-bottom: 15px; width: auto; transition: all .4s ease-out; }

@media only screen and (max-width: 767px) { .viewport div.overlay nav li ul li a, .viewport div.fixed-overlay nav li ul li a { font-size: 20px; } }

.viewport div.overlay nav li ul li a:hover, .viewport div.fixed-overlay nav li ul li a:hover { color: white; }

div.viewport div.fixed-overlay { position: fixed; }

.viewport { position: relative; overflow: hidden; }

.tbc-fixed-width .viewport { overflow: visible; }

.wrap { transition: left 0.3s ease-out, right 0.3s ease-out; position: relative; }

.social-icons { list-style: none; padding: 0; margin: 0; display: table; float: left; }

@media only screen and (max-width: 949px) { .social-icons { float: none; } }

@media only screen and (max-width: 1159px) { .social-icons { text-align: center; float: none; } }

.social-icons .social-icon { float: left; height: 25px; width: 25px; margin-right: 30px; transition: all .5s ease-out; margin-bottom: 10px; }

@media only screen and (max-width: 1159px) { .social-icons .social-icon { float: none; display: inline-block; margin: 0 15px 10px 15px; } }

.social-icons .social-icon:last-of-type { margin-right: 0; }

.social-icons .social-icon a { display: block; height: 25px; width: 25px; }

.social-icons .social-icon.facebook a { background: url("images/social/facebook.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.linkedin a { background: url("svg/linkedin.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.google a { background: url("images/social/google.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.instagram a { background: url("images/social/instagram.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.slideshare a { background: url("images/social/slideshare.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.twitter a { background: url("images/social/twitter.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.vimeo a { background: url("images/social/vimeo.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.wechat a { background: url("images/social/wechat.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.whatsapp a { background: url("images/social/whatsapp.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.youtube a { background: url("images/social/youtube.svg") no-repeat center; background-size: 25px 25px; }

.social-icons .social-icon.rss a { background: url("images/social/rss-symbol.svg") no-repeat center; background-size: 25px 25px; }

.social-links a { background-image: url("images/icons-social.png"); background-repeat: no-repeat; }

.social-links .social-fb a { background-position: 0px    0px; }

.social-links .social-tw a { background-position: -50px  0px; }

.social-links .social-yt a { background-position: -100px 0px; }

.social-links .social-gp a { background-position: -150px 0px; }

.social-links .social-ig a { background-position: -200px 0px; }

.social-links .social-in a { background-position: -250px 0px; }

.social-links .social-pt a { background-position: -300px 0px; }

.social-links .social-em a { background-position: -350px 0px; }

.social-links .social-rs a { background-position: -400px 0px; }

.social-links .social-vm a { background-position: -450px 0px; }

.social-links .social-fr a { background-position: -500px 0px; }

.social-links .social-yl a { background-position: -550px 0px; }

.social-links .social-tm a { background-position: -600px 0px; }

div.tbc_social_share { margin-bottom: 10px; }

div.tbc_social_share:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

div.tbc_social_share .social_buttons:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

div.tbc_social_share ul.reset { width: 100%; }

div.tbc_social_share ul.reset.num_buttons_3 li { width: 32%; }

div.tbc_social_share ul.reset.num_buttons_4 li { width: 23.5%; }

div.tbc_social_share ul.reset li { float: left; height: 36px; color: #fff; line-height: 20px; margin-right: 2%; margin-bottom: 2%; }

div.tbc_social_share ul.reset li.last { margin-right: 0; }

div.tbc_social_share ul.reset li a { display: block; height: 36px; padding: 8px 13px 8px 8px; color: #fff; text-decoration: none; }

div.tbc_social_share ul.reset li a:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.old-ie div.tbc_social_share ul.reset li a { padding: 8px 13px; }

div.tbc_social_share ul.reset li a span { float: left; display: block; height: 20px; }

div.tbc_social_share ul.reset li a span.icon { margin-right: 11px; }

.old-ie div.tbc_social_share ul.reset li a span.icon { display: none; }

div.tbc_social_share ul.reset li a span.text { line-height: 20px; text-transform: uppercase; font-size: 12px; }

div.tbc_social_share ul.reset li svg { height: 20px; width: 20px; }

div.tbc_social_share ul.reset li svg path, div.tbc_social_share ul.reset li svg polygon { fill: #fff; }

div.tbc_social_share ul.reset li.facebook a { background-color: #306199; }

div.tbc_social_share ul.reset li.facebook a:hover { background-color: #244872; }

div.tbc_social_share ul.reset li.twitter a { background-color: #26c4f1; }

div.tbc_social_share ul.reset li.twitter a:hover { background-color: #0eaad6; }

div.tbc_social_share ul.reset li.google a { background-color: #e93f2e; }

div.tbc_social_share ul.reset li.google a:hover { background-color: #ce2616; }

div.tbc_social_share ul.reset li.pinterest a { background-color: #b81621; }

div.tbc_social_share ul.reset li.pinterest a:hover { background-color: #8a1119; }

div.tbc_social_share ul.reset li.linkedin a { background-color: #007bb6; }

div.tbc_social_share ul.reset li.linkedin a:hover { background-color: #005983; }

div.tbc_social_share.only-icons ul.reset li a { padding: 8px 13px; }

div.tbc_social_share.only-icons ul.reset li a span.icon { margin: 0 auto; float: none; text-align: center; }

div.tbc_social_share.only-icons ul.reset li a span.text { display: none; }

body { background: #F2F4F5; }

.wrap { max-width: 1600px; margin: 0 auto 0 auto; padding-top: 100px; background: white; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); position: relative; }

@media only screen and (max-width: 767px) { .wrap { padding-top: 75px; } }

.nav-shown .header-wrap { color: white; }

.header-wrap { position: fixed; z-index: 99; max-width: 1600px; margin: 0 auto; background: white; transition: all .5s ease-out; top: 0; height: 100px; }

@media only screen and (max-width: 767px) { .header-wrap { height: 75px; } }

.header-wrap:after { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% - 200px); height: 1px; background: #eee; }

.header-wrap .search-bar { overflow: hidden; height: 0; transition: all 0.3s ease-out; }

.header-wrap .search-bar.shown { height: 102px; }

.header-wrap .search-bar .search-field { padding: 20px; border: none; font-size: 55px; background: #eee; text-align: right; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal; }

@media only screen and (max-width: 767px) { .header-wrap .search-bar .search-field { font-size: 40px; } }

.header { height: 100px; position: relative; clear: both; margin: 0 auto; width: 100%; padding: 0; padding-right: 230px; }

.header:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 767px) { .header { height: 75px; } }

.header .logo { float: left; text-indent: -200px; color: transparent; overflow: hidden; display: block; width: 261px; height: 100%; background: url("svg/logo.svg") no-repeat center; background-size: 261px 64px; margin-left: 50px; }

@media only screen and (max-width: 767px) { .header .logo { background-size: 180px 75px; margin-left: 20px; width: 180px; } }

@media only screen and (max-width: 419px) { .header .logo { margin-left: 15px; width: 140px; background-size: 140px 75px; } }

.header h1 { margin: 0; display: inline; }

.header nav.main { float: left; padding: 0; margin-left: 14%; }

@media only screen and (max-width: 1239px) { .header nav.main { margin-left: 50px; } }

@media only screen and (max-width: 1149px) { .header nav.main { display: none; } }

.header nav.main .menu { float: right; }

.header nav.main .menu li { float: left; text-transform: uppercase; }

.header nav.main .menu li a { display: block; text-decoration: none; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 20px; position: relative; padding: 36px 30px; height: 100%; transition: all 0.3s ease-out; }

.header nav.main .menu li a:hover { background: #eee; }

.header .search-toggle { position: absolute; top: 0; right: 100px; width: 100px; height: 100px; background: #eee url("svg/search.svg") no-repeat center; background-size: 30px; }

.header .search-toggle.shown { background-image: url("svg/close-dark.svg"); }

@media only screen and (max-width: 767px) { .header .search-toggle { height: 75px; width: 75px; right: 75px; } }

.header .menu-toggle { height: 100px; width: 100px; z-index: 999; background: #e5232e; position: absolute; top: 0; right: 0; }

@media only screen and (max-width: 767px) { .header .menu-toggle { height: 75px; width: 75px; } }

.header .menu-toggle:hover .target span:last-of-type { width: 32px; }

.header .menu-toggle .target { padding: 30px 12px; height: 100%; position: relative; }

.header .menu-toggle .target span { display: block; position: absolute; width: 33px; top: 50%; left: 34px; transition: all 0.5s ease; height: 3px; background-color: white; transition: all 0.3s ease-out; }

@media only screen and (max-width: 767px) { .header .menu-toggle .target span { left: 22px; } }

.header .menu-toggle .target span:first-of-type { top: 39%; }

.header .menu-toggle .target span:last-of-type { top: 61%; width: 21px; }

.nav-shown .header .menu-toggle .target span { transition: all 0.5s ease; top: 50%; }

.nav-shown .header .menu-toggle .target span:nth-of-type(2) { opacity: 0; }

.nav-shown .header .menu-toggle .target span:first-of-type { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.nav-shown .header .menu-toggle .target span:last-of-type { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 32px; }

.header-image-wrap { height: 500px; }

@media only screen and (max-width: 899px) { .header-image-wrap { height: 300px; } }

.header-image-wrap .header-image-outer { display: table; width: 100%; height: 100%; }

.header-image-wrap .header-image-outer .header-image { width: 90%; max-width: 1300px; margin: 0 auto; }

@media only screen and (max-width: 619px) { .header-image-wrap .header-image-outer .header-image { padding-top: 20px; } }

.header-image-wrap .header-image-outer .header-image h1 { color: #fff; }

.header-image-wrap .header-image-outer .header-image h2 { color: #fff; margin-bottom: 0; font-size: 55px; }

@media only screen and (max-width: 767px) { .header-image-wrap .header-image-outer .header-image h2 { font-size: 40px; } }

.header-image-wrap .header-image-outer .header-image p { margin-top: 40px; text-align: center; }

.admin-bar .wrap { top: 0; }

.admin-bar .header-wrap { top: 32px; }

.content-wrap { position: relative; }

.content-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 899px) { .content-wrap { padding: 0 !important; } }

@media only screen and (max-width: 1159px) { .content-wrap .tbc_message { padding: 4px 10px 4px 30px; } }

.content-wrap .breadcrumbs-wrap { padding-bottom: 30px; }

@media only screen and (max-width: 480px) { .content-wrap .breadcrumbs-wrap { display: none; } }

.content-wrap .breadcrumbs-wrap .breadcrumbs { font-size: 12px; }

.content-wrap .tbc_message_wrap { padding-bottom: 15px; }

.content-wrap iframe { max-width: 100%; }

.content-wrap .prevnext { margin-bottom: 20px; }

.content-wrap .prevnext:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

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

@media only screen and (max-width: 480px) { .content-wrap img { float: none; margin: 15px auto; max-width: 100%; height: auto; display: block; } }

.content-wrap .paged-prev-next { clear: left; padding: 20px 0; }

.content-wrap .paged-prev-next:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.content-wrap .paged-prev-next a { float: left; margin-right: 10px; }

.content-wrap .paged-prev-next .next a { float: right; margin-right: 0; }

.pagination { clear: both; padding: 20px 0; position: relative; text-align: center; font-size: 11px; line-height: 13px; margin: 0 auto; }

.pagination span, .pagination a { display: inline-block; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #000; text-align: center; border: 1px solid #000; }

.pagination a:hover { color: #eee; background: #000; }

.pagination .current { padding: 6px 9px 5px 9px; background: #000; color: #fff; font-weight: bold; }

.tbc-header-image.tbc-fixed-header div.content-wrap { margin-top: 0; }

.footer-wrap { background: #221f1f; position: relative; z-index: 2; }

.footer { position: relative; clear: both; padding: 50px 0; color: #777676; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; width: 90% !important; }

.footer:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.footer .right { float: right; width: 50%; }

@media only screen and (max-width: 1159px) { .footer .right { float: none; width: 100%; } }

.footer .social-icons { display: table; float: right; }

@media only screen and (max-width: 1159px) { .footer .social-icons { float: none; margin: 0 auto 20px auto; }
  .footer .social-icons:after { content: ""; display: table; clear: both; height: 0; line-height: 0; } }

.footer .menu { margin-bottom: 20px; float: left; width: 50%; }

.footer .menu:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .footer .menu { display: table; margin: 0 auto 15px auto; float: none; } }

.footer .menu li { float: left; margin-right: 40px; }

@media only screen and (max-width: 1159px) { .footer .menu li { float: none; margin: 0 10px 20px 10px; display: inline-block; text-align: center; float: left; display: block; width: 50%; margin: 0 0 20px 0; } }

@media only screen and (max-width: 480px) { .footer .menu li { float: none; width: 100%; text-align: center; } }

.footer .menu li a { display: block; text-decoration: none; color: #777676; text-transform: uppercase; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

.footer .menu li ul { display: none; }

.footer .copyright { width: 50%; clear: both; float: left; }

@media only screen and (max-width: 1159px) { .footer .copyright { float: none; margin: 0 auto; width: auto; text-align: center; font-size: 14px; } }

p.thinkboxcreative { clear: both; display: block; margin: 0; position: absolute; bottom: 10px; right: 0; }

@media only screen and (max-width: 1159px) { p.thinkboxcreative { position: relative; margin: 0 auto; bottom: 0; left: 0; width: auto; text-align: center; } }

p.thinkboxcreative a { text-decoration: none; }

#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording { color: black; text-shadow: none; }

#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a { color: #18ac5e !important; }

.contain { margin: 0 auto; max-width: 1400px; width: calc(100% - 200px); position: relative; z-index: 1; }

.contain:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1199px) { .contain { width: 90%; } }

.contain-small { max-width: 915px; margin: 0 auto; }

.page-content { padding-top: 120px; padding-bottom: 120px; text-align: center; max-width: 915px; margin: 0 auto; }

@media only screen and (max-width: 1159px) { .page-content { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .page-content { padding-top: 45px; padding-bottom: 45px; } }

.copy-margin { margin-bottom: 45px; }

.copy p:last-of-type, .copy-margin p:last-of-type { margin-bottom: 0; }

.vertical-center { display: table; width: 100%; height: 100%; }

.vertical-center .cell { display: table-cell; vertical-align: middle; }

.vertical-bottom { display: table; width: 100%; height: 100%; }

.vertical-bottom .cell { display: table-cell; vertical-align: bottom; }

.vertical-top { display: table; width: 100%; height: 100%; }

.vertical-top .cell { display: table-cell; vertical-align: top; }

.two-links .text-link { margin: 0 36px; }

.filters, .products-anchor-nav, .policy-anchor-nav { color: white; padding-bottom: 40px; }

.filters:after, .products-anchor-nav:after, .policy-anchor-nav:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.filters .plain-select, .products-anchor-nav .plain-select, .policy-anchor-nav .plain-select { display: none; }

.filters .filter, .filters .anchor-link, .products-anchor-nav .filter, .products-anchor-nav .anchor-link, .policy-anchor-nav .filter, .policy-anchor-nav .anchor-link { background: #eee; display: block; cursor: pointer; margin-bottom: 10px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; float: left; position: relative; width: 20%; margin: 0; border-right: 2px solid white; transition: all 0.3s ease-out; height: 100px; text-align: center; padding: 0 5%; }

.filters .filter:after, .filters .anchor-link:after, .products-anchor-nav .filter:after, .products-anchor-nav .anchor-link:after, .policy-anchor-nav .filter:after, .policy-anchor-nav .anchor-link:after { content: ''; width: 0; position: absolute; bottom: -10px; left: 0; background: #0066a6; height: 10px; transition: all 0.3s ease-out; }

.filters .filter:last-of-type, .filters .anchor-link:last-of-type, .products-anchor-nav .filter:last-of-type, .products-anchor-nav .anchor-link:last-of-type, .policy-anchor-nav .filter:last-of-type, .policy-anchor-nav .anchor-link:last-of-type { margin-right: 0; border-right: 0; }

.filters .filter.active:after, .filters .filter:hover:after, .filters .anchor-link.active:after, .filters .anchor-link:hover:after, .products-anchor-nav .filter.active:after, .products-anchor-nav .filter:hover:after, .products-anchor-nav .anchor-link.active:after, .products-anchor-nav .anchor-link:hover:after, .policy-anchor-nav .filter.active:after, .policy-anchor-nav .filter:hover:after, .policy-anchor-nav .anchor-link.active:after, .policy-anchor-nav .anchor-link:hover:after { width: 100%; }

.filters .filter:nth-of-type(1):after, .filters .anchor-link:nth-of-type(1):after, .products-anchor-nav .filter:nth-of-type(1):after, .products-anchor-nav .anchor-link:nth-of-type(1):after, .policy-anchor-nav .filter:nth-of-type(1):after, .policy-anchor-nav .anchor-link:nth-of-type(1):after { background: #5A8E22; }

.filters .filter:nth-of-type(2):after, .filters .anchor-link:nth-of-type(2):after, .products-anchor-nav .filter:nth-of-type(2):after, .products-anchor-nav .anchor-link:nth-of-type(2):after, .policy-anchor-nav .filter:nth-of-type(2):after, .policy-anchor-nav .anchor-link:nth-of-type(2):after { background: #FF7900; }

.filters .filter:nth-of-type(3):after, .filters .anchor-link:nth-of-type(3):after, .products-anchor-nav .filter:nth-of-type(3):after, .products-anchor-nav .anchor-link:nth-of-type(3):after, .policy-anchor-nav .filter:nth-of-type(3):after, .policy-anchor-nav .anchor-link:nth-of-type(3):after { background: #C9282D; }

.filters .filter:nth-of-type(4):after, .filters .anchor-link:nth-of-type(4):after, .products-anchor-nav .filter:nth-of-type(4):after, .products-anchor-nav .anchor-link:nth-of-type(4):after, .policy-anchor-nav .filter:nth-of-type(4):after, .policy-anchor-nav .anchor-link:nth-of-type(4):after { background: #A2AD00; }

.filters .filter:nth-of-type(5):after, .filters .anchor-link:nth-of-type(5):after, .products-anchor-nav .filter:nth-of-type(5):after, .products-anchor-nav .anchor-link:nth-of-type(5):after, .policy-anchor-nav .filter:nth-of-type(5):after, .policy-anchor-nav .anchor-link:nth-of-type(5):after { background: #626567; }

.products-anchor-nav .filter, .products-anchor-nav .anchor-link { width: 25%; }

.tabs-wrap .filters { text-align: center; }

.tabs-wrap .filters .filter { display: inline-block; float: none; }

@media only screen and (max-width: 599px) { .tabs-wrap .plain-select { display: block; }
  .tabs-wrap .filter, .tabs-wrap .anchor-link { display: none !important; } }

.footer-tiles .tile { display: block; width: 50%; float: left; height: 473px; position: relative; }

@media only screen and (max-width: 767px) { .footer-tiles .tile { width: 100%; height: 350px; } }

.footer-tiles .tile:after { content: ''; background: rgba(0, 0, 0, 0.4); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.footer-tiles .tile:hover:after { opacity: 1; }

.footer-tiles .tile h3 { color: white; margin: 0; text-align: center; font-size: 35px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; text-transform: uppercase; position: relative; z-index: 2; }

@media only screen and (max-width: 767px) { .footer-tiles .tile h3 { font-size: 30px; } }

.absolute-content { position: relative; padding-bottom: 120px; }

.absolute-content:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .absolute-content { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .absolute-content { padding-bottom: 45px; } }

.absolute-content .image { width: 59.5%; height: 700px; margin-right: 100px; float: right; }

@media only screen and (max-width: 1199px) { .absolute-content .image { margin-left: 0; width: 100%; height: 300px; margin-right: 0; float: none; } }

.absolute-content .content-area { position: absolute; top: 60px; left: 100px; background: #FA9D1C; color: white; width: 38%; padding: 60px 60px; }

@media only screen and (max-width: 1199px) { .absolute-content .content-area { width: 100%; position: relative; top: 0; right: 0; left: 0; margin: 0 auto; padding: 45px; } }

.absolute-content .content-area .heading { font-size: 40px; }

.absolute-content .content-area .two-links:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.absolute-content .content-area .two-links .text-link { margin: 0; float: left; }

.absolute-content .content-area .two-links .text-link:nth-of-type(2) { float: right; }

.absolute-content.flipped .image { float: left; margin-right: 0; margin-left: 100px; }

@media only screen and (max-width: 1199px) { .absolute-content.flipped .image { margin-left: 0; float: none; } }

.absolute-content.flipped .content-area { left: auto; right: 100px; }

@media only screen and (max-width: 1199px) { .absolute-content.flipped .content-area { right: 0; left: 0; } }

.wide-overlaid { position: relative; padding-top: 52px; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .wide-overlaid { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .wide-overlaid { padding-bottom: 45px; } }

@media only screen and (max-width: 899px) { .wide-overlaid { padding-top: 0; padding-bottom: 0; } }

.wide-overlaid .content-area { background: #e5232e; color: white; margin: 0; width: calc(100% - 100px); min-height: 610px; padding: 120px 48% 110px 10%; }

@media only screen and (max-width: 899px) { .wide-overlaid .content-area { width: 100%; padding: 60px 45px 80px 45px; min-height: 0px; } }

.wide-overlaid .image { width: 44%; height: 610px; position: absolute; top: 0; right: 32px; }

@media only screen and (max-width: 899px) { .wide-overlaid .image { display: none; } }

.wide-plain { padding-bottom: 120px; position: relative; max-width: 1260px; }

@media only screen and (max-width: 1159px) { .wide-plain { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .wide-plain { padding-bottom: 45px; } }

.wide-plain:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 899px) { .wide-plain { margin-top: -40px; } }

.wide-plain .left { width: 45%; float: left; }

@media only screen and (max-width: 899px) { .wide-plain .left { width: 100%; float: none; margin-bottom: 32px; min-height: none; } }

.wide-plain .left .image { width: 100%; height: 340px; }

@media only screen and (max-width: 899px) { .wide-plain .left .image { height: 200px; } }

.wide-plain .right { float: right; width: 45%; height: 340px; }

@media only screen and (max-width: 899px) { .wide-plain .right { width: 100%; float: none; height: auto; min-height: none; } }

.wide-plain .right .content-area { min-height: 0px !important; }

.kalsec-tr-blog-subscription { position: relative; z-index: 2; background: #eeeeee; padding: 80px 0; }

.kalsec-tr-blog-subscription .inner-wrap { width: 90%; margin: 0 auto; font-size: 0; text-align: center; }

.kalsec-tr-blog-subscription .inner-wrap .info { display: inline-block; vertical-align: middle; margin-right: 100px; text-align: left; }

.kalsec-tr-blog-subscription .inner-wrap .info h2 { margin-bottom: 20px; font-size: 20px; }

.kalsec-tr-blog-subscription .inner-wrap .info p { margin-bottom: 0; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; font-size: 60px; line-height: 70px; }

.kalsec-tr-blog-subscription .inner-wrap .button-wrap { display: inline-block; vertical-align: middle; padding-top: 25px; }

.kalsec-tr-blog-subscription.mod .inner-wrap { text-align: center; }

.kalsec-tr-blog-subscription.mod .inner-wrap .info h2 { margin-bottom: 0; font-size: 60px; line-height: 70px; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; }

.kalsec-tr-blog-subscription.mod .inner-wrap .button-wrap { padding-top: 0; }

@media only screen and (max-width: 949px) { .kalsec-tr-blog-subscription.mod .inner-wrap .button-wrap .btn, .kalsec-tr-blog-subscription.mod .inner-wrap .button-wrap .tbc_feature_btn a, .tbc_feature_btn .kalsec-tr-blog-subscription.mod .inner-wrap .button-wrap a { margin: 0 auto; } }

@media only screen and (max-width: 399px) { .kalsec-tr-blog-subscription.mod .inner-wrap .info h2 { font-size: 48px; line-height: 56px; } }

@media only screen and (max-width: 1299px) { .kalsec-tr-blog-subscription .inner-wrap .info { display: block; width: 100%; text-align: center; margin-right: 0; }
  .kalsec-tr-blog-subscription .inner-wrap .button-wrap { display: block; width: 100%; padding-top: 0; margin-top: 35px; }
  .kalsec-tr-blog-subscription .inner-wrap .button-wrap .btn, .kalsec-tr-blog-subscription .inner-wrap .button-wrap .tbc_feature_btn a, .tbc_feature_btn .kalsec-tr-blog-subscription .inner-wrap .button-wrap a { margin: 0 auto; } }

@media only screen and (max-width: 749px) { .kalsec-tr-blog-subscription .inner-wrap { width: 80%; } }

@media only screen and (max-width: 399px) { .kalsec-tr-blog-subscription .inner-wrap .info p { font-size: 48px; line-height: 56px; } }

.email-sign-up-overlay { display: none; width: 100%; max-width: 1600px; height: 100vh; position: fixed; top: 0; right: calc((100% - 1600px)/2); z-index: 100; background: rgba(0, 0, 0, 0.58); }

.email-sign-up-overlay .email-sign-up { width: 1280px; height: 575px; margin: 0 auto; position: relative; background: #fff; }

.email-sign-up-overlay .email-sign-up:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.email-sign-up-overlay .email-sign-up .close-email-sign-up-overlay { display: block; width: 75px; height: 75px; position: absolute; top: 0; right: 0; background: #95989A url("svg/close.svg") center no-repeat; background-size: 30px 30px; }

.email-sign-up-overlay .email-sign-up .image { width: 575px; height: 100%; float: left; }

.email-sign-up-overlay .email-sign-up .info { width: calc(100% - 575px); height: 100%; float: right; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap { width: 475px; margin: 0 auto; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap h2 { margin-bottom: 0; font-size: 60px; line-height: 1em; text-align: center; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap { margin-top: 20px; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form label { margin-bottom: 10px; font-size: 16px; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form input[type="email"], .email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form input[type="text"], .email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form select { height: 40px; padding: 0 15px; margin-bottom: 15px; background-size: 15px; font-size: 16px; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form .hs-form-radio { line-height: 1em; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form .hs-form-radio input[type="radio"] { margin-top: 3px; margin-bottom: 0; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form .hs-error-msgs { color: #e5232e; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form .hs-submit { margin-top: 10px; }

.email-sign-up-overlay .email-sign-up .info .inner-content-wrap .form-wrap .hbspt-form .hs-submit input[type="submit"] { padding: 20px 40px; }

@media only screen and (max-width: 1599px) { .email-sign-up-overlay { right: 0; } }

@media only screen and (max-width: 1399px) { .email-sign-up-overlay .email-sign-up { width: 90%; }
  .email-sign-up-overlay .email-sign-up .info .inner-content-wrap { width: 80%; } }

@media only screen and (max-width: 1299px) { .email-sign-up-overlay .email-sign-up .image { width: 350px; }
  .email-sign-up-overlay .email-sign-up .info { width: calc(100% - 350px); } }

@media only screen and (max-width: 999px) { .email-sign-up-overlay .email-sign-up .image { display: none; }
  .email-sign-up-overlay .email-sign-up .info { width: 100%; } }

@media only screen and (max-width: 749px) { .email-sign-up-overlay .email-sign-up .info .inner-content-wrap h2 { font-size: 48px; } }

@media only screen and (max-width: 479px) { .email-sign-up-overlay .email-sign-up .close-email-sign-up-overlay { width: 45px; height: 45px; background-size: 15px 15px; } }

.home .header-image-wrap { height: 700px; }

@media only screen and (max-width: 767px) { .home .header-image-wrap { height: 500px; } }

.home .header-image-wrap .header-image { display: table-cell; vertical-align: middle; }

.home .header-image-wrap .inner { width: 90%; margin: 0 auto; text-align: center; }

.home .header-image-wrap .inner h2 { font-family: "Timeout-Regular", cursive; font-size: 120px; line-height: 0.8em; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }

.home .header-image-wrap .inner h2 span { display: inline-block; vertical-align: top; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; font-size: 40px; margin-left: 5px; }

@media only screen and (max-width: 1019px) { .home .header-image-wrap .inner h2 { font-size: 100px; }
  .home .header-image-wrap .inner h2 span { font-size: 34px; } }

@media only screen and (max-width: 767px) { .home .header-image-wrap .inner h2 { font-size: 80px; }
  .home .header-image-wrap .inner h2 span { font-size: 30px; margin-left: 10px; } }

@media only screen and (max-width: 599px) { .home .header-image-wrap .inner h2 { font-size: 60px; }
  .home .header-image-wrap .inner h2 span { font-size: 26px; margin-left: 5px; } }

@media only screen and (max-width: 999px) { .home .page-content { padding-bottom: 20px; } }

@media only screen and (max-width: 619px) { .home .page-content { padding-bottom: 0; } }

.home .announcement-bar { float: right; clear: both; margin-top: -36px; background: #221f1f; color: white; min-width: 500px; height: 75px; position: relative; transition: all 0.3s ease-out; }

.home .announcement-bar:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 767px) { .home .announcement-bar { width: 100%; margin-top: 0; float: none; min-width: 0; display: none; } }

.home .announcement-bar.hidden { width: 0; min-width: 0; color: transparent; overflow: hidden; }

.home .announcement-bar h3 { margin: 0; line-height: 75px; padding: 0 120px 0 20px; white-space: nowrap; }

.home .announcement-bar .close-announcement { width: 75px; background: #010101 url("svg/close.svg") no-repeat center; background-size: 25px 25px; height: 75px; position: absolute; top: 0; right: 0; }

.home .products { min-height: 796px; position: relative; z-index: 1; }

.home .products:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.home .products .content-area { width: 1185px; background: #eee; padding: 130px 0; float: right; margin-top: 52px; }

.home .products .content-area .inner { width: 400px; margin: 0 115px 0 auto; }

.home .products .content-area .mobile-view-all { display: none; }

@media only screen and (max-width: 1399px) { .home .products .content-area { width: 80%; }
  .home .products .content-area .inner { width: 35%; margin: 0 5% 0 auto; } }

@media only screen and (max-width: 999px) { .home .products .content-area { position: relative; width: 100%; float: none; padding: 60px 0; margin-top: 0; }
  .home .products .content-area .copy { margin-bottom: 40px; }
  .home .products .content-area .inner { width: 90%; margin: 0 auto; }
  .home .products .content-area .mobile-view-all { display: table; padding-top: 32px; } }

.home .products .images { position: absolute; left: 85px; top: 0; height: 797px; width: 896px; }

@media only screen and (max-width: 1599px) { .home .products .images { width: calc(100% - 700px); } }

@media only screen and (max-width: 1399px) { .home .products .images { width: 55%; left: 5%; } }

@media only screen and (max-width: 999px) { .home .products .images { position: relative; left: 0; height: auto; background: #eee; width: 100%; margin-top: 60px; padding-top: 30px; } }

.home .products .images .product-image-1 { width: 340px; height: 450px; left: 150px; top: 0; }

.home .products .images .product-image-1:hover:after { background: rgba(255, 121, 0, 0.85); }

@media only screen and (max-width: 1599px) { .home .products .images .product-image-1 { width: 38%; left: 17%; } }

.home .products .images .product-image-2 { width: 406px; height: 330px; right: 0; top: 167px; }

.home .products .images .product-image-2:hover:after { background: rgba(201, 40, 45, 0.85); }

@media only screen and (max-width: 1599px) { .home .products .images .product-image-2 { width: 45%; } }

.home .products .images .product-image-3 { width: 490px; height: 236px; bottom: 111px; left: 0; }

.home .products .images .product-image-3:hover:after { background: rgba(90, 142, 34, 0.85); }

@media only screen and (max-width: 1599px) { .home .products .images .product-image-3 { width: 55%; } }

.home .products .images .product-image-4 { width: 352px; height: 300px; right: 54px; bottom: 0; }

.home .products .images .product-image-4:hover:after { background: rgba(162, 173, 0, 0.85); }

@media only screen and (max-width: 1599px) { .home .products .images .product-image-4 { width: 40%; right: 5%; } }

.home .products .images .product-image { display: block; position: absolute; }

.home .products .images .product-image:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: none; transition: all 0.3s ease-out; }

.home .products .images .product-image .vertical-center { position: relative; z-index: 2; }

.home .products .images .product-image .cell { color: white; text-align: center; font-size: 35px; font-family: "Kaushan Script", cursive; padding: 0 15px; }

@media only screen and (max-width: 767px) { .home .products .images .product-image .cell { font-size: 30px; } }

@media only screen and (max-width: 999px) { .home .products .images .product-image { position: relative; height: 150px; left: 0; top: 0; right: 0; bottom: 0; width: 90%; margin: 0 auto; } }

.home .products .images .view-all { bottom: 33px; right: 406px; position: absolute; }

@media only screen and (max-width: 1599px) { .home .products .images .view-all { min-width: 25%; right: 45%; } }

@media only screen and (max-width: 999px) { .home .products .images .view-all { position: relative; bottom: 0; top: 0; right: 0; left: 0; margin-left: 12%; display: none; } }

.home .applications { padding-top: 120px; padding-bottom: 120px; padding-top: 200px; padding-bottom: 380px; position: relative; overflow: hidden; }

.home .applications:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .home .applications { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .home .applications { padding-top: 45px; padding-bottom: 45px; } }

.home .applications .inner-wrap { width: calc(100% - 150px); position: relative; z-index: 2; margin: 0 auto; padding: 90px 80px 250px; background: #D6B229; }

.home .applications .inner-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.home .applications .image { width: 755px; height: 450px; position: absolute; top: calc(100% - 260px); left: 50%; z-index: 3; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.home .applications .left { width: 435px; float: left; }

.home .applications .left h1, .home .applications .left h3, .home .applications .left .copy { color: white; }

.home .applications .icons { width: calc(100% - 515px); float: right; color: white; text-align: center; }

.home .applications .icons .application-link { color: white; font-size: 21px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; width: 20%; float: left; margin-bottom: 50px; height: 160px; }

.home .applications .icons .application-link .icon { width: 100px; height: 90px; display: block; margin: 0 auto 10px auto; background: url("svg/beer.svg") no-repeat center; background-size: contain !important; }

.home .applications .btn, .home .applications .tbc_feature_btn a, .tbc_feature_btn .home .applications a { position: absolute; top: 100%; left: calc(50% - 601px); z-index: 4; }

@media only screen and (max-width: 1349px) { .home .applications .inner-wrap { width: 90%; }
  .home .applications .left { width: 40%; }
  .home .applications .icons { width: 55%; }
  .home .applications .icons .application-link { width: 25%; } }

@media only screen and (max-width: 1199px) { .home .applications .btn, .home .applications .tbc_feature_btn a, .tbc_feature_btn .home .applications a { left: 0; } }

@media only screen and (max-width: 1159px) { .home .applications { padding-bottom: 280px; }
  .home .applications .icons .application-link { width: 33.33333%; } }

@media only screen and (max-width: 999px) { .home .applications { padding-bottom: 150px; }
  .home .applications .inner-wrap { padding: 0; }
  .home .applications .image { position: static; width: 100%; -webkit-transform: none; transform: none; }
  .home .applications .left { width: 100%; padding: 80px 60px; }
  .home .applications .icons { display: none; }
  .home .applications .btn, .home .applications .tbc_feature_btn a, .tbc_feature_btn .home .applications a { left: 10%; } }

@media only screen and (max-width: 749px) { .home .applications .image { height: 310px; }
  .home .applications .left { padding: 55px 5%; } }

.home .trends-resources { padding-bottom: 120px; }

.home .trends-resources:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .home .trends-resources { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .home .trends-resources { padding-bottom: 45px; } }

.home .trends-resources .left { width: 55.63%; float: left; padding-right: 120px; }

@media only screen and (max-width: 1199px) { .home .trends-resources .left { width: 100%; padding-right: 0; float: none; } }

.home .trends-resources .left .item { margin-bottom: 65px; }

.home .trends-resources .left .item:first-of-type { margin-top: 20px; }

.home .trends-resources .left .item:last-of-type { margin-bottom: 0; }

.home .trends-resources .right { width: 43.37%; float: right; position: relative; }

@media only screen and (max-width: 1199px) { .home .trends-resources .right { width: 100%; float: none; margin-bottom: 60px; } }

.home .prev-next-wrap { margin-left: -78px; }

@media only screen and (max-width: 1199px) { .home .prev-next-wrap { margin-left: 10%; } }

.blog-slider { height: 625px; position: relative; }

.blog-slider .swiper-wrapper .swiper-slide { background: #eee; }

.blog-slider .swiper-wrapper .swiper-slide .text { display: block; padding: 80px 60px; height: 315px; overflow: hidden; }

@media only screen and (max-width: 767px) { .blog-slider .swiper-wrapper .swiper-slide .text { padding: 80px 20px; } }

.blog-slider .swiper-wrapper .swiper-slide .text .subheading { margin-bottom: 56px; }

.blog-slider .swiper-wrapper .swiper-slide .text .copy { font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .blog-slider .swiper-wrapper .swiper-slide .text .copy { font-size: 20px; } }

.blog-slider .swiper-wrapper .swiper-slide .thumb { width: 100%; height: 310px; display: block; background: #221f1f url("images/default-trends-big.jpg") no-repeat center; position: relative; }

.blog-slider .swiper-wrapper .swiper-slide .thumb:after { content: ''; background: rgba(0, 0, 0, 0.4); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.blog-slider .swiper-wrapper .swiper-slide .thumb:hover:after { opacity: 1; }

.prev-next-wrap { background: #e5232e; color: white; margin-left: -78px; width: 230px; height: 78px; z-index: 1; }

@media only screen and (max-width: 1199px) { .prev-next-wrap { margin-left: 10%; } }

.prev-next-wrap .swiper-prev, .prev-next-wrap .swiper-next { width: 72px; float: left; background: #c81f28; display: block; padding: 10px 25px; font-size: 45px; height: 78px; cursor: pointer; color: transparent; overflow: hidden; text-indent: -200px; background-size: 19px !important; }

.prev-next-wrap .swiper-prev { background: #c81f28 url("svg/arrow-left.svg") no-repeat center; }

.prev-next-wrap .swiper-next { background: #c81f28 url("svg/arrow-right.svg") no-repeat center; }

.prev-next-wrap .swiper-pagination { height: 78px; padding: 35px 25px; float: right; text-align: center; position: relative; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; z-index: 1; }

@media only screen and (max-width: 480px) { .application-heading { word-break: break-word; } }

.application-filters .filter:after { background: #221f1f !important; }

.application-filters .filter.antioxidants:after, .application-filters .filter.food-protection:after { background: #5A8E22 !important; }

.application-filters .filter.colors:after, .application-filters .filter.color:after { background: #FF7900 !important; }

.application-filters .filter.hops:after, .application-filters .filter.advanced-hop-products:after { background: #A2AD00 !important; }

.application-filters .filter.spice:after, .application-filters .filter.spice-and-herb-flavor-extracts:after, .application-filters .filter.spice-herb-flavor-extracts:after { background: #C9282D !important; }

.application-filters .filter.orange:after { background: #F26522 !important; }

.application-filters .filter.new-red:after { background: #DB0623 !important; }

.application-filters .filter.green:after { background: #18ac5e !important; }

.application-filters .filter.yellow:after { background: #FBCA04 !important; }

.application-filters .filter.blue:after { background: #0066a6 !important; }

.application-filters .filter.brown:after { background: #753f00 !important; }

@media only screen and (max-width: 767px) { .application-filters .plain-select { display: block; }
  .application-filters .filter { display: none; } }

.applications-grid { min-height: 350px; }

.applications-grid:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.applications-grid .gutter-sizer { width: 50px; }

@media only screen and (max-width: 1199px) { .applications-grid .gutter-sizer { width: 20px; } }

@media only screen and (max-width: 699px) { .applications-grid .gutter-sizer { width: 0; } }

.applications-grid .item { z-index: 1; width: calc(33.33% - 33.33px); margin-bottom: 50px; height: 300px; float: left; display: table; color: white; text-align: center; text-transform: uppercase; overflow: hidden; }

@media only screen and (max-width: 1199px) { .applications-grid .item { width: calc(50% - 10px); } }

@media only screen and (max-width: 699px) { .applications-grid .item { width: calc(100%); height: 200px; margin-bottom: 20px; } }

.applications-grid .item .image { position: relative; top: 0; left: 0; width: 100%; height: 300px; transition: all .35s; -webkit-transform: scale(1.15); transform: scale(1.15); }

.applications-grid .item:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all .35s; }

.applications-grid .item:hover .image { -webkit-transform: scale(1); transform: scale(1); }

.applications-grid .item:hover:after { opacity: .3; }

.applications-grid .item .vertical-center { z-index: 2; position: absolute; top: 0; left: 0; height: 300px; padding: 20px 60px; }

.applications-grid .item h3 { font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .applications-grid .item h3 { font-size: 20px; } }

.applications-grid .item .icon { width: 100px; height: 90px; display: block; margin: 0 auto 20px auto; background: url("svg/beer.svg") no-repeat center; background-size: contain !important; }

.application-ind .top-section { position: relative; }

.application-ind .top-section .featured-image { width: 59.5%; height: 700px; margin-left: 100px; }

@media only screen and (max-width: 999px) { .application-ind .top-section .featured-image { margin-left: 0; width: 100%; height: 300px; } }

.application-ind .top-section .content-area { position: absolute; top: 85px; right: 100px; background: #D6B229; color: white; width: 37.18%; padding: 100px 85px; }

@media only screen and (max-width: 999px) { .application-ind .top-section .content-area { width: 100%; position: relative; top: 0; right: 0; left: 0; margin: 0 auto; padding: 60px 40px; } }

.application-ind .top-section .content-area .heading { margin-bottom: 40px; }

.application-ind .middle-section { padding-top: 120px; padding-bottom: 120px; }

.application-ind .middle-section:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .application-ind .middle-section { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .application-ind .middle-section { padding-top: 45px; padding-bottom: 45px; } }

.application-ind .middle-section .left { width: 50%; padding-right: 60px; }

@media only screen and (max-width: 1219px) { .application-ind .middle-section .left { padding: 0 0 60px 0; } }

@media only screen and (max-width: 999px) { .application-ind .middle-section .left { padding: 0; } }

.application-ind .middle-section .left .item { padding-bottom: 60px; }

.application-ind .middle-section .left .item:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.application-ind .middle-section .left .item:last-of-type { padding-bottom: 0; }

.application-ind .middle-section .left .item .icon { width: 20%; height: 90px; float: left; background-size: 75px !important; }

@media only screen and (max-width: 619px) { .application-ind .middle-section .left .item .icon { background-size: contain !important; } }

.application-ind .middle-section .left .item .text { width: 75%; float: right; }

.application-ind .middle-section .left .item.item-1 .icon { background: url("svg/economics.svg") no-repeat center; }

.application-ind .middle-section .left .item.item-2 .icon { background: url("svg/convenience.svg") no-repeat center; }

.application-ind .middle-section .left .item.item-3 .icon { background: url("svg/sensory.svg") no-repeat center; }

.application-ind .middle-section .left .item.item-4 .icon { background: url("svg/health-wellness.svg") no-repeat center; }

.application-ind .middle-section .right { width: 50%; }

.application-ind .middle-section .left, .application-ind .middle-section .right { float: left; }

@media only screen and (max-width: 1219px) { .application-ind .middle-section .left, .application-ind .middle-section .right { width: 100%; float: none; } }

.application-ind .tabs-wrap { padding-bottom: 60px; }

@media only screen and (max-width: 899px) { .application-ind .tabs-wrap { padding-bottom: 0; } }

.application-ind .tabs-wrap .filters { margin-bottom: 60px; text-align: center; }

@media only screen and (max-width: 899px) { .application-ind .tabs-wrap .filters { margin-bottom: 45px; padding-bottom: 0; } }

.application-ind .tabs-wrap .filter { width: calc(25% - 1px); float: none; display: inline-block; }

.application-ind .tabs-wrap .tab { visibility: hidden; height: 0; opacity: 0; transition: all 0.3s ease-out; overflow: hidden; width: 90%; margin: 0 auto; }

@media only screen and (max-width: 599px) { .application-ind .tabs-wrap .tab { width: 100%; padding-top: 0; } }

.application-ind .tabs-wrap .tab.shown { visibility: visible; opacity: 1; height: auto; }

@media only screen and (max-width: 999px) { .application-ind .blog-list-small { display: none; } }

.expandable-item { margin-bottom: 60px; }

.expandable-item .intro { cursor: pointer; padding-right: 150px; position: relative; }

@media only screen and (max-width: 767px) { .expandable-item .intro { padding-right: 50px; } }

.expandable-item .intro .heading-l { margin-bottom: 30px; }

.expandable-item .intro:after { content: ''; width: 75px; height: 75px; background: #221f1f url("svg/plus-sign.svg") no-repeat center; background-size: 35px 35px; transition: all 0.3s ease-out; position: absolute; top: 35px; right: 0; }

@media only screen and (max-width: 767px) { .expandable-item .intro:after { top: 0; width: 40px; height: 40px; background-size: 20px; } }

.expandable-item .expanded { height: 0; overflow: hidden; transition: all 0.3s ease-out; padding-right: 150px; }

@media only screen and (max-width: 767px) { .expandable-item .expanded { padding-right: 0; } }

.expandable-item.shown .intro:after { background-image: url("svg/minus-sign.svg"); }

.expandable-item.static .intro:after { display: none; }

.product-overview-item { display: block; color: white; text-align: center; font-size: 35px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; text-transform: uppercase; padding: 20px 6%; position: relative; }

@media only screen and (max-width: 767px) { .product-overview-item { font-size: 30px; } }

.product-overview-item:after { content: ''; background: rgba(0, 0, 0, 0.4); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.product-overview-item .cell { z-index: 2; position: relative; }

.product-overview-item:hover:after { opacity: 1; }

.products-anchor-nav { z-index: 5; }

.products-anchor-nav.fixed { position: fixed; top: 100px; left: 0; margin: 0 auto; right: 0; margin: 0 auto; max-width: 1400px; width: calc(100% - 200px); }

@media only screen and (max-width: 1199px) { .products-anchor-nav.fixed { width: 90%; } }

@media only screen and (max-width: 899px) { .products-anchor-nav { display: none; } }

.mobile-products-anchor-nav { display: none; }

@media only screen and (max-width: 899px) { .mobile-products-anchor-nav { display: block; margin-bottom: 20px; } }

.food-protection-section { padding: 100px 0 150px 0; }

.food-protection-section:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 899px) { .food-protection-section { padding: 45px 0; } }

.food-protection-section .left { width: 45%; padding-right: 10%; padding-top: 150px; }

@media only screen and (max-width: 899px) { .food-protection-section .left { padding: 0; margin-bottom: 45px; } }

.food-protection-section .right { width: 55%; position: relative; }

@media only screen and (max-width: 899px) { .food-protection-section .right:after { content: ""; display: table; clear: both; height: 0; line-height: 0; } }

.food-protection-section .right:after { content: ''; background: #5A8E22; width: 90%; height: 66%; top: 9%; left: 0; right: 50px; margin: 0 auto; position: absolute; z-index: 0; }

@media only screen and (max-width: 899px) { .food-protection-section .right:after { display: none; } }

.food-protection-section .right .product-overview-item { width: 42.5%; height: 330px; float: left; z-index: 1; position: relative; display: block; font-family: "Kaushan Script", cursive; text-transform: none; padding-left: 20px; padding-right: 20px; transition: all 0.3s ease-out; }

.food-protection-section .right .product-overview-item:nth-of-type(1) { height: 470px; width: 88%; margin-left: -50px; top: -50px; }

.food-protection-section .right .product-overview-item:nth-of-type(2) { right: 0; top: -120px; float: right; margin-left: 3%; }

.food-protection-section .right .product-overview-item:nth-of-type(3) { right: 0; top: -120px; float: right; }

@media only screen and (max-width: 899px) { .food-protection-section .right .product-overview-item { width: 100%; margin: 0 auto; height: 150px; float: none; }
  .food-protection-section .right .product-overview-item:nth-of-type(1), .food-protection-section .right .product-overview-item:nth-of-type(2), .food-protection-section .right .product-overview-item:nth-of-type(3) { top: auto; right: auto; width: 100%; margin: 0 auto 15px auto; height: 240px; float: none; } }

.food-protection-section .right .product-overview-item .category { font-size: 23px; margin-bottom: 14px; }

.food-protection-section .left, .food-protection-section .right { float: left; }

@media only screen and (max-width: 899px) { .food-protection-section .left, .food-protection-section .right { width: 100%; float: none; } }

.colors-section { min-height: 974px; position: relative; z-index: 0; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .colors-section { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .colors-section { padding-bottom: 45px; } }

@media only screen and (max-width: 1149px) { .colors-section { padding: 0; } }

@media only screen and (max-width: 899px) { .colors-section { margin-bottom: 30px; } }

.colors-section .intro { text-align: center; margin-bottom: 40px; max-width: 1070px; }

@media only screen and (max-width: 1149px) { .colors-section .intro { text-align: left; } }

.colors-section .color-products { position: relative; width: calc(100% - 100px); }

@media only screen and (max-width: 1149px) { .colors-section .color-products { width: 100%; background: #eee; } }

.colors-section .color-products .orange-bar { height: 30px; background: #FF7900; width: 72%; clear: both; display: block; }

@media only screen and (max-width: 1149px) { .colors-section .color-products .orange-bar { width: 100%; } }

.colors-section .color-products .hues { background: #eee; width: 77%; }

@media only screen and (max-width: 1149px) { .colors-section .color-products .hues { width: 100%; max-width: 600px; margin: 0 auto; } }

.colors-section .color-products .hues .heading { text-transform: uppercase; font-size: 35px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .colors-section .color-products .hues .heading { font-size: 30px; } }

.colors-section .color-products .hues .inner { padding-left: 120px; padding-left: 5%; padding-top: 70px; padding-right: 35%; }

.colors-section .color-products .hues .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1149px) { .colors-section .color-products .hues .inner { padding: 45px 0; } }

.colors-section .color-products .hues .heading { text-align: center; }

.colors-section .color-products .hues .hue { width: 31.33%; margin: 0 3% 50px 0; text-align: center; float: left; z-index: 2; position: relative; }

.colors-section .color-products .hues .hue:nth-of-type(3n) { margin-right: 0; }

.colors-section .color-products .hues .hue:nth-of-type(1) .circle-thumb { background: #FCD404 !important; }

.colors-section .color-products .hues .hue:nth-of-type(2) .circle-thumb { background: #F99D1C !important; }

.colors-section .color-products .hues .hue:nth-of-type(3) .circle-thumb { background: #DE1931 !important; }

.colors-section .color-products .hues .hue:nth-of-type(4) .circle-thumb { background: #009CDE !important; }

.colors-section .color-products .hues .hue:nth-of-type(5) .circle-thumb { background: #899421 !important; }

.colors-section .color-products .hues .hue:nth-of-type(6) .circle-thumb { background: #BB561B !important; }

@media only screen and (max-width: 1149px) { .colors-section .color-products .hues .hue { width: 50%; margin: 0 0 45px 0; } }

.colors-section .color-products .hues .hue .circle-thumb { border-radius: 50%; background: #221f1f; margin: 0 auto 20px auto; width: 170px; height: 170px; display: block; position: relative; }

.colors-section .color-products .hues .hue .circle-thumb:after { content: ''; background: rgba(0, 0, 0, 0.2); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; border-radius: 50%; transition: all 0.3s ease-out; }

.colors-section .color-products .hues .hue .circle-thumb:hover:after { opacity: 1; }

@media only screen and (max-width: 1399px) { .colors-section .color-products .hues .hue .circle-thumb { width: 155px; height: 155px; } }

.colors-section .color-products .hues .hue .text { display: block; text-align: center; font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .colors-section .color-products .hues .hue .text { font-size: 20px; } }

.colors-section .color-products .product-overview-item { position: absolute; font-family: "Kaushan Script", cursive; text-transform: none; }

.colors-section .color-products .product-overview-item:nth-of-type(1) { width: 530px; width: 35.333%; height: 480px; top: 80px; right: 140px; right: 9.333%; }

.colors-section .color-products .product-overview-item:nth-of-type(2) { width: 403px; width: 26.8666%; height: 352px; bottom: -60px; right: 0; z-index: 3; }

@media only screen and (max-width: 1149px) { .colors-section .color-products .product-overview-item:nth-of-type(n) { position: relative; width: 100%; height: 150px; position: relative; bottom: 0; top: 0; right: 0; left: 0; } }

.spice-herb-wrap { padding: 80px 0 120px 0; position: relative; z-index: 0; }

@media only screen and (max-width: 899px) { .spice-herb-wrap { width: 100%; padding: 0 0 45px 0; } }

.spice-herb-wrap .blue-bar { height: 30px; background: #C9282D; width: 94%; clear: both; display: block; margin: 0 auto; }

@media only screen and (max-width: 899px) { .spice-herb-wrap .blue-bar { width: 100%; } }

.spice-herb-section { background: #eee; padding-top: 120px; padding-bottom: 120px; padding-left: 60px; padding-right: 60px; }

@media only screen and (max-width: 1159px) { .spice-herb-section { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .spice-herb-section { padding-top: 45px; padding-bottom: 45px; } }

@media only screen and (max-width: 1159px) { .spice-herb-section { padding-left: 40px; padding-right: 40px; } }

@media only screen and (max-width: 619px) { .spice-herb-section { padding-left: 20px; padding-right: 20px; } }

.spice-herb-section:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .spice-herb-section { padding-bottom: 28px; } }

.spice-herb-section .left { width: 38%; padding-right: 70px; }

@media only screen and (max-width: 899px) { .spice-herb-section .left { padding: 0; margin-bottom: 45px; } }

.spice-herb-section .right { width: 62%; position: relative; z-index: 2; }

.spice-herb-section .right .item { width: calc(25% - 15px); margin-right: 15px; margin-bottom: 15px; float: left; display: block; height: 175px; color: white; font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; text-align: center; position: relative; }

@media only screen and (max-width: 767px) { .spice-herb-section .right .item { font-size: 20px; } }

@media only screen and (max-width: 1199px) { .spice-herb-section .right .item { width: calc(33.33% - 22px); } }

.spice-herb-section .right .item:after { content: ''; background: rgba(0, 0, 0, 0.2); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.spice-herb-section .right .item .cell { position: relative; z-index: 2; font-family: "Kaushan Script", cursive; text-transform: none; }

.spice-herb-section .right .item:hover:after { opacity: 1; }

@media only screen and (max-width: 899px) { .spice-herb-section .right .item { width: calc(50% - 10px); margin-right: 20px; text-transform: uppercase; margin-bottom: 20px; }
  .spice-herb-section .right .item:nth-of-type(even) { margin-right: 0; } }

.spice-herb-section .left, .spice-herb-section .right { float: left; }

@media only screen and (max-width: 899px) { .spice-herb-section .left, .spice-herb-section .right { width: 100%; float: none; } }

.hops-contain { z-index: 0; }

.hops-section { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .hops-section { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .hops-section { padding-bottom: 45px; } }

.hops-section:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .hops-section { padding-bottom: 0; margin-bottom: 50px; } }

@media only screen and (max-width: 899px) { .hops-section { border-bottom: 30px solid #A2AD00; } }

.hops-section .left { width: 60%; position: relative; float: left; }

.hops-section .left .inner { padding: 0 32px 0 0; }

.hops-section .left .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 899px) { .hops-section .left .inner { padding: 0; } }

.hops-section .left:after { content: ''; background: #A2AD00; position: absolute; z-index: 1; display: block; width: calc(100% - 32px); height: calc(100% - 32px); top: 32px; left: 32px; }

@media only screen and (max-width: 899px) { .hops-section .left:after { display: none; } }

.hops-section .left .item { width: 31.33%; margin-right: 3%; margin-bottom: 20px; padding: 0 4%; float: left; display: block; height: 265px; color: white; font-size: 35px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; text-align: center; text-transform: uppercase; z-index: 2; position: relative; }

@media only screen and (max-width: 767px) { .hops-section .left .item { font-size: 30px; } }

@media only screen and (max-width: 767px) { .hops-section .left .item { font-size: 20px; } }

.hops-section .left .item:after { content: ''; background: rgba(0, 0, 0, 0.2); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.hops-section .left .item .cell { position: relative; z-index: 2; font-family: "Kaushan Script", cursive; text-transform: none; }

.hops-section .left .item:hover:after { opacity: 1; }

.hops-section .left .item:nth-of-type(3n) { margin-right: 0; }

@media only screen and (max-width: 899px) { .hops-section .left .item { width: calc(50% - 10px); margin-right: 0; height: 200px; }
  .hops-section .left .item:nth-of-type(odd) { margin-right: 20px; }
  .hops-section .left .item:nth-of-type(5), .hops-section .left .item:nth-of-type(6) { margin-bottom: 0; } }

.hops-section .right { width: 40%; padding: 100px 90px; float: right; }

@media only screen and (max-width: 899px) { .hops-section .right { padding: 0 0 45px 0; } }

@media only screen and (max-width: 899px) { .hops-section .left, .hops-section .right { width: 100%; float: none; } }

.craft-brew-section { width: 100%; height: 415px; position: relative; }

.craft-brew-section .craft-brew-icon { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: url("images/craft-brew.png") no-repeat center; }

.product-ind { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .product-ind { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .product-ind { padding-bottom: 45px; } }

.product-ind .top-section .content-area { background: #FA9D1C; }

.product-ind .top-section .content-area.cat-antioxidants, .product-ind .top-section .content-area.cat-food-protection { background: #5A8E22; }

.product-ind .top-section .content-area.cat-colors { background: #FF7900; }

.product-ind .top-section .content-area.cat-spice-herb-flavor-extracts, .product-ind .top-section .content-area.cat-spice-and-herb-flavor-extracts { background: #C9282D; }

.product-ind .top-section .content-area.cat-advanced-hop-products, .product-ind .top-section .content-area.cat-hops { background: #A2AD00; }

.product-ind .top-section .content-area.cat-craft-brew-solutions, .product-ind .top-section .content-area.cat-craft-brew { background: #221f1f; }

.product-ind .top-section .content-area .text-link { display: table; margin: 0 0 20px 0; }

.product-ind .top-section .content-area .text-link:last-of-type { margin-bottom: 0; }

.product-ind .product-applications:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.product-ind .product-applications .application-link { display: block; float: left; width: 25%; margin-bottom: 90px; min-height: 88px; transition: all 0.3s ease-out; }

.product-ind .product-applications .application-link:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1029px) { .product-ind .product-applications .application-link { width: 50%; margin-bottom: 20px; } }

@media only screen and (max-width: 599px) { .product-ind .product-applications .application-link { width: 100%; } }

.product-ind .product-applications .application-link .icon { background-size: contain !important; width: 75px; height: 75px; display: block; float: left; }

.product-ind .product-applications .application-link .text { display: block; float: left; width: calc(91% - 75px); font-size: 23px; padding-left: 15px; padding-top: 19px; }

@media only screen and (max-width: 999px) { .product-ind .blog-list-small { display: none; } }

.product-ind .trends-and-resources { margin-top: 120px; }

@media only screen and (max-width: 1159px) { .product-ind .trends-and-resources { margin-top: 60px; } }

.product-ind-slider-wrap { position: relative; margin-top: 60px; }

.product-ind-slider-wrap .product-ind-slider { background: #eee; width: calc(100% - 100px); margin: 0; clear: both; padding-top: 50px; }

@media only screen and (max-width: 899px) { .product-ind-slider-wrap .product-ind-slider { width: 100%; } }

.product-ind-slider-wrap .product-ind-slider .swiper-slide:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.product-ind-slider-wrap .product-ind-slider .left, .product-ind-slider-wrap .product-ind-slider .right { width: 50%; float: left; }

@media only screen and (max-width: 899px) { .product-ind-slider-wrap .product-ind-slider .left, .product-ind-slider-wrap .product-ind-slider .right { width: 100%; float: none; } }

.product-ind-slider-wrap .product-ind-slider .left { padding: 140px 100px 115px 100px; }

@media only screen and (max-width: 899px) { .product-ind-slider-wrap .product-ind-slider .left { padding: 45px; padding-bottom: 0; } }

.product-ind-slider-wrap .product-ind-slider .right { padding-bottom: 40px; }

@media only screen and (max-width: 899px) { .product-ind-slider-wrap .product-ind-slider .right { display: table; }
  .product-ind-slider-wrap .product-ind-slider .right img { width: 90%; margin: 0 auto; } }

@media only screen and (max-width: 1099px) { .product-ind-slider-wrap .product-ind-slider .right.w_mobile_image .thumb { display: none; }
  .product-ind-slider-wrap .product-ind-slider .right.w_mobile_image .mobile-image { display: block; } }

.product-ind-slider-wrap .product-ind-slider .right .mobile-image { display: none; width: 100%; height: 400px; background-size: contain !important; }

.product-ind-slider-wrap .product-ind-slider .right .thumb { width: 100%; margin-top: 100px; }

@media only screen and (max-width: 899px) { .product-ind-slider-wrap .product-ind-slider .right .thumb { margin-top: 0; }
  .product-ind-slider-wrap .product-ind-slider .right .thumb table { margin: 0 auto !important; margin-left: 20px !important; } }

.product-ind-slider-wrap .product-ind-slider .right .thumb img { margin: 0 auto; display: block; }

.product-ind-slider-wrap .prev-next-wrap { margin: 0 auto; left: 0; right: 0; top: -34px; position: absolute; }

.origins { padding-top: 120px; padding-bottom: 30px; }

@media only screen and (max-width: 1159px) { .origins { padding-top: 80px; } }

@media only screen and (max-width: 619px) { .origins { padding-top: 45px; } }

.origins .heading { margin-left: 5%; }

@media only screen and (max-width: 899px) { .origins .heading { text-align: center; } }

.origins .items { padding: 30px 0 30px; text-align: center; }

.origins .items:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.origins .items .item { width: 19%; margin-bottom: 30px; display: inline-block; vertical-align: top; }

@media only screen and (max-width: 899px) { .origins .items .item { width: 50%; margin-bottom: 20px; }
  .origins .items .item:nth-of-type(5) { clear: both; margin: 0 auto 20px auto; width: 100%; } }

.origins .items .item .thumb { border-radius: 50%; width: 155px; height: 155px; display: block; margin: 0 auto 20px auto; position: relative; }

.origins .items .item .thumb:after { content: ''; background: rgba(0, 0, 0, 0.4); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; border-radius: 50%; transition: all 0.3s ease-out; }

.origins .items .item .thumb:hover:after { opacity: 1; }

.origins .items .item .text { display: block; text-align: center; font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .origins .items .item .text { font-size: 20px; } }

.origins .view-all { margin: 0 auto; }

.delivery-systems { padding-top: 120px; padding-bottom: 30px; }

@media only screen and (max-width: 1159px) { .delivery-systems { padding-top: 80px; } }

@media only screen and (max-width: 619px) { .delivery-systems { padding-top: 45px; } }

.delivery-systems .heading { margin-left: 5%; }

@media only screen and (max-width: 899px) { .delivery-systems .heading { text-align: center; } }

.delivery-systems .items { padding: 30px 0 30px 0; }

.delivery-systems .items:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.delivery-systems .items .item { float: left; width: 20%; margin-bottom: 40px; min-height: 75px; }

@media only screen and (max-width: 999px) { .delivery-systems .items .item { width: 50%; margin-bottom: 20px; }
  .delivery-systems .items .item:nth-of-type(5) { clear: both; margin: 0 auto 20px auto; width: 100%; } }

@media only screen and (max-width: 599px) { .delivery-systems .items .item { width: 100%; } }

.delivery-systems .items .item .text { display: block; text-align: center; font-size: 20px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

.delivery-systems .view-all { margin: 0 auto; }

.trends-and-resources { position: relative; padding: 104px 0 150px 0; }

@media only screen and (max-width: 899px) { .trends-and-resources { padding: 45px 0; } }

.trends-and-resources .left { width: 875px; background: #18ac5e; color: white; padding: 125px 240px 125px 90px; }

@media only screen and (max-width: 899px) { .trends-and-resources .left { padding: 45px; width: 100%; } }

.trends-and-resources .right { width: 630px; position: absolute; top: 0; right: 0; }

@media only screen and (max-width: 899px) { .trends-and-resources .right { position: relative; width: 100%; } }

.table-red, .table-green, .table-blue, .table-yellow, .table-orange, .table-brown, .table-gray, .table-crafted-red, .table-crafted-green, .table-crafted-orange, .table-crafted-lime, .table-crafted-yellow { width: 90% !important; }

.table-red th, .table-green th, .table-blue th, .table-yellow th, .table-orange th, .table-brown th, .table-gray th, .table-crafted-red th, .table-crafted-green th, .table-crafted-orange th, .table-crafted-lime th, .table-crafted-yellow th { background: #e5232e; color: white; font-weight: bold; }

.table-red th p, .table-red th span, .table-green th p, .table-green th span, .table-blue th p, .table-blue th span, .table-yellow th p, .table-yellow th span, .table-orange th p, .table-orange th span, .table-brown th p, .table-brown th span, .table-gray th p, .table-gray th span, .table-crafted-red th p, .table-crafted-red th span, .table-crafted-green th p, .table-crafted-green th span, .table-crafted-orange th p, .table-crafted-orange th span, .table-crafted-lime th p, .table-crafted-lime th span, .table-crafted-yellow th p, .table-crafted-yellow th span { color: white !important; }

.table-red td, .table-red th, .table-green td, .table-green th, .table-blue td, .table-blue th, .table-yellow td, .table-yellow th, .table-orange td, .table-orange th, .table-brown td, .table-brown th, .table-gray td, .table-gray th, .table-crafted-red td, .table-crafted-red th, .table-crafted-green td, .table-crafted-green th, .table-crafted-orange td, .table-crafted-orange th, .table-crafted-lime td, .table-crafted-lime th, .table-crafted-yellow td, .table-crafted-yellow th { padding: 6px 10px !important; }

.table-red td p, .table-red td span, .table-red th p, .table-red th span, .table-green td p, .table-green td span, .table-green th p, .table-green th span, .table-blue td p, .table-blue td span, .table-blue th p, .table-blue th span, .table-yellow td p, .table-yellow td span, .table-yellow th p, .table-yellow th span, .table-orange td p, .table-orange td span, .table-orange th p, .table-orange th span, .table-brown td p, .table-brown td span, .table-brown th p, .table-brown th span, .table-gray td p, .table-gray td span, .table-gray th p, .table-gray th span, .table-crafted-red td p, .table-crafted-red td span, .table-crafted-red th p, .table-crafted-red th span, .table-crafted-green td p, .table-crafted-green td span, .table-crafted-green th p, .table-crafted-green th span, .table-crafted-orange td p, .table-crafted-orange td span, .table-crafted-orange th p, .table-crafted-orange th span, .table-crafted-lime td p, .table-crafted-lime td span, .table-crafted-lime th p, .table-crafted-lime th span, .table-crafted-yellow td p, .table-crafted-yellow td span, .table-crafted-yellow th p, .table-crafted-yellow th span { margin-bottom: 0; }

.table-red th { background: #e5232e; }

.table-red td, .table-red th { border: 2px solid #e5232e !important; }

.table-green th { background: #18ac5e; }

.table-green td, .table-green th { border: 2px solid #18ac5e !important; }

.table-blue th { background: #0066a6; }

.table-blue td, .table-blue th { border: 2px solid #0066a6 !important; }

.table-yellow th { background: #FBCA04; }

.table-yellow td, .table-yellow th { border: 2px solid #FBCA04 !important; }

.table-orange th { background: #FA9D1C; }

.table-orange td, .table-orange th { border: 2px solid #FA9D1C !important; }

.table-brown th { background: #753f00; }

.table-brown td, .table-brown th { border: 2px solid #753f00 !important; }

.table-gray th { background: #221f1f; }

.table-gray td, .table-gray th { border: 2px solid #221f1f !important; }

.table-crafted-red th { background: #C9282D; }

.table-crafted-red td, .table-crafted-red th { border: 2px solid #C9282D !important; }

.table-crafted-green th { background: #5A8E22; }

.table-crafted-green td, .table-crafted-green th { border: 2px solid #5A8E22 !important; }

.table-crafted-orange th { background: #FF7900; }

.table-crafted-orange td, .table-crafted-orange th { border: 2px solid #FF7900 !important; }

.table-crafted-lime th { background: #A2AD00; }

.table-crafted-lime td, .table-crafted-lime th { border: 2px solid #A2AD00 !important; }

.table-crafted-yellow th { background: #D6B229; }

.table-crafted-yellow td, .table-crafted-yellow th { border: 2px solid #D6B229 !important; }

.postid-149 .top-section .content-area.cat-colors { background: #FCD404; }

.postid-255 .top-section .content-area.cat-colors { background: #F99D1C; }

.postid-4351 .top-section .content-area.cat-colors { background: #009CDE; }

.postid-147 .top-section .content-area.cat-colors { background: #DE1931; }

.postid-146 .top-section .content-area.cat-colors { background: #899421; }

.postid-145 .top-section .content-area.cat-colors { background: #BB561B; }

.blog-list-small .items-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.blog-list-small .item { background: #eee; margin-bottom: 35px; }

.blog-list-small .item:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.blog-list-small .item:last-of-type { margin-bottom: 0; }

.blog-list-small .item .thumb { width: 180px; height: 180px; float: left; display: block; background-color: #221f1f !important; background: url("images/default-trends-small.jpg") no-repeat center; }

@media only screen and (max-width: 619px) { .blog-list-small .item .thumb { width: 100%; float: none; } }

.blog-list-small .item .text { display: block; float: left; padding: 27px; width: calc(100% - 180px); }

@media only screen and (max-width: 1022px) { .blog-list-small .item .text { width: calc(100% - 180px); } }

@media only screen and (max-width: 619px) { .blog-list-small .item .text { width: 100%; } }

.blog-list-small .item .text .category { margin-bottom: 20px; font-size: 20px; }

.blog-list-small .item .text .heading { margin-bottom: 30px; font-size: 20px; }

.blog-list-small .view-all { display: table; margin-top: 60px; }

@media only screen and (max-width: 899px) { .blog-list-small .view-all { margin: 45px auto 0 auto; } }

.wide-blog-list-small .blog-list-small { padding-top: 120px; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .wide-blog-list-small .blog-list-small { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .wide-blog-list-small .blog-list-small { padding-top: 45px; padding-bottom: 45px; } }

.wide-blog-list-small .blog-list-small .items-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.wide-blog-list-small .blog-list-small .items-wrap .item { float: left; width: 48%; }

.wide-blog-list-small .blog-list-small .items-wrap .item:nth-of-type(1) { margin-right: 4%; }

@media only screen and (max-width: 1022px) { .wide-blog-list-small .blog-list-small .items-wrap .item { width: 100%; } }

.wide-blog-list-small .blog-list-small .view-all { margin: 30px auto 0 auto; }

.collections-tabs-wrap .filters, .sustainability-tabs-wrap .filters { margin-bottom: 60px; }

@media only screen and (max-width: 480px) { .collections-tabs-wrap .filters, .sustainability-tabs-wrap .filters { margin-bottom: 20px; } }

.collections-tabs-wrap .filters .filter, .sustainability-tabs-wrap .filters .filter { width: calc(25% - 1px); }

.collections-tabs-wrap .filters .filter:after, .sustainability-tabs-wrap .filters .filter:after { background: #221f1f !important; }

.collections-tabs-wrap .tab, .sustainability-tabs-wrap .tab { visibility: hidden; height: 0; opacity: 0; transition: all 0.3s ease-out; overflow: hidden; width: 90%; margin: 0 auto; }

@media only screen and (max-width: 599px) { .collections-tabs-wrap .tab, .sustainability-tabs-wrap .tab { width: 100%; padding-top: 0; } }

.collections-tabs-wrap .tab.shown, .sustainability-tabs-wrap .tab.shown { visibility: visible; opacity: 1; height: auto; }

.page-template-page-collections-6-tab .collections-tabs-wrap .filters, .page-template-page-collections-6-tab .sustainability-tabs-wrap .filters { display: flex; }

.page-template-page-collections-6-tab .collections-tabs-wrap .filters .filter, .page-template-page-collections-6-tab .sustainability-tabs-wrap .filters .filter { width: 100%; flex: 1; }

@media only screen and (max-width: 899px) { .page-template-page-collections-6-tab .collections-tabs-wrap .plain-select, .page-template-page-collections-6-tab .sustainability-tabs-wrap .plain-select { display: block; }
  .page-template-page-collections-6-tab .collections-tabs-wrap .filter, .page-template-page-collections-6-tab .sustainability-tabs-wrap .filter { display: none; } }

.glossary-items-wrap { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .glossary-items-wrap { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .glossary-items-wrap { padding-bottom: 45px; } }

.glossary-items-wrap.no-icons .item .icon { display: none; }

.glossary-items-wrap.no-icons .item .text-wrap { width: 100%; padding-left: 0 !important; }

.glossary-items-wrap .items:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.glossary-items-wrap .items .item { float: left; width: 46%; margin-right: 8%; margin-bottom: 70px; }

.glossary-items-wrap .items .item:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.glossary-items-wrap .items .item:nth-of-type(even) { margin-right: 0; }

.glossary-items-wrap .items .item:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 699px) { .glossary-items-wrap .items .item { width: 100%; float: none; margin: 0 auto 45px auto; }
  .glossary-items-wrap .items .item:last-of-type { margin-bottom: 45px; } }

.glossary-items-wrap .items .item .icon { width: 75px; height: 75px; background: #eee; border-radius: 50%; float: left; }

.glossary-items-wrap .items .item .text-wrap { width: calc(100% - 75px); float: left; padding-left: 35px; }

@media only screen and (max-width: 599px) { .glossary-items-wrap .items .item .text-wrap { padding-left: 20px; } }

.glossary-items-wrap .back-btn { float: right; }

.about-wrap .mission-three { padding-bottom: 120px; }

.about-wrap .mission-three:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .about-wrap .mission-three { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .about-wrap .mission-three { padding-bottom: 45px; } }

@media only screen and (max-width: 899px) { .about-wrap .mission-three { padding-bottom: 21px; } }

.about-wrap .mission-three .item { float: left; width: 31.33%; margin-right: 3%; background: #eee; padding: 44px 50px 50px 50px; min-height: 350px; height: auto; }

@media only screen and (max-width: 899px) { .about-wrap .mission-three .item { width: 100%; padding: 45px; margin: 0 auto 20px auto; height: auto; min-height: 0; } }

.about-wrap .mission-three .item ul { margin: 0; padding: 0 0 0 27px; }

.about-wrap .mission-three .item:last-of-type { margin-right: 0; }

.about-wrap .history-wrap .image { height: 795px; }

@media only screen and (max-width: 899px) { .about-wrap .history-wrap .image { height: 200px; } }

.about-wrap .history-wrap .content-area { width: 765px; background: #e5232e; }

@media only screen and (max-width: 899px) { .about-wrap .history-wrap .content-area { width: 100%; } }

.associations-wrap .heading, .certificates-wrap .heading { text-align: center; margin-bottom: 80px; }

@media only screen and (max-width: 1159px) { .certificates { padding-top: 80px; } }

.associations, .certificates { max-width: 915px; margin: 0 auto 60px auto; position: relative; z-index: 2; }

.associations:after, .certificates:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 899px) { .associations, .certificates { max-width: 300px; } }

.associations .item, .certificates .item { width: 65px; height: 65px; background: #eee; margin: 0 80px 80px 80px; display: inline-block; background-size: contain !important; }

@media only screen and (max-width: 899px) { .associations .item, .certificates .item { margin: 0 40px 20px; } }

.services-graphic { padding: 200px 0; position: relative; max-width: 975px; margin: 0 auto 100px auto; }

.services-graphic:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 999px) { .services-graphic { display: none; } }

.services-graphic .normal-item { width: 120px; float: left; padding: 0 8px; text-align: center; }

.services-graphic .normal-item .icon { width: 105px; height: 105px; margin: 0 auto 10px auto; }

.services-graphic .normal-item.small-arrow { width: 82px; height: 20px; margin-top: 45px; }

.services-graphic .normal-item.small-arrow .icon { width: 62px; height: 20px; }

.services-graphic .normal-item.arrow { margin-top: 45px; width: 100px; height: 20px; }

.services-graphic .normal-item.arrow .icon { width: 80px; height: 20px; }

.services-graphic .normal-item.arrow .icon .cls-1, .services-graphic .normal-item.arrow .icon .cls-2 { stroke-dasharray: 80; stroke-dashoffset: 80; }

.services-graphic .normal-item.arrow .icon .cls-1.activated, .services-graphic .normal-item.arrow .icon .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .normal-item.arrow .icon .cls-2 { stroke-dasharray: 20; stroke-dashoffset: 20; }

.services-graphic .normal-item.arrow .icon .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

@-webkit-keyframes dash { to { stroke-dashoffset: 0; } }

@keyframes dash { to { stroke-dashoffset: 0; } }

.services-graphic .normal-item.customer-icon .cls-1, .services-graphic .normal-item.applications-lab-icon .cls-1, .services-graphic .normal-item.sensory-lab-icon .cls-1, .services-graphic .normal-item.analytical-lab-icon .cls-1 { fill: #e4242e; stroke: #e4242e; }

.services-graphic .normal-item.customer-icon .cls-2, .services-graphic .normal-item.applications-lab-icon .cls-2, .services-graphic .normal-item.sensory-lab-icon .cls-2, .services-graphic .normal-item.analytical-lab-icon .cls-2 { fill: none; stroke: #000; stroke-miterlimit: 10; stroke-width: 0.63px; }

.services-graphic .customer-icon, .services-graphic .applications-lab-icon, .services-graphic .sensory-lab-icon, .services-graphic .analytical-lab-icon, .services-graphic .quality, .services-graphic .sales, .services-graphic .marketing { opacity: 0; transition: all 1s ease-out; }

.services-graphic .customer-icon.activated, .services-graphic .applications-lab-icon.activated, .services-graphic .sensory-lab-icon.activated, .services-graphic .analytical-lab-icon.activated, .services-graphic .quality.activated, .services-graphic .sales.activated, .services-graphic .marketing.activated { opacity: 1; }

.services-graphic .quality { float: left; }

.services-graphic .circle { width: 105px; height: 105px; position: relative; }

.services-graphic .circle .icon { width: 105px; height: 105px; }

.services-graphic .circle .text { position: absolute; top: 21px; left: 10px; width: 86px; height: 100px; text-align: center; }

.services-graphic .small-arrow .cls-1, .services-graphic .small-arrow .cls-2, .services-graphic .small-arrow-1 .cls-1, .services-graphic .small-arrow-1 .cls-2, .services-graphic .small-arrow-2 .cls-1, .services-graphic .small-arrow-2 .cls-2 { stroke-dasharray: 80; stroke-dashoffset: 80; }

.services-graphic .small-arrow .cls-1.activated, .services-graphic .small-arrow .cls-2.activated, .services-graphic .small-arrow-1 .cls-1.activated, .services-graphic .small-arrow-1 .cls-2.activated, .services-graphic .small-arrow-2 .cls-1.activated, .services-graphic .small-arrow-2 .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .small-arrow .cls-2, .services-graphic .small-arrow-1 .cls-2, .services-graphic .small-arrow-2 .cls-2 { stroke-dasharray: 20; stroke-dashoffset: 20; }

.services-graphic .small-arrow .cls-2.activated, .services-graphic .small-arrow-1 .cls-2.activated, .services-graphic .small-arrow-2 .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .angled-arrow-1 .cls-1, .services-graphic .angled-arrow-1 .cls-2, .services-graphic .angled-arrow-2 .cls-1, .services-graphic .angled-arrow-2 .cls-2 { stroke-dasharray: 120; stroke-dashoffset: 120; }

.services-graphic .angled-arrow-1 .cls-1.activated, .services-graphic .angled-arrow-1 .cls-2.activated, .services-graphic .angled-arrow-2 .cls-1.activated, .services-graphic .angled-arrow-2 .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .angled-arrow-1 .cls-2, .services-graphic .angled-arrow-2 .cls-2 { stroke-dasharray: 40; stroke-dashoffset: 40; }

.services-graphic .angled-arrow-1 .cls-2.activated, .services-graphic .angled-arrow-2 .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .large-arrow .cls-1, .services-graphic .large-arrow .cls-2 { stroke-dasharray: 800; stroke-dashoffset: 800; }

.services-graphic .large-arrow .cls-1.activated, .services-graphic .large-arrow .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .large-arrow .cls-2 { stroke-dasharray: 20; stroke-dashoffset: 20; }

.services-graphic .large-arrow .cls-2.activated { -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }

.services-graphic .small-arrow-1 { position: absolute; top: 113px; left: 252px; height: 41px; width: 17px; }

.services-graphic .small-arrow-2 { position: absolute; bottom: 147px; left: 252px; height: 41px; width: 17px; }

.services-graphic .angled-arrow-1 { position: absolute; left: 123px; top: 108px; width: 86px; height: 93px; }

.services-graphic .angled-arrow-2 { position: absolute; bottom: 123px; left: 123px; width: 86px; height: 93px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.services-graphic .large-arrow { fill: #e4242e; stroke: #e4242e; position: absolute; bottom: 38px; width: 573px; height: 174px; right: 56px; }

.services-graphic .sales { position: absolute; top: 0; left: 208px; }

.services-graphic .sales .text { top: 40px; }

.services-graphic .marketing { position: absolute; left: 208px; bottom: 0; }

.services-graphic .marketing .text { top: 40px; }

.quality-wrap .wide-overlaid { position: relative; }

.quality-wrap .wide-overlaid .content-area { background: #18ac5e; }

.careers-wrap .careers-content .btn, .careers-wrap .careers-content .tbc_feature_btn a, .tbc_feature_btn .careers-wrap .careers-content a { margin: 50px auto 0 auto; }

.careers-wrap .why-kalsec { text-align: center; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .careers-wrap .why-kalsec { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .careers-wrap .why-kalsec { padding-bottom: 45px; } }

.careers-wrap .why-kalsec .two-links { margin: 50px auto 0 auto; }

.careers-wrap .locations-wrap .heading-sm { text-align: center; margin-bottom: 60px; }

.careers-wrap .locations { text-align: center; }

.careers-wrap .locations:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.careers-wrap .locations .location { display: inline-table; width: 25%; margin-bottom: 50px; }

@media only screen and (max-width: 899px) { .careers-wrap .locations .location { width: 50%; margin-bottom: 20px; }
  .careers-wrap .locations .location:last-of-type { width: 50%; margin-bottom: 20px; clear: none; } }

.careers-wrap .locations .location .image { display: block; margin: 0 auto 30px auto; border-radius: 50%; width: 75px; height: 75px; background: #221f1f; }

.careers-wrap .locations .location .title { text-align: center; display: block; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; font-size: 25px; padding: 0 30px; min-height: 50px; }

@media only screen and (max-width: 767px) { .careers-wrap .locations .location .title { font-size: 20px; } }

.testimonials-wrap { background: #eee; overflow: hidden; padding-top: 120px; }

@media only screen and (max-width: 1159px) { .testimonials-wrap { padding-top: 80px; } }

@media only screen and (max-width: 619px) { .testimonials-wrap { padding-top: 45px; } }

@media only screen and (max-width: 767px) { .testimonials-wrap { padding-top: 80px; } }

.testimonials-wrap .testimonials-heading { text-align: center; }

.testimonials-wrap .inner { position: relative; }

.testimonials-wrap .testimonials-slider { position: relative; background: #eee; width: calc(90% - 80px); max-width: 1260px; margin: 0 auto; padding: 80px 0 100px; }

@media only screen and (max-width: 767px) { .testimonials-wrap .testimonials-slider { padding: 30px 0 80px; } }

.testimonials-wrap .testimonials-slider .swiper-wrapper { position: relative; }

.testimonials-wrap .testimonials-slider .swiper-wrapper:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide { text-align: center; width: 25%; float: left; }

@media only screen and (max-width: 899px) { .testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide { width: 50%; } }

@media only screen and (max-width: 599px) { .testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide { width: 100%; } }

.testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide .image { margin: 0 auto 20px auto; width: 170px; height: 170px; border-radius: 50%; }

.testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide .name { font-size: 25px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

@media only screen and (max-width: 767px) { .testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide .name { font-size: 20px; } }

.testimonials-wrap .testimonials-slider .swiper-wrapper .swiper-slide .title { font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

.testimonials-wrap .alt-prev-next { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1324px; width: 90%; height: 100%; }

.testimonials-wrap .swiper-prev, .testimonials-wrap .swiper-next { position: absolute; top: 145px; height: 40px; width: 30px; z-index: 4; }

@media only screen and (max-width: 767px) { .testimonials-wrap .swiper-prev, .testimonials-wrap .swiper-next { top: 100px; } }

.testimonials-wrap .swiper-prev { left: 0px; background: url("svg/arrow-left-dark.svg") no-repeat center; }

.testimonials-wrap .swiper-next { right: 0px; background: url("svg/arrow-right-dark.svg") no-repeat center; }

.testimonials-wrap .testimonials-expanded .item { display: none; padding-bottom: 120px; position: relative; }

@media only screen and (max-width: 1159px) { .testimonials-wrap .testimonials-expanded .item { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .testimonials-wrap .testimonials-expanded .item { padding-bottom: 45px; } }

.testimonials-wrap .testimonials-expanded .item:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.testimonials-wrap .testimonials-expanded .item.shown { display: block; }

.testimonials-wrap .testimonials-expanded .item .close { position: absolute; top: 0; right: 0; background: url("svg/close-dark.svg") no-repeat center; width: 22px; height: 22px; }

.testimonials-wrap .testimonials-expanded .item .image { width: 383px; height: 383px; border-radius: 50%; float: left; }

@media only screen and (max-width: 899px) { .testimonials-wrap .testimonials-expanded .item .image { display: none; } }

.testimonials-wrap .testimonials-expanded .item .text { float: left; width: calc(100% - 383px); padding-left: 100px; padding-top: 50px; }

@media only screen and (max-width: 899px) { .testimonials-wrap .testimonials-expanded .item .text { width: 100%; padding: 0; float: none; } }

.testimonials-wrap .testimonials-expanded .item .text .title { font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

#contact-map { height: 550px; width: 100%; }

@media only screen and (max-width: 899px) { #contact-map { display: none; } }

.location-filters { margin-top: 30px; padding-bottom: 0; }

@media only screen and (max-width: 899px) { .location-filters { display: none; } }

.location-filters .filter { width: 16.6666%; }

.location-filters .filter:nth-of-type(1):after { background: #221f1f; }

.location-filters .filter:nth-of-type(2):after { background: #e5232e; }

.location-filters .filter:nth-of-type(3):after { background: #0066a6; }

.location-filters .filter:nth-of-type(4):after { background: #18ac5e; }

.location-filters .filter:nth-of-type(5):after { background: #753f00; }

.location-filters .filter:nth-of-type(6):after { background: #FA9D1C; }

.contact-content .btn, .contact-content .tbc_feature_btn a, .tbc_feature_btn .contact-content a { margin: 30px auto 0 auto; }

.locations-info { padding-bottom: 0; }

.locations-info .location { width: 50%; float: left; margin-bottom: 30px; min-height: 378px; }

.locations-info .location:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.locations-info .location:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 1199px) { .locations-info .location { width: 100%; float: none; margin-bottom: 0; max-height: none; } }

.locations-info .location .image { width: 287px; width: 50%; height: 276px; float: left; }

@media only screen and (max-width: 899px) { .locations-info .location .image { width: 100%; float: none; height: 150px; } }

.locations-info .location .text { width: 50%; float: left; }

@media only screen and (max-width: 899px) { .locations-info .location .text { width: 100%; float: none; } }

.locations-info .location .text .inner { padding: 0px 20px 20px 30px; }

@media only screen and (max-width: 899px) { .locations-info .location .text .inner { padding: 45px 20px; } }

.locations-info .location:first-of-type { width: 100%; }

.page-content.large { padding-top: 0; padding-bottom: 40px; }

.contact-middle-content { background: #eee; padding: 80px 60px; }

.bottom-features { padding-bottom: 120px; }

.bottom-features:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .bottom-features { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .bottom-features { padding-bottom: 45px; } }

@media only screen and (max-width: 1159px) { .bottom-features { padding-bottom: 20px; } }

.bottom-features .item { float: left; width: 48.5%; padding: 80px 60px; margin-right: 3%; background: #eee; margin-bottom: 40px; min-height: 428px; }

@media only screen and (max-width: 1159px) { .bottom-features .item { min-height: 0px; } }

.bottom-features .item:nth-of-type(even) { margin-right: 0; }

.bottom-features .item .heading { font-size: 26px; font-weight: bold; }

.bottom-features .item .text-link { line-height: 1.4; }

@media only screen and (max-width: 999px) { .bottom-features .item { float: none; width: 100%; padding: 45px 20px; margin: 0 auto 30px auto; } }

.privacy-content { padding-bottom: 60px; }

.policy-anchor-nav { margin: 0 auto 60px auto; max-width: 1020px; }

@media only screen and (max-width: 899px) { .policy-anchor-nav { display: none; } }

.policy-anchor-nav.fixed { position: fixed; top: 100px; left: 0; z-index: 4; right: 0; }

@media only screen and (max-width: 1199px) { .policy-anchor-nav.fixed { width: 90%; } }

.policy-anchor-nav .anchor-link { width: 33.33%; }

.policy-anchor-nav .anchor-link:after { background: #221f1f !important; }

.policy-section { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .policy-section { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .policy-section { padding-bottom: 45px; } }

.policy-section .intro { padding-bottom: 120px; text-align: center; max-width: 915px; margin: 0 auto; }

@media only screen and (max-width: 1159px) { .policy-section .intro { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .policy-section .intro { padding-bottom: 45px; } }

.policy-section .item { background: #eee; padding: 65px; margin-bottom: 60px; }

.policy-section .item:last-of-type { margin-bottom: 0; }

.faqs-wrap { padding-top: 120px; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .faqs-wrap { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .faqs-wrap { padding-top: 45px; padding-bottom: 45px; } }

.faqs-wrap .heading { text-align: center; margin-bottom: 50px; }

.faq-list .faq { margin-bottom: 30px; background: #eee; text-align: left; max-width: 800px; margin: 0 auto 30px auto; }

.faq-list .faq:last-of-type { margin-bottom: 0; }

.faq-list .faq .title { cursor: pointer; min-height: 95px; padding: 31px 20px 31px 120px; position: relative; }

@media only screen and (max-width: 899px) { .faq-list .faq .title { padding: 10px 10px 10px 90px; min-height: 65px; } }

.faq-list .faq .title:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: #e5232e url("svg/plus-sign.svg") no-repeat center; background-size: 20px; width: 95px; height: 95px; padding: 20px; }

@media only screen and (max-width: 899px) { .faq-list .faq .title:before { width: 65px; height: 65px; } }

.faq-list .faq .copy { height: 0; overflow: hidden; transition: all 0.3s ease-out; margin: 0 100px 0 100px; }

@media only screen and (max-width: 899px) { .faq-list .faq .copy { margin: 0 45px; } }

.faq-list .faq.shown .title:before { content: ''; background: #e5232e url("svg/minus-sign.svg") no-repeat center; background-size: 20px; }

.faq-list .faq.shown .copy { margin-bottom: 40px; margin-top: 40px; }

@media only screen and (max-width: 899px) { .faq-list .faq.shown .copy { margin-bottom: 20px; margin-top: 20px; } }

.sustainability-tabs-wrap { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .sustainability-tabs-wrap { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .sustainability-tabs-wrap { padding-bottom: 45px; } }

@media only screen and (max-width: 599px) { .sustainability-tabs-wrap .filters { margin-bottom: 0; } }

.sustainability-tabs-wrap .filter { width: calc(33.33% - 1px); }

.sustainability-tabs-wrap .filter:after { background: #18ac5e !important; }

.sustainability-stats { padding-bottom: 120px; max-width: 1358px; }

.sustainability-stats:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .sustainability-stats { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .sustainability-stats { padding-bottom: 45px; } }

.sustainability-stats .item { width: 29.33%; margin-right: 6%; float: left; text-align: center; padding: 0 3%; }

.sustainability-stats .item:last-of-type { margin-right: 0; }

@media only screen and (max-width: 999px) { .sustainability-stats .item { width: 100%; margin: 0 auto 40px; max-width: 400px; float: none; }
  .sustainability-stats .item:last-of-type { margin: 0 auto; } }

.sustainability-stats .item .animation-area { height: 145px; }

.sustainability-stats .item .animation-area svg { width: 100%; height: 100%; }

.sustainability-stats .item .people:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.sustainability-stats .item .people .person { width: 25%; float: left; height: 120px; }

.sustainability-stats .item .people .person svg { width: 100%; height: 100%; }

.sustainability-stats .item .people .person .cls-1 { transition: all 0.3s ease-out; }

.sustainability-stats .item .people .person.activated .cls-1 { fill: #18ac5e !important; }

.sustainability-stats .item .circle-animation-graph { position: relative; width: 115px; margin: 0 auto; }

.sustainability-stats .item .circle-animation-graph .text { position: absolute; top: 48px; left: 0; right: 0; margin: 0 auto; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

.sustainability-stats .item .bar-graph { position: relative; height: 133px; }

.sustainability-stats .item .bar-graph .gray-bar, .sustainability-stats .item .bar-graph .green-bar { position: absolute; left: 43%; }

.sustainability-stats .item .bar-graph .gray-bar { top: 8px; width: 55px; height: 125px; background: #E1E1E1; }

.sustainability-stats .item .bar-graph .green-bar { width: 55px; height: 0; bottom: 0; background: #18ac5e; transition: all 0.3s ease-out; }

.sustainability-stats .item .bar-graph .green-bar.activated { height: 107px; }

.sustainability-stats .item .bar-graph .text { color: #18ac5e; position: absolute; left: 43%; padding-left: 55px; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; }

.sustainability-stats .item .bar-graph .text:before { height: 1px; background: #221f1f; width: 30px; content: ''; display: inline-block; margin-bottom: 5px; margin-right: 5px; }

.sustainability-stats .item .bar-graph .text-2 { top: 31.25px; }

.sustainability-stats .item .bar-graph .text-3 { top: 62.50px; }

.sustainability-stats .item .bar-graph .text-4 { top: 93.75px; }

.sustainability-banner { height: 415px; text-align: center; color: white; }

.sustainability-banner .btn, .sustainability-banner .tbc_feature_btn a, .tbc_feature_btn .sustainability-banner a { margin: 0 auto; }

.sustainability-banner .heading-l { margin-bottom: 40px; }

.sustainability-banner .vertical-center { height: 100%; }

.page-template-page-trends-resources .top-section { padding-bottom: 55px; }

.page-template-page-trends-resources .top-section .content-area { background: #222222; }

.page-template-page-trends-resources .top-section .content-area h1 { font-size: 58px; line-height: 70px; }

.page-template-page-trends-resources .top-section .content-area .button-wrap { margin-top: 35px; }

.trends-resources-wrap .trends-resources-news { padding-bottom: 120px; }

.trends-resources-wrap .trends-resources-news:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .trends-resources-wrap .trends-resources-news { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .trends-resources-wrap .trends-resources-news { padding-bottom: 45px; } }

.trends-resources-wrap .trends-resources-news .item { width: 31.33%; float: left; margin-right: 2%; }

.trends-resources-wrap .trends-resources-news .item:last-of-type { margin-right: 0; }

@media only screen and (max-width: 1044px) { .trends-resources-wrap .trends-resources-news .item { float: none; width: 100%; max-width: 400px; margin: 0 auto 40px auto; }
  .trends-resources-wrap .trends-resources-news .item:last-of-type { margin: 0 auto 40px auto; } }

.trends-resources-wrap .trends-resources-news .item .thumb { width: 100%; max-width: 427px; height: 225px; margin: 0 auto; }

.trends-resources-wrap .trends-resources-news .item .btn, .trends-resources-wrap .trends-resources-news .item .tbc_feature_btn a, .tbc_feature_btn .trends-resources-wrap .trends-resources-news .item a { margin: 0 auto; }

.trends-resources-wrap .tag-filters { padding-bottom: 40px; position: relative; }

.trends-resources-wrap .tag-filters:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.trends-resources-wrap .tag-filters .filter { float: left; width: calc(25% - 17px); border-right: 1px solid white; background: black; color: white; font-size: 25px; padding: 30px; text-align: center; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; position: relative; cursor: pointer; }

@media only screen and (max-width: 767px) { .trends-resources-wrap .tag-filters .filter { font-size: 20px; } }

@media only screen and (max-width: 1159px) { .trends-resources-wrap .tag-filters .filter { width: calc(50% - 34px); border-bottom: 1px solid white; height: 84px; } }

@media only screen and (max-width: 549px) { .trends-resources-wrap .tag-filters .filter { width: calc(100% - 68px); float: none; border-bottom: 1px solid white; height: 84px; } }

.trends-resources-wrap .tag-filters .filter.open .label:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.trends-resources-wrap .tag-filters .filter.open .options { display: block; }

.trends-resources-wrap .tag-filters .filter.clear { width: 68px; height: 85px; background: #e5232e url("svg/close.svg") center no-repeat; background-size: 20px 20px; border-right: none; }

.trends-resources-wrap .tag-filters .filter.clear .label:after { display: none; }

@media only screen and (max-width: 1159px) { .trends-resources-wrap .tag-filters .filter.clear { position: absolute; top: 0; right: 0; height: 168px; } }

@media only screen and (max-width: 549px) { .trends-resources-wrap .tag-filters .filter.clear { height: 336px; } }

.trends-resources-wrap .tag-filters .filter .label:after { content: ''; background: url("svg/arrow-down-white.svg") no-repeat center; width: 20px; height: 20px; display: inline-block; margin-left: 30px; transition: all 0.3s ease-out; }

.trends-resources-wrap .tag-filters .filter .options { display: none; position: absolute; width: 100%; top: 85px; background: #221f1f; border-top: 1px solid white; left: 0; z-index: 4; overflow: auto; max-height: 562px; }

.trends-resources-wrap .tag-filters .filter .options .option-item { padding: 20px 20px 20px 20px; transition: all 0.3s ease-out; }

.trends-resources-wrap .tag-filters .filter .options .option-item.active, .trends-resources-wrap .tag-filters .filter .options .option-item:hover { background: black; }

.view-archive-wrap { width: 258px; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto 50px auto; }

.blog-list-main { min-height: 575px; }

.blog-list-main:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.blog-list-main .gutter-sizer { width: 45px; }

@media only screen and (max-width: 999px) { .blog-list-main .gutter-sizer { width: 20px; } }

.blog-list-main .item { width: calc(33.33% - 30px); margin-bottom: 50px; float: left; background: #eee; }

@media only screen and (max-width: 1329px) { .blog-list-main .item { width: calc(50% - 25px); } }

@media only screen and (max-width: 999px) { .blog-list-main .item { width: 100%; float: none; margin: 0 auto 20px auto; } }

.blog-list-main .item .text { display: block; padding: 40px 60px; height: 300px; overflow: hidden; font-weight: normal; }

@media only screen and (max-width: 999px) { .blog-list-main .item .text { height: auto; } }

@media only screen and (max-width: 767px) { .blog-list-main .item .text { padding: 40px 20px; } }

.blog-list-main .item .text .heading { line-height: 0px; font-size: 28px; line-height: 1em; }

.blog-list-main .item .text .subheading { margin-bottom: 20px; }

.blog-list-main .item .thumb { width: 100%; height: 225px; background: #221f1f url("images/default-trends-big.jpg") no-repeat center; display: block; position: relative; }

.blog-list-main .item .thumb:after { content: ''; background: rgba(0, 0, 0, 0.4); opacity: 0; top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 1; transition: all 0.3s ease-out; }

.blog-list-main .item .thumb:hover:after { opacity: 1; }

.single-post .header-image-wrap { position: relative; }

.single-post .header-image-wrap .post-info { position: absolute; bottom: -88px; right: 100px; background: #eee; padding: 40px 60px; width: 460px; }

@media only screen and (max-width: 799px) { .single-post .header-image-wrap .post-info { right: 0; left: 0; margin: 0 auto; width: 100%; } }

.single-post .header-image-wrap .post-info .subheading { color: #e5232e; font-size: 25px; margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .single-post .header-image-wrap .post-info .subheading { font-size: 20px; } }

.single-post .header-image-wrap .post-info .heading { color: black; margin-bottom: 0; }

.single-post .post-content { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .single-post .post-content { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .single-post .post-content { padding-bottom: 45px; } }

.single-post .post-content .call-out-text { color: #e5232e; text-transform: uppercase; text-align: center; max-width: 550px; margin: 40px auto; font-family: "HelveticaNeueLTStd-MdCn", sans-serif; line-height: 1.4em; }

.single-post .post-content .call-out-text.crafted-red { color: #C9282D; }

.single-post .post-content .call-out-text.crafted-green { color: #5A8E22; }

.single-post .post-content .call-out-text.crafted-orange { color: #FF7900; }

.single-post .post-content .call-out-text.crafted-lime { color: #A2AD00; }

.single-post .post-content .call-out-text.crafted-yellow { color: #D6B229; }

.single-post .prev-next { padding-bottom: 120px; clear: both; }

@media only screen and (max-width: 1159px) { .single-post .prev-next { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .single-post .prev-next { padding-bottom: 45px; } }

.single-post .prev-next:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.single-post .prev-next .next-link { float: right; }

.single-post .tr-ind { padding-top: 150px; max-width: 1024px; }

.single-post .tr-ind.post-event:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.single-post .tr-ind.post-event .event-info { width: 300px; float: right; background: #eee; padding: 40px; }

@media only screen and (max-width: 799px) { .single-post .tr-ind.post-event .event-info { float: none; width: 100%; margin-bottom: 60px; } }

.single-post .tr-ind.post-event .post-content { width: calc(100% - 350px); float: left; }

@media only screen and (max-width: 799px) { .single-post .tr-ind.post-event .post-content { float: none; width: 100%; } }

.page-template-page-craft-brew .craft-brew-logo-wrap { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1600px; z-index: 2; }

.page-template-page-craft-brew .craft-brew-logo { background: url("images/craft-brew/cb-logo.png") no-repeat top center; background-size: contain; width: 216px; height: 131px; top: 0; left: 30px; z-index: 2; position: absolute; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .craft-brew-logo { left: 0; width: 190px; } }

@media only screen and (max-width: 409px) { .page-template-page-craft-brew .craft-brew-logo { width: 168px; } }

.page-template-page-craft-brew.nav-shown .header-wrap { background: white; }

.page-template-page-craft-brew.nav-shown .header-wrap .header .logo { display: block; }

.page-template-page-craft-brew.nav-shown .header-wrap .header .buy-now { opacity: 0; visibility: hidden; }

.page-template-page-craft-brew.nav-shown .header-wrap .header .menu-toggle { background: #e5232e; }

.page-template-page-craft-brew .header-wrap { background: transparent; }

.page-template-page-craft-brew .header-wrap:after { display: none; }

.page-template-page-craft-brew .header-wrap .header { padding-right: 100px; }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .header-wrap .header { padding-right: 75px; } }

.page-template-page-craft-brew .header-wrap .header .main, .page-template-page-craft-brew .header-wrap .header .search-toggle, .page-template-page-craft-brew .header-wrap .header .logo { display: none; }

.page-template-page-craft-brew .header-wrap .header .buy-now { height: 100%; padding: 40px; background: #99C236; float: right; color: white; font-size: 20px; font-family: "antoniobold", sans-serif; text-transform: uppercase; transition: all 0.3s ease-out; opacity: 1; visibility: visible; }

.page-template-page-craft-brew .header-wrap .header .buy-now:hover { background: black; }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .header-wrap .header .buy-now { padding: 30px; } }

@media only screen and (max-width: 409px) { .page-template-page-craft-brew .header-wrap .header .buy-now { padding: 18px 14px; width: 71px; text-align: center; font-size: 18px; line-height: 1.2em; } }

.page-template-page-craft-brew .header-wrap .header .menu-toggle { background: #221f1f; }

.page-template-page-craft-brew .header-image-wrap { position: relative; height: 600px; }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .header-image-wrap { height: 400px; } }

.page-template-page-craft-brew .header-image-wrap:after { content: ''; background: url("images/craft-brew/hero-rippled-edge.png") no-repeat center; width: 100%; height: 184px; bottom: -100px; display: block; left: 0; position: absolute; }

.page-template-page-craft-brew .wrap { padding-top: 0; }

.page-template-page-craft-brew .cb-heading { font-size: 55px; font-family: "antoniobold", sans-serif; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .cb-heading { font-size: 40px; } }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .cb-heading { line-height: 1.2em; } }

.page-template-page-craft-brew .cb-heading-m { font-size: 30px; font-family: "antoniobold", sans-serif; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .cb-heading-m { line-height: 1.2em; } }

.page-template-page-craft-brew .background:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.page-template-page-craft-brew .background .left { float: left; padding-top: 120px; padding-bottom: 40px; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .background .left { padding-top: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .background .left { padding-top: 45px; } }

.page-template-page-craft-brew .background .left .cb-heading { line-height: 1.3em; }

@media only screen and (max-width: 899px) { .page-template-page-craft-brew .background .left { padding-top: 40px; }
  .page-template-page-craft-brew .background .left .copy { margin: 0 auto; } }

.page-template-page-craft-brew .background .left .copy { max-width: 550px; }

.page-template-page-craft-brew .background .right { float: right; }

.page-template-page-craft-brew .background .image { height: 400px; max-width: 700px; background-size: contain !important; }

@media only screen and (max-width: 899px) { .page-template-page-craft-brew .background .image { height: 250px; margin: 0 auto; } }

.page-template-page-craft-brew .background .left, .page-template-page-craft-brew .background .right { width: 50%; }

@media only screen and (max-width: 899px) { .page-template-page-craft-brew .background .left, .page-template-page-craft-brew .background .right { float: none; width: 100%; text-align: center; } }

.page-template-page-craft-brew .benefits { padding-top: 120px; padding-bottom: 120px; background: url("images/craft-brew/grunge-texture.png") no-repeat center; background-size: cover; }

.page-template-page-craft-brew .benefits:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .benefits { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .benefits { padding-top: 45px; padding-bottom: 45px; } }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .benefits { background: none; } }

.page-template-page-craft-brew .benefits .benefits-main-heading { text-align: center; margin-bottom: 75px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .benefits .benefits-main-heading { margin-bottom: 30px; } }

.page-template-page-craft-brew .benefits .item { float: left; width: 25%; text-align: center; padding: 0 20px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .benefits .item { width: 50%; margin-bottom: 30px; } }

@media only screen and (max-width: 549px) { .page-template-page-craft-brew .benefits .item { width: 100%; float: none; } }

.page-template-page-craft-brew .benefits .item .image { width: 105px; height: 142px; margin: 0 auto 20px auto; background-size: contain !important; }

.page-template-page-craft-brew .benefits .item .cb-heading-m { margin-bottom: 30px; font-size: 35px; }

.page-template-page-craft-brew .pdfs:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.page-template-page-craft-brew .pdfs .item { width: 50%; float: left; height: 470px; color: white; padding: 200px 120px 0 120px; }

.page-template-page-craft-brew .pdfs .item:first-of-type { border-right: 2px solid white; }

.page-template-page-craft-brew .pdfs .item:nth-of-type(2) { border-left: 2px solid white; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .pdfs .item { width: 100%; float: none; border: none !important; height: 350px; padding: 0 40px; } }

.page-template-page-craft-brew .pdfs .item .cb-heading { margin-bottom: 30px; font-size: 50px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .pdfs .item .cb-heading { font-size: 40px; text-align: center; } }

.page-template-page-craft-brew .pdfs .item .download-link { color: white; font-size: 28px; display: table; font-family: "antoniobold", sans-serif; }

.page-template-page-craft-brew .pdfs .item .download-link:hover { color: #99C236; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .pdfs .item .download-link { margin-left: auto; margin-right: auto; } }

.page-template-page-craft-brew .cb-products { padding-top: 120px; text-align: center; padding-bottom: 40px; }

.page-template-page-craft-brew .cb-products:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .cb-products { padding-top: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .cb-products { padding-top: 45px; } }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products { padding-top: 100px; } }

.page-template-page-craft-brew .cb-products .contain { position: initial; }

.page-template-page-craft-brew .cb-products .main-heading { text-align: center; margin-bottom: 70px; }

.page-template-page-craft-brew .cb-products .item { width: 33%; margin-bottom: 40px; display: inline-block; margin-right: 0; height: 405px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item { height: auto; } }

.page-template-page-craft-brew .cb-products .item.open { height: 1235px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item.open { height: auto; } }

.page-template-page-craft-brew .cb-products .item.open .expanded-section { display: block; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item { width: 100%; margin: 0 auto 40px auto !important; } }

.page-template-page-craft-brew .cb-products .item .product-image { display: block; height: 320px; width: 100%; max-width: 160px; margin: 0 auto 40px auto; }

.page-template-page-craft-brew .cb-products .item .product-link { display: block; text-align: center; margin-bottom: 80px; transition: all 0.3s ease-out; }

.page-template-page-craft-brew .cb-products .item .product-link:hover { color: #99C236; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item .product-link { margin-bottom: 30px; } }

.page-template-page-craft-brew .cb-products .item .expanded-section { width: 100%; background: url("images/craft-brew/product-expanded.jpg") no-repeat center; background-size: cover; position: absolute; left: 0; height: 750px; color: white; display: none; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item .expanded-section { height: auto; position: relative; width: 100%; background: #221f1f; } }

.page-template-page-craft-brew .cb-products .item .expanded-section .contain { max-width: 1100px; }

.page-template-page-craft-brew .cb-products .item .expanded-section .close { background: url("images/craft-brew/close.png") no-repeat center; width: 33px; height: 33px; position: relative; float: right; margin-top: 40px; padding: 20px; transition: all 0.3s ease-out; }

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .page-template-page-craft-brew .cb-products .item .expanded-section .close { background-image: url("images/craft-brew/close-2x.png"); background-size: 33px 33px; } }

.page-template-page-craft-brew .cb-products .item .expanded-section .close:hover { background: url("images/craft-brew/close-green.png") no-repeat center; }

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .page-template-page-craft-brew .cb-products .item .expanded-section .close:hover { background-image: url("images/craft-brew/close-green-retina.png"); background-size: 33px 33px; } }

@media only screen and (max-width: 767px) { .page-template-page-craft-brew .cb-products .item .expanded-section .close { width: 23px; height: 23px; padding: 0; } }

.page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap { max-width: 950px; text-align: left; padding-top: 90px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap { padding-top: 40px; padding-bottom: 40px; } }

.page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-heading { font-size: 40px; }

.page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-heading br { display: none; }

@media only screen and (max-width: 480px) { .page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-heading br { display: block; } }

.page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-link { margin-right: 8%; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-link { margin-bottom: 10px; float: none; clear: both; display: table; }
  .page-template-page-craft-brew .cb-products .item .expanded-section .info-wrap .cb-link:last-of-type { margin-bottom: 0; } }

.page-template-page-craft-brew .cb-contact { padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .cb-contact { padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .cb-contact { padding-bottom: 45px; } }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-contact { text-align: center; } }

.page-template-page-craft-brew .cb-contact .contain { max-width: 550px; }

.page-template-page-craft-brew .cb-contact .copy { margin-bottom: 40px; }

.page-template-page-craft-brew .cb-contact .contact-link { font-size: 28px; font-family: "HelveticaNeueLTStd-LtCn", sans-serif; font-weight: bold; margin: 0 auto; display: table; }

.page-template-page-craft-brew .cb-contact .contact-link:hover { color: #99C236; }

.page-template-page-craft-brew .cb-testimonials-slider-wrap { position: relative; }

.page-template-page-craft-brew .cb-testimonials-slider-wrap:after { content: ''; background: url("images/craft-brew/hero-rippled-edge.png") no-repeat center; width: 100%; height: 184px; bottom: -100px; display: block; left: 0; position: absolute; z-index: 3; }

.page-template-page-craft-brew .cb-testimonials-slider { height: 690px; color: white; text-align: center; margin-bottom: 60px; }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide { padding-top: 120px; padding-bottom: 120px; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .cb-testimonials-slider .swiper-slide { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .cb-testimonials-slider .swiper-slide { padding-top: 45px; padding-bottom: 45px; } }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide a { color: white; }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide .quote-icon { width: 130px; height: 130px; border-radius: 50%; border: 2px solid white; margin: 0 auto 60px auto; background: url("images/craft-brew/craft-brew-testimonial-quote.png") no-repeat center; }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide .quote { margin-bottom: 35px; }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide .quote p { font-size: 21px; font-family: "antoniobold", sans-serif; }

.page-template-page-craft-brew .cb-testimonials-slider .swiper-slide .author p { font-size: 17px; font-family: "antoniobold", sans-serif; }

.page-template-page-craft-brew .cb-testimonials-slider .slider-pagination { position: absolute; bottom: 100px; left: 0; right: 0; margin: 0 auto; z-index: 3; }

.page-template-page-craft-brew .cb-testimonials-slider .slider-pagination .swiper-pagination-bullet { background: white; width: 15px; height: 15px; }

.page-template-page-craft-brew .cb-testimonials-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #99C236; }

.page-template-page-craft-brew .cb-blog-faq { background: url("images/craft-brew/footer-grunge-texture.png") no-repeat bottom center; padding-top: 120px; padding-bottom: 120px; }

.page-template-page-craft-brew .cb-blog-faq:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1159px) { .page-template-page-craft-brew .cb-blog-faq { padding-top: 80px; padding-bottom: 80px; } }

@media only screen and (max-width: 619px) { .page-template-page-craft-brew .cb-blog-faq { padding-top: 45px; padding-bottom: 45px; } }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-blog-faq { background: none; } }

.page-template-page-craft-brew .cb-blog-faq .left { float: left; }

.page-template-page-craft-brew .cb-blog-faq .right { float: right; }

.page-template-page-craft-brew .cb-blog-faq .left, .page-template-page-craft-brew .cb-blog-faq .right { width: 45%; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-blog-faq .left, .page-template-page-craft-brew .cb-blog-faq .right { width: 100%; } }

.page-template-page-craft-brew .cb-blog-faq .left .cb-heading, .page-template-page-craft-brew .cb-blog-faq .right .cb-heading { margin-bottom: 50px; }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-blog-faq .left .cb-heading, .page-template-page-craft-brew .cb-blog-faq .right .cb-heading { margin-bottom: 30px; text-align: center; } }

@media only screen and (max-width: 999px) { .page-template-page-craft-brew .cb-blog-faq .cb-blog-list { margin-bottom: 40px; } }

.page-template-page-craft-brew .cb-blog-faq .cb-blog-list .item { margin-bottom: 35px; }

.page-template-page-craft-brew .cb-blog-faq .cb-blog-list .item:last-of-type { margin-bottom: 0; }

.page-template-page-craft-brew .cb-blog-faq .cb-blog-list .item .thumb { height: 110px; }

.page-template-page-craft-brew .cb-blog-faq .cb-blog-list .item .text { padding: 45px 30px; }

.page-template-page-craft-brew .cb-blog-faq .cb-blog-list .item .heading { margin-bottom: 0; font-size: 17px; line-height: 1.2em; font-family: "antoniobold", sans-serif; }

.page-template-page-craft-brew .cb-blog-faq .faq-expand { margin: 30px auto 0 auto; display: table; }

.page-template-page-craft-brew .cb-blog-faq .faqs { max-height: 287px; overflow: hidden; transition: all 0.3s ease-out; }

.page-template-page-craft-brew .cb-blog-faq .faqs.expanded { max-height: none; }

.page-template-page-craft-brew .cb-blog-faq .faqs .faq-list .faq { margin-bottom: 35px; margin-left: 0; width: 100%; max-width: none; }

.page-template-page-craft-brew .cb-blog-faq .faqs .faq-list .faq:last-of-type { margin-bottom: 0; }

.page-template-page-craft-brew .cb-blog-faq .faqs .faq-list .faq.shown .title:before { background: #99C236 url("images/craft-brew/faq-minus.png") no-repeat center; }

.page-template-page-craft-brew .cb-blog-faq .faqs .faq-list .faq .title { font-size: 17px; font-family: "antoniobold", sans-serif; padding: 28px 20px 23px 140px; height: auto; min-height: 110px; }

.page-template-page-craft-brew .cb-blog-faq .faqs .faq-list .faq .title:before { background: #99C236 url("images/craft-brew/faq-plus.png") no-repeat center; border: 1px solid black; width: 110px; height: 110px; }

.page-template-page-craft-brew .contact-link, .page-template-page-craft-brew .cb-link { position: relative; padding-right: 20px; }

.page-template-page-craft-brew .contact-link:after, .page-template-page-craft-brew .cb-link:after { content: '>'; font-size: 18px; line-height: 25px; padding-left: 10px; position: absolute; top: 0; right: 0; }

.page-template-page-craft-brew .download-link { position: relative; padding-right: 20px; }

.page-template-page-craft-brew .download-link:after { content: '>'; font-size: 23px; line-height: 25px; padding-left: 10px; position: absolute; width: 22px; top: 2px; right: 0; }

.page-template-page-craft-brew .cb-link { color: white; font-size: 28px; font-family: "antoniobold", sans-serif; transition: all 0.3s ease-out; }

.page-template-page-craft-brew .cb-link:first-of-type { color: #99C236; }

.page-template-page-craft-brew .cb-link:first-of-type:hover { color: white; }

.page-template-page-craft-brew .cb-link:after { content: '>'; font-size: 23px; line-height: 25px; padding-left: 10px; position: absolute; width: 22px; top: 8px; right: 0; }

.page-template-page-craft-brew .contact-link, .page-template-page-craft-brew .cb-link, .page-template-page-craft-brew .download-link { transition: all 0.3s ease-out; }

.page-template-page-craft-brew .contact-link:hover, .page-template-page-craft-brew .cb-link:hover, .page-template-page-craft-brew .download-link:hover { color: #99C236; }

body.page-template-page-flex .content-wrap { padding: 40px 0; }

body.page-template-page-flex h2 { font-size: 55px; line-height: 1em; margin-bottom: 35px; }

body.page-template-page-flex h3 { font-size: 28px; line-height: 1em; margin-bottom: 20px; }

body.page-template-page-flex h4 { font-size: 20px; line-height: 1em; margin-bottom: 10px; font-weight: bold; }

body.page-template-page-flex .wide-plain { margin: 0 auto; padding: 40px 0; }

body.page-template-page-flex .sustainability-banner { margin: 40px 0; }

body.page-template-page-flex .sustainability-banner .vertical-center .cell h2, body.page-template-page-flex .sustainability-banner .vertical-center .cell h3, body.page-template-page-flex .sustainability-banner .vertical-center .cell h4, body.page-template-page-flex .sustainability-banner .vertical-center .cell p, body.page-template-page-flex .sustainability-banner .vertical-center .cell a:not(.btn) { width: 75%; max-width: 800px; margin: 0 auto; margin-bottom: 20px; color: #FFF; }

body.page-template-page-flex .sustainability-banner .vertical-center .cell a:not(.btn):hover { text-decoration: underline; }

body.page-template-page-flex .sustainability-banner .vertical-center .cell a.btn, body.page-template-page-flex .sustainability-banner .vertical-center .cell .tbc_feature_btn a, .tbc_feature_btn body.page-template-page-flex .sustainability-banner .vertical-center .cell a { margin-top: 40px; }

body.page-template-page-flex .sustainability-banner + .sustainability-banner, body.page-template-page-flex .inline-icons + .sustainability-banner, body.page-template-page-flex .sustainability-banner + .inline-icons { margin: 0; margin-top: -40px; }

body.page-template-page-flex article.page-content { padding: 40px 0; }

body.page-template-page-flex article.page-content iframe { margin-top: 40px; }

@media only screen and (max-width: 767px) { body.page-template-page-flex article.page-content iframe { height: 85vw; width: 100%; } }

body.page-template-page-flex div.applications-overview-wrap.stuck { position: fixed; top: 60px; left: 0; right: 0; z-index: 16; }

body.page-template-page-flex div.application-filters.filters { padding: 40px 0; }

body.page-template-page-flex div.application-filters.filters .filter { width: auto; }

@media only screen and (max-width: 767px) { body.page-template-page-flex div.application-filters.filters .filter { display: block; width: 100% !important; margin: 10px 0; } }

.contained-split { padding: 40px 0; }

.contained-split .contained-split-container { width: 85%; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }

@media only screen and (max-width: 950px) { .contained-split .contained-split-container { flex-wrap: wrap; } }

.contained-split .contained-split-container .contained-split-content { width: 45%; }

@media only screen and (max-width: 950px) { .contained-split .contained-split-container .contained-split-content { width: 100%; } }

.contained-split .contained-split-container .contained-split-content img { width: 100%; height: auto; }

.inline-icons { padding: 100px 0; margin: 40px 0; }

@media only screen and (max-width: 767px) { .inline-icons { padding: 30px 0; } }

.inline-icons .inline-icons-container { width: 85%; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }

.inline-icons .inline-icons-container .inline-icon { width: 21%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: center; }

.inline-icons .inline-icons-container .inline-icon h2, .inline-icons .inline-icons-container .inline-icon h3, .inline-icons .inline-icons-container .inline-icon h4, .inline-icons .inline-icons-container .inline-icon p, .inline-icons .inline-icons-container .inline-icon a { color: #FFF; }

.inline-icons .inline-icons-container .inline-icon.empty { height: 0; margin-top: 0 !important; }

.inline-icons .inline-icons-container .inline-icon:nth-of-type(n+5) { margin-top: 4%; }

.inline-icons .inline-icons-container .inline-icon * { width: 100%; }

.inline-icons .inline-icons-container .inline-icon .inline-icon-image-container { text-align: center; }

.inline-icons .inline-icons-container .inline-icon .inline-icon-image-container img { width: 100%; height: auto; }

@media only screen and (max-width: 767px) { .inline-icons .inline-icons-container .inline-icon { width: 100%; max-width: 250px; margin: 30px auto; } }

.inline-icons .inline-icons-container.inline-icons-nobg .inline-icon h3 { color: #221f1f; }

.flex-multi { margin-bottom: 250px; padding: 40px 0; }

@media only screen and (max-width: 950px) { .flex-multi { margin-bottom: 0; } }

.flex-multi .flex-multi-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; position: relative; }

.flex-multi .flex-multi-container .flex-multi-text { background-color: #F6F6F6; margin: 100px 0 0 0; padding: 50px 7.5% 200px 7.5%; width: 100%; }

@media only screen and (max-width: 1200px) { .flex-multi .flex-multi-container .flex-multi-text { margin: 60px 0 0 0; } }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-text { margin: 0; padding: 50px 7.5% 50px 7.5%; } }

.flex-multi .flex-multi-container .flex-multi-text .flex-multi-text-container { width: 40%; }

@media only screen and (max-width: 1200px) { .flex-multi .flex-multi-container .flex-multi-text .flex-multi-text-container { width: 50%; } }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-text .flex-multi-text-container { width: 100%; } }

.flex-multi .flex-multi-container .flex-multi-image { position: absolute; top: 0; right: 7.5%; width: 32%; }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-image { position: static; width: 100%; margin: 0 auto; background-color: #F6F6F6; padding-bottom: 40px; } }

.flex-multi .flex-multi-container .flex-multi-image .flex-multi-image-container { width: 100%; height: 32vw; max-height: 510px; }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-image .flex-multi-image-container { width: 85%; margin: 0 auto; height: 85vw; max-height: 100%; } }

.flex-multi .flex-multi-container .flex-multi-videos { width: 85%; margin: 0 auto; max-width: 1200px; position: relative; }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-videos { width: 100%; background-color: #F6F6F6; } }

.flex-multi .flex-multi-container .flex-multi-videos .flex-multi-videos-container { position: absolute; top: -130px; display: flex; align-items: center; justify-content: space-between; width: 100%; }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-videos .flex-multi-videos-container { position: static; flex-wrap: wrap; width: 85%; margin: 0 auto; } }

.flex-multi .flex-multi-container .flex-multi-videos .flex-multi-videos-container iframe { width: 47%; height: 22vw; max-height: 320px; }

@media only screen and (max-width: 950px) { .flex-multi .flex-multi-container .flex-multi-videos .flex-multi-videos-container iframe { width: 100%; height: 40vw; margin-bottom: 40px; } }

@media only screen and (max-width: 767px) { .flex-multi .flex-multi-container .flex-multi-videos .flex-multi-videos-container iframe { height: 85vw; } }

.full-width-split { padding: 40px 0; }

.full-width-split .full-width-split-container { display: flex; align-items: stretch; justify-content: center; position: relative; }

@media only screen and (max-width: 950px) { .full-width-split .full-width-split-container { flex-wrap: wrap; } }

.full-width-split .full-width-split-container .full-width-split-image { width: 65%; }

@media only screen and (max-width: 950px) { .full-width-split .full-width-split-container .full-width-split-image { width: 100%; height: 60vw; } }

.full-width-split .full-width-split-container .full-width-split-text { width: 42%; display: flex; align-items: center; justify-content: center; min-height: 500px; padding: 30px 0; margin: 50px 0; position: relative; right: 7.5%; top: 0; }

@media only screen and (max-width: 950px) { .full-width-split .full-width-split-container .full-width-split-text { width: 100%; position: static; padding: 40px 0; margin: 0; } }

.full-width-split .full-width-split-container .full-width-split-text .full-width-split-text-container { width: 75%; margin: 0 auto; }

.full-width-split .full-width-split-container .full-width-split-text .full-width-split-text-container h2, .full-width-split .full-width-split-container .full-width-split-text .full-width-split-text-container h3, .full-width-split .full-width-split-container .full-width-split-text .full-width-split-text-container p { color: #FFF; }

.large-contained { padding: 70px 0; }

.large-contained .large-contained-container { width: 85%; margin: 0 auto; display: flex; align-items: flex-end; justify-content: space-between; }

@media only screen and (max-width: 950px) { .large-contained .large-contained-container { flex-wrap: wrap; } }

.large-contained .large-contained-container .large-contained-content { width: 37%; }

@media only screen and (max-width: 950px) { .large-contained .large-contained-container .large-contained-content { width: 100%; margin-bottom: 40px; } }

.large-contained .large-contained-container .large-contained-image { width: 50%; height: 41vw; max-height: 680px; }

@media only screen and (max-width: 950px) { .large-contained .large-contained-container .large-contained-image { width: 100%; height: 85vw; max-height: 100%; } }

.kal-linebreak { height: 2px; width: 120px; display: inline-block; margin-bottom: 1.1em; background-color: #DB0523; }

/*# sourceMappingURL=style.css.map */