/*
Theme Name: Inkling (New dev)
Theme URI: https://inkling.com/user-manual
Author: Eleven Inc. in association with Humanity Media
Author URI: https://eleveninc.com
Description: This theme was developed as a custom theme for inkling.com
Version: 1.14
License: Privately owned by Inkling and Eleven Inc.
License URI: http://inkling.com/terms-and-conditions
Text Domain: inkling
Tags: Designed solely for Inkling.com
Please contact humanitymedia@gmail.com with any technical difficulties.
*/
/* -------------------------- CONTENTS --------------------

1.0 --- GLOBAL
	1.0 ---- FONTS
	1.1 ---- GLOBAL
	1.2 ---- BODY / TYPOGRAPHY
	1.3 ---- COLORS
	1.4 ---- OTHER ELEMENTS
	1.5 ---- BUTTONS
	1.6 ---- FORMS

2.0 --- HEADER
	2.1 --- MAIN HEADER
	2.2 --- MAIN NAVIGATION

3.0 --- BUILDING BLOCKS
	3.1 --- HERO BLOCK
	3.2 --- PARTNER LOGOS BLOCK
        3.21 --- SPECIAL LOGOS
	3.3 --- CALL TO ACTION BLOCK
	3.4 --- ICON BLOCK
	3.5 --- CONTACT FORM BLOCK
	3.6 --- DETAIL CONTENT BLOCK
	3.7 --- RECENT POSTS BLOCK
	3.8 --- TWO COLUMNS CONTENT SECTION
	3.9 --- SINGLE IMAGE BLOCK
	3.10 --- SLIDER SECTION
	3.11 --- COMPANIES SECTION
	3.12 --- HERO TEXT SECTION
	3.13 --- COLUMNS SECTION
	3.14 --- CONTENT SLIDER
	3.15 --- TESTIMONIALS
	3.16 --- HERO SLIDER
	3.17 --- FEATURES LIST
  3.18 --- VIDEO SLIDER
  3.19 --- FILTERED RESOURCES
  3.20 --- NEW HERO SECTION

4.0 --- INDIVIDUAL PAGES
	4.1 --- RESOURCES PAGE
	4.2 --- IFRAME PAGE
	4.3 --- BLOG POSTS ##REMOVED
	4.4 --- PRODUCT PAGE
	4.5 --- SERVICES
	4.6 --- CUSTOMER SUCCESS
	4.7 --- FREE TRIAL  ##MOVED to FORMS
	4.8 --- CAREERS
	4.9 --- HOME PAGE
	4.10 -- PARTNERS PAGE
	4.11 -- CONTACT PAGE
	4.12 -- FORMS PAGES
	4.13
	4.14
	4.15
	4.16
	4.17 -- CAREERS JOIN   ## MOVED to COLORS
	4.18 -- BLOG PAGE TEMPLATE
	4.19 -- PRODUCTS
	4.20 -- SOLUTIONS

5.0 --- SINGLE POST TYPES
	5.1 --- SINGLE POST
	5.2 --- SINGLE POST WIDGETS LN 9986

6.0 --- ARCHIVE POST TYPES
	6.1 --- ARCHIVE POST

7.0 --- FOOTER

*/
/* 1.0 -------------------------- FONTS ----------------------- */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,300,400,400i,600,700,700i,900,900i');
/* USE: font-family: 'Source Sans Pro', sans-serif; */

/* 1.1 ---------------------------- GLOBAL ---------------------- */
.clear {
    clear: both;
}

/* 1.2 --------------------------- BODY / TYPOGRAPHY ------------- */

body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", Verdana, Helvetica, sans-serif;
    color: #6D6E71;
    font-weight: 300;
    line-height: 27px;
    font-size: 17px;
}

h1 {
    font-size: 50px;
    line-height: 1em;
}

h2 {
    font-size: 31px;
}

h1, h2, h4 {
    font-family: "Source Sans Pro", Verdana, Helvetica, sans-serif;
    font-weight: 300;
}

h3 {
    font-family: "Source Sans Pro", Verdana, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}

div {
    box-sizing: border-box;
}

@media (min-width: 568px) {
    body {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 600px) {
    h1 {
        margin: 10px 0;
    }
}

/* 1.3 -------------------------- COLORS (maybe combine these in the appropriate sections?)----------------------- */

.text--warmblue {
    color: #007db6;
}

.site-footer .subfoot .subfoot-links-menu li {
    border-color: #ffffff;
}

/* Links */
ul#top-menu .colorone a {
    color: #077DB7;
}

ul#top-menu .colortwo a {
    color: #009C9E;
}

ul#top-menu .colorthree a {
    color: #00A77E;
}

ul#top-menu .colorfour a {
    color: #60B046;
}

ul#top-menu li.demo-button a {
    color: #ffffff;
    vertical-align: text-top;
}

.site-footer h2.menu-title, .site-footer .footer-nav li a, .site-footer .subfoot .subfoot-links-menu li a, .subfoot .copyright {
    color: #fff;
}

/* Backgrounds */
ul#top-menu .colorfive {
    background: #007db6;
}

ul#top-menu li {
    cursor: pointer;
}

ul#top-menu li.demo-button:hover {
    background: #00A77E;
}

.site-footer .inwrap {
    background: #7E7E7E;
}

.bg--warmblue {
    background-color: #007db6;
    color: #ffffff;
}

.bg--warmblue-gradient {
    background: linear-gradient(to right, #219fbc 0%, #037db7 100%);
}

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

.bg--coolgreen--light {
    background-color: rgba(34, 178, 76, 0.15);
}

.bg--coolblue {
    background-color: #0091b2;
    color: #ffffff;
}

.bg--viridian {
    background-color: #00a77e;
}

.bg--viridian--light {
    background-color: rgba(0, 167, 126, 0.9);
    color: rgba(0, 0, 0, 0.5);
}

/* 1.4 -------------------------- OTHER ELEMENTS --------------- */
.text-center {
    text-align: center !important;
}

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

.contained {
    max-width: 1366px;
    margin: 0 auto;
    padding: 25px;
    position: relative;
    font-size: 22px;
    line-height: 30px;
}

.contained.no-bottom {
    padding-bottom: 0px !important;
}

.contained-small-bottom {
    max-width: 1366px;
    margin: 0 auto;
    padding: 50px 25px;
}

.contained-small-top {
    max-width: 1366px;
    margin: 0 auto;
    padding: 50px 25px;
    position: relative;
}

.contained-small {
    max-width: 1366px;
    margin: 0 auto;
    padding: 50px 25px;
}

.contained-large {
    max-width: 1366px;
    margin: 0 auto;
    padding: 50px 25px;
    position: relative;
}

.contained-xlarge {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    padding: 100px 50px;
}

.contained-mobile-medium {
    padding: 50px 25px;
}

.blockclear {
    clear: both;
    display: block;
    height: 0;
    overflow: none;
}

hr {
    border: 0;
    border-bottom: 2px solid #f9ad18;
    padding-top: 25px;
    margin: 0;
    max-width: 100px;
    border-radius: 1px;
}

hr.center {
    display: block;
    margin: 0 auto;
}

.gradient.devider {
    background: linear-gradient(90deg, #5FB5D9 0%, #ABC042 100%);
    width: 100px;
    height: 5px;
    margin-top: 20px;
}

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

img.alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

img.alignright {
    float: right;
    margin-left: 20px;
    margin-top: 10px;
}

.post-password-form {
    padding: 10vh 80px 80px 80px;
    max-width: 800px;
    margin: 0 auto;
    background: #f4f4f4;
}

.post-password-form input[type="password"] {
    padding: 8px;
    font-size: 18px;
}

.post-password-form input[type="submit"] {
    font-size: 18px;
    padding: 9px 20px !important;
    -webkit-appearance: none;
    background: #5DB046;
    color: white;
}

@media (min-width: 568px) {
    .contained {
        padding: 50px;
    }

    .contained-small-bottom {
        padding: 50px 50px;
    }

    .contained-small-top {
        padding: 50px 50px;
    }

    .contained-small {
        padding: 50px;
    }
}

@media screen and (min-width: 600px) {
    .container {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) {
    .contained-large {
        padding: 100px 50px;
    }

    .container-xlarge {
        padding: 150px 50px;
    }
}

@media (min-width: 960px) {
    .contained-large {
        padding: 115px 50px;
    }

    .container-xlarge {
        padding: 200px 100px;
    }
}

@media (min-width: 1042px) {
    .contained-small {
        padding: 50px 200px;
    }
}

@media (min-width: 1280px) {
    .contained {
        padding: 100px;
    }

    .contained-small-bottom {
        padding: 50px 100px;
    }

    .contained-small-top {
        padding: 50px 100px;
    }

    .contained-small {
        padding-left: 250px;
        padding-right: 250px;
    }

    .contained-large {
        padding: 115px 200px;
    }

    .contained-xlarge {
        padding: 200px 200px;
    }

    .contained-mobile-medium {
        padding: 100px;
    }

    .contained-compact {
        padding: 50px;
    }

    .contained-super-compact {
        padding: 12.5px;
    }
}

/* 1.5 -------------------------- BUTTONS --------------- */
.bttn, .btn {
    display: inline-block;
    text-decoration: none;
    padding: 3.75px 25px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    transition: all 0.1s ease-in-out;
    border-radius: 30px;
    margin-top: 25px;
}

.bttn-orange, .btn--orange {
    background-color: #f9ad18;
    color: #ffffff;
}

.bttn-white {
    background-color: rgba(255, 255, 255, .6);
    color: #000000;
    padding: 4px 25px;
    line-height: 45px;
    border-radius: 10px;
    max-width: 250px;
}

.bttn-white:hover {
    background-color: rgba(255, 255, 255, 1);
}

.bttn .bttn-large:before {
    content: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/icons/inspiration-resources-video-white.svg");
    height: 90px;
    width: 90px;
    display: inline-block;
}

.bttn:hover .bttn-large:before {
    content: url("https://5cbf5ced15.s3.amazonaws.com/inkling_com/icons/inspiration-resources-video-orange.svg");
}

/* btn square */
.btn-square {
    display: inline-block;
    text-decoration: none;
    padding: 7px 20px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    transition: all 0.1s ease-in-out;
    border-radius: 11px;
    margin-top: 25px;
}

.btn-square:hover {
    opacity: .8;
}

/* 1.6 -------------------------- FORMS --------------- */
#get-demo-form h1 {
    font-size: 50px;
    margin: 0;
    text-align: left;
}

#get-demo-form h2.contact_form_title {
    color: #ffffff;
    font-size: 47px;
    line-height: 47px;
}

#get-demo-form .mktoForm input.mktoField, #get-demo-form .mktoForm select.mktoField {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-weight: 300;
    letter-spacing: .02em;
}

#get-demo-form .mktoForm input.mktoField::placeholder, #get-demo-form .mktoForm select.mktoField::placeholder {
    color: #ffffff;
    font-weight: 300;
    letter-spacing: .02em;
}

#get-demo-form .mktoForm .mktoButtonRow {
    text-align: left !important;
}

#get-demo-form .mktoForm button.mktoButton {
    background: #ffffff;
    color: #4c8238;
    border: none;
    padding: 12px 45px;
    border-radius: 15px;
    font-weight: 600;
    letter-spacing: .06em;
}

#get-demo-form .mktoForm .mktoButtonRow:after {
    max-width: 650px;
}

.mkto-form__contained {
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
}

.mkto-form__contained h3 {
    padding: 0px !important;
    padding-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
}

.mkto-form__contained #mktoForm_1210, .mkto-form__contained .mktoForm.mktoHasWidth.mktoLayoutLeft {
    font-size: 17px !important;
    color: #474747 !important;
}

.mkto-form__contained .mktoOffset {
    display: block !important;
}

.mkto-form__contained #mktoForm_1210.full-width-fields {
    width: 100% !important;
}

.mkto-form__contained #mktoForm_1210.full-width-fields:after {
    content: "";
    display: table;
    clear: both;
}

.mkto-form__contained #mktoForm_1210.full-width-fields .mktoFieldWrap {
    width: 100%;
}

.mkto-form__contained #mktoForm_1210.full-width-fields .mktoButtonRow {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

.mkto-form__contained #mktoForm_1210.full-width-fields .mktoButtonRow button.mktoButton {
    background-color: #f9ad18;
}

.mkto-form__contained #mktoForm_1210.full-width-fields .mktoFormRow {
    width: 100%;
    float: left;
}

.mkto-form__contained #mktoForm_1210.full-width-fields .mktoLabel span {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
}

.mkto-form__contained #mktoForm_1210.full-width-fields input[type=text], .mkto-form__contained #mktoForm_1210.full-width-fields input[type=url], .mkto-form__contained #mktoForm_1210.full-width-fields input[type=email], .mkto-form__contained #mktoForm_1210.full-width-fields input[type=tel], .mkto-form__contained #mktoForm_1210.full-width-fields input[type=number], .mkto-form__contained #mktoForm_1210.full-width-fields input[type=date], .mkto-form__contained #mktoForm_1210.full-width-fields textarea.mktoField, .mkto-form__contained #mktoForm_1210.full-width-fields select.mktoField {
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
}

.mkto-form__contained #mktoForm_1210.full-width-fields input[type=text]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields input[type=url]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields input[type=email]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields input[type=tel]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields input[type=number]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields input[type=date]:focus, .mkto-form__contained #mktoForm_1210.full-width-fields textarea.mktoField:focus, .mkto-form__contained #mktoForm_1210.full-width-fields select.mktoField:focus {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    border: 1px solid #007db6;
}

.mkto-form__contained #mktoForm_1210.full-width-fields textarea.mktoField {
    height: 60px;
}

.mkto-form__contained #mktoForm_1210.half-width-fields, .mkto-form__contained #mktoForm_1249.half-width-fields {
    width: 100% !important;
    padding: 25px;
    box-sizing: border-box;
}

.mkto-form__contained #mktoForm_1210.half-width-fields:after, .mkto-form__contained #mktoForm_1249.half-width-fields:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 768px) {
    .mkto-form__contained #mktoForm_1210.half-width-fields, .mkto-form__contained #mktoForm_1249.half-width-fields {
        padding: 30px 50px;
    }
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoFieldWrap, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFieldWrap {
    width: 100%;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoButtonRow, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoButtonRow {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoButtonRow button.mktoButton, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoButtonRow button.mktoButton {
    background-color: #22b24c;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow {
    width: 100%;
    float: left;
    clear: none;
    display: none;
}

@media (min-width: 568px) {
    .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow {
        width: 47%;
    }
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(1), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(2), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(3), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(4), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(5), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(6), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(7), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(8), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(9), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(10), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(1), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(2), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(3), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(4), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(5), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(6), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(7), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(8), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(9), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(10) {
    display: block;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(1), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(2), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(1), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(2) {
    margin-top: 0;
}

@media (min-width: 768px) {
    .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow {
        margin-top: 0;
    }
}

@media (min-width: 568px) {
    .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(odd), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(odd) {
        margin-right: 6%;
    }
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(7), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(8), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(9), .mkto-form__contained #mktoForm_1210.half-width-fields .mktoFormRow:nth-of-type(10), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(7), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(8), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(9), .mkto-form__contained #mktoForm_1249.half-width-fields .mktoFormRow:nth-of-type(10) {
    margin-right: 0;
    width: 100%;
}

.mkto-form__contained #mktoForm_1210.half-width-fields input[type=text], .mkto-form__contained #mktoForm_1210.half-width-fields input[type=url], .mkto-form__contained #mktoForm_1210.half-width-fields input[type=email], .mkto-form__contained #mktoForm_1210.half-width-fields input[type=tel], .mkto-form__contained #mktoForm_1210.half-width-fields input[type=number], .mkto-form__contained #mktoForm_1210.half-width-fields input[type=date], .mkto-form__contained #mktoForm_1210.half-width-fields textarea.mktoField, .mkto-form__contained #mktoForm_1210.half-width-fields select.mktoField, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=text], .mkto-form__contained #mktoForm_1249.half-width-fields input[type=url], .mkto-form__contained #mktoForm_1249.half-width-fields input[type=email], .mkto-form__contained #mktoForm_1249.half-width-fields input[type=tel], .mkto-form__contained #mktoForm_1249.half-width-fields input[type=number], .mkto-form__contained #mktoForm_1249.half-width-fields input[type=date], .mkto-form__contained #mktoForm_1249.half-width-fields textarea.mktoField, .mkto-form__contained #mktoForm_1249.half-width-fields select.mktoField {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
}

.mkto-form__contained #mktoForm_1210.half-width-fields input[type=text]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields input[type=url]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields input[type=email]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields input[type=tel]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields input[type=number]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields input[type=date]:focus, .mkto-form__contained #mktoForm_1210.half-width-fields textarea.mktoField:focus, .mkto-form__contained #mktoForm_1210.half-width-fields select.mktoField:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=text]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=url]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=email]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=tel]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=number]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields input[type=date]:focus, .mkto-form__contained #mktoForm_1249.half-width-fields textarea.mktoField:focus, .mkto-form__contained #mktoForm_1249.half-width-fields select.mktoField:focus {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    border: 1px solid #22b24c;
}

.mkto-form__contained #mktoForm_1210.half-width-fields select.mktoField option:first-child, .mkto-form__contained #mktoForm_1249.half-width-fields select.mktoField option:first-child {
    color: #474747;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoRequiredField .mktoAsterix, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoRequiredField .mktoAsterix {
    display: none !important;
}

.mkto-form__contained #mktoForm_1210.half-width-fields .mktoRequiredField .mktoLabel span:after, .mkto-form__contained #mktoForm_1249.half-width-fields .mktoRequiredField .mktoLabel span:after {
    content: '*';
    font-size: 17px;
    display: inline-block;
    color: #474747;
}

.mkto-form__contained .mktoForm .mktoAsterix {
    float: left;
    margin-right: 5px;
    padding-left: 0px;
}

.mkto-form__contained .mktoLabel {
    padding-top: 0 !important;
}

.mkto-form__contained .mktoLabel span {
    font-size: 17px !important;
    display: block;
    font-weight: 400;
    float: left;
}

.mkto-form__contained .mktoForm .mktoRequiredField label.mktoLabel, .mkto-form__contained .mktoForm label.mktoLabel {
    width: 100% !important;
    margin-bottom: 10px;
}

.mkto-form__contained .mktoForm .mktoFormCol {
    width: 100%;
}

.mkto-form__contained .mktoForm .mktoGutter {
    display: none;
}

.mkto-form__contained .mktoForm input[type=text], .mkto-form__contained .mktoForm input[type=url], .mkto-form__contained .mktoForm input[type=email], .mkto-form__contained .mktoForm input[type=tel], .mkto-form__contained .mktoForm input[type=number], .mkto-form__contained .mktoForm input[type=date], .mkto-form__contained .mktoForm textarea.mktoField, .mkto-form__contained .mktoForm select.mktoField {
    width: 100% !important;
    padding: 3px 0px 3px 10px;
    font-size: 17px;
    height: 30px;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
}

.mkto-form__contained .mktoForm input[type=text]:focus, .mkto-form__contained .mktoForm input[type=url]:focus, .mkto-form__contained .mktoForm input[type=email]:focus, .mkto-form__contained .mktoForm input[type=tel]:focus, .mkto-form__contained .mktoForm input[type=number]:focus, .mkto-form__contained .mktoForm input[type=date]:focus, .mkto-form__contained .mktoForm textarea.mktoField:focus, .mkto-form__contained .mktoForm select.mktoField:focus {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    border: 1px solid #007db6;
}

.mkto-form__contained .mktoForm textarea {
    border: 1px solid #c3c3c3;
}

.mkto-form__contained .mktoForm select {
    height: 40px;
    background-color: #ffffff;
}

.mkto-form__contained .mktoForm button.mktoButton {
    display: inline-block;
    border-radius: 30px;
    text-decoration: none;
    padding: 7.5px 30px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    min-width: 222px;
    margin-top: 0 !important;
    background-color: #f9ad18;
}

.mkto-form__contained .mktoButtonWrap.mktoNative {
    margin-left: 0 !important;
}

/*----------------*/
.demo .mktoButtonRow:after {
    display: block;
    color: #474747;
    font-weight: 300;
    line-height: 1.4em;
    font-size: 13px;
    padding-top: 25px;
    text-align: center;
}

.demo .mktoForm .mktoOffset, .demo .mktoForm .mktoLabel, .demo .mktoForm .mktoGutter {
    display: none;
}

.demo .mktoForm {
    width: 100% !important;
    padding: 0 !important;
    margin-top: 25px;
    font-family: "Source Sans Pro", Verdana, Helvetica, sans !important;
}

.demo .mktoFormRow {
    width: 100%;
    float: left;
    margin: 0 0 !important;
    clear: none !important;
}

@media (min-width: 568px) {
    .demo .mktoFormRow {
        width: 49%;
    }

    .demo .mktoFormRow:nth-of-type(odd) {
        margin-right: 2% !important;
    }
}

.demo .mktoFormRow:nth-of-type(9) {
    margin-right: 0 !important;
}

.demo .mktoFieldWrap.mktoRequiredField {
    width: 100%;
}

.demo .mktoFieldDescriptor.mktoFormCol {
    width: 100%;
}

.demo .mktoForm .mktoFieldWrap {
    width: 100%;
}

.demo .mktoForm input[type=text], .demo .mktoForm input[type=url], .demo .mktoForm input[type=email], .demo .mktoForm input[type=tel], .demo .mktoForm input[type=number], .demo .mktoForm input[type=date], .demo .mktoForm textarea.mktoField, .demo .mktoForm select.mktoField {
    width: 100% !important;
    height: 45px;
    padding: 10px 0px 10px 10px;
    border-radius: 4px;
    color: #616060;
    border: 0px !important;
    box-shadow: none;
    font-size: 18px !important;
    margin: 4.5px 0;
    background-color: #ffffff;
}

.demo .mktoForm select.mktoField {
    background-image: none;
    -webkit-appearance: menulist;
}

.demo .mktoForm input[type=text]::-webkit-input-placeholder, .demo .mktoForm input[type=url]::-webkit-input-placeholder, .demo .mktoForm input[type=email]::-webkit-input-placeholder, .demo .mktoForm input[type=tel]::-webkit-input-placeholder, .demo .mktoForm input[type=number]::-webkit-input-placeholder, .demo .mktoForm input[type=select]::-webkit-input-placeholder, .demo .mktoForm input[type=date]::-webkit-input-placeholder, .demo .mktoForm input[type=text]::-moz-input-placeholder, .demo .mktoForm input[type=url]::-moz-input-placeholder, .demo .mktoForm input[type=email]::-moz-input-placeholder, .demo .mktoForm input[type=tel]::-moz-input-placeholder, .demo .mktoForm input[type=number]::-moz-input-placeholder, .demo .mktoForm input[type=date]::-moz-input-placeholder, .demo .mktoForm input[type=text]:-moz-input-placeholder, .demo .mktoForm input[type=url]:-moz-input-placeholder, .demo .mktoForm input[type=select]:-moz-input-placeholder, .demo .mktoForm input[type=email]:-moz-input-placeholder, .demo .mktoForm input[type=tel]:-moz-input-placeholder, .demo .mktoForm input[type=number]:-moz-input-placeholder, .demo .mktoForm input[type=date]:-moz-input-placeholder, .demo .mktoForm input[type=text]:-ms-input-placeholder, .demo .mktoForm input[type=url]:-ms-input-placeholder, .demo .mktoForm input[type=email]:-ms-input-placeholder, .demo .mktoForm input[type=tel]:-ms-input-placeholder, .demo .mktoForm input[type=number]:-ms-input-placeholder, .demo .mktoForm input[type=date]:-ms-input-placeholder, .demo .mktoForm input[type=select]:-ms-input-placeholder {
    color: #474747;
    padding-left: 10px;
}

.demo .mktoButtonRow {
    width: 100%;
    margin-top: 15px !important;
    text-align: center !important;
}

.demo .mktoForm button.mktoButton, .demo .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
    background: #22b24c !important;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px !important;
    border-radius: 30px;
    padding: 6px 33px;
    letter-spacing: 0.1em;
    width: auto;
    height: auto;
}

.demo span.mktoButtonWrap.mktoNative {
    margin-left: 0px !important;
}

/* 2.0 -------------------------- HEADER ----------------------- */
.ink-header {
    padding: 20px 20px 13px 25px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: .5s all ease-in;
    box-sizing: border-box;
    background: #FFFFFF;
}

.ink-header .home-logo {
    float: left;
    display: inline-block;
    transition: .5s all ease-in;
}

.ink-header.tight .home-logo {
    padding: 12px 0 8px 0;
}

.ink-header .home-logo img {
    transition: .2s all ease-in;
    max-width: 100px;
}

.ink-header.tight {
    padding: 5px 20px;
}

.ink-header.tight .home-logo img {
    max-width: 80px;
}

.ink-header .home-logo {
    line-height: 0;
}

.ink-header.tight ul#top-menu {
    margin-top: 0;
}

.sumome-smartbar-popup {
    position: fixed !important;
}

@media screen and (max-width: 600px) {
    .ink-header.tight {
        top: 0px;
    }
}

/* 2.1 ------------------------ MAIN NAVIGATION--------------------- */

/* Menu toggle */
.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 1px auto 2px;
    padding: 1em;
    text-shadow: none;
    color: #ffffff;
    transition: 1s all ease;
}

/* Display the menu toggle when JavaScript is available. */
.menu-toggle:hover, .menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-toggle:focus {
    outline: thin solid;
}

.menu-toggle .icon {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9999;
    transition: .2s all ease-in;
}

#inkhead.tight .menu-toggle .icon {
    height: 40px;
    width: 40px;
    top: 0px;
    right: 20px;
}

.toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close {
    display: none;
}

.toggled-on .menu-toggle .icon-close {
    display: inline-block;
}

/* TOP MENU */
ul#top-menu {
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -6px;
}

ul#top-menu li.inbord {
    display: inline;
    padding: 30px 15px 0px 15px;
    line-height: 54px;
    position: relative;
}

ul#top-menu li button {
    display: none;
}

ul#top-menu li a {
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

ul#top-menu > li.current-menu-parent > a,
ul#top-menu > li.current_page_item > a {
    border-color: transparent;
    -moz-border-image: -moz-linear-gradient(left, #067db7 0%, #0092b2 16%, #009c9d 33%, #00a77e 50%, #26b24c 66%, #60b047 84%, #a2b73b 100%); /* FF3.6-15 */
    -webkit-border-image: -webkit-linear-gradient(left, #067db7 0%, #0092b2 16%, #009c9d 33%, #00a77e 50%, #26b24c 66%, #60b047 84%, #a2b73b 100%); /* Chrome10-25,Safari5.1-6 */
    border-image: linear-gradient(to right, #067db7 0%, #0092b2 16%, #009c9d 33%, #00a77e 50%, #26b24c 66%, #60b047 84%, #a2b73b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-image-slice: 1;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 3px;
    border-style: solid;
}

ul#top-menu li a svg {
    display: none;
}

ul#top-menu li.demo-button {
    padding: 30px;
    display: inline;
}

ul#top-menu li.demo-button {
    padding: 28px 25px;
    transition: .2s all ease-in;
    position: relative;
    top: 1px;
    margin-right: -20px;
}

ul#top-menu > li > .sub-menu {
    position: absolute;
    opacity: 0;
    left: 0;
    list-style: none;
    padding: 0 10px;
    height: 0;
    text-align: left;
    background-color: #fff;
    width: 300px;
    transition: .2s ease-in;
    z-index: 9999;
    top: 100%;
    overflow: hidden;
}

.menu-new-top-menu-container ul#top-menu > li > .sub-menu {
    width: 600px;
}

/* Products sub-menu */
.menu-new-top-menu-container ul#top-menu > li#menu-item-7674 > .sub-menu {
    width: 250px;
}
/* End - Products sub-menu */

.menu-new-top-menu-container ul#top-menu > li.company-menu-container > .sub-menu, .menu-new-top-menu-container ul#top-menu > li.narrowsub > .sub-menu {
    width: 300px;
}

ul#top-menu > li:hover > .sub-menu {
    opacity: 1;
    height: auto;
    padding: 10px;
}

.menu-new-top-menu-container ul#top-menu > li:hover > .sub-menu {
    padding: 10px 20px 20px 20px;
}

ul#top-menu > li > .sub-menu > li {
    line-height: 30px;
}

/* Products sub-menu width */
.menu-new-top-menu-container ul#top-menu > li#menu-item-7674 > .sub-menu > li {
    width: 100%;
}
/* End - Products sub-menu width */

.menu-new-top-menu-container ul#top-menu > li > .sub-menu > li {
    width: 50%;
    float: left;
}

.menu-new-top-menu-container ul#top-menu > li.company-menu-container > .sub-menu > li, .menu-new-top-menu-container ul#top-menu > li.narrowsub > .sub-menu > li {
    width: 100%;
    float: none;
}

ul#top-menu > li > .sub-menu > li a {
    color: #128C8B;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: none;
}

.menu-new-top-menu-container ul#top-menu > li > .sub-menu > li > .sub-menu {
    padding-left: 10px;
    list-style: none;
}

.menu-new-top-menu-container ul#top-menu > li > .sub-menu > li.no-title > a {
    display: none;
}

.menu-new-top-menu-container ul#top-menu > li > .sub-menu > li > .sub-menu > li > a:hover {
    text-decoration: underline;
}

ul#top-menu > li > .sub-menu > li:hover > a {
    opacity: .8;
}

#inkhead.tight ul#top-menu li.demo-button {
    padding: 20px 25px;
}

@media screen and (max-width: 980px) {
    .menu-new-top-menu-container ul#top-menu > li > .sub-menu > li {
        width: 100%;
        float: none;
    }

    .menu-new-top-menu-container ul#top-menu > li > .sub-menu > .sub-menu {
        padding-top: 5px;
    }

    .menu-new-top-menu-container ul#top-menu > li > .sub-menu > li:last-of-type {
        padding-bottom: 0;
    }

    .menu-main-container, .menu-new-top-menu-container {
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: 1s all ease;
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 999;
        background: rgba(38, 178, 75, .9);
    }

    .menu-main-container ul#top-menu, .menu-new-top-menu-container ul#top-menu {
        text-align: center;
        padding-top: 100px;
        margin-top: 0px;
    }

    .menu-main-container ul#top-menu li, .menu-new-top-menu-container ul#top-menu li {
        display: block;
        padding: 20px;
        margin: 0;
        line-height: 30px;
        text-align: left;
        border-top: 1px #ffffff solid;
        border-radius: 0px;
        background: none;
    }

    .menu-main-container ul#top-menu li a, .menu-new-top-menu-container ul#top-menu li a {
        color: #FFFFFF;
        line-height: 30px;
        font-weight: 300;
        text-transform: none;
        font-size: 24px;
        text-align: left;
    }

    .menu-new-top-menu-container ul#top-menu li ul li ul li {
        border: none;
    }

    .menu-new-top-menu-container ul#top-menu li.menu-item-has-children > .sub-menu.toggled-on > li.no-title > a {
        display: none;
    }

    .menu-new-top-menu-container ul#top-menu li > .sub-menu > li > .sub-menu {
        left: 0;
        background: transparent;
        border: 0;
        position: relative;
        padding-top: 10px;
    }

    .menu-new-top-menu-container ul#top-menu li > .sub-menu > li.menu-item-has-children {
        padding: 10px 20px;
    }

    .menu-new-top-menu-container ul#top-menu li > .sub-menu > li > .sub-menu > li {
        padding: 5px 0 5px 10px;
    }

    .menu-new-top-menu-container ul#top-menu > li:hover > .sub-menu {
        padding-bottom: 0;
    }

    .menu-toggle {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 40px;
        top: 12px;
    }

    .main-navigation.toggled-on #top-menu {
        height: 100vh;
        overflow-y: scroll;
    }

    .main-navigation.toggled-on #top-menu > li:last-of-type {
        margin-bottom: 200px;
    }

    .tight .menu-toggle {
        right: 20px;
    }

    .menu-toggle .icon-inkmenu, .menu-toggle .icon-close {
        transition: 1s all ease;
    }

    .menu-toggle .icon-inkmenuon {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: 1s all ease;
    }

    .toggled-on .menu-toggle .icon-inkmenu {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    .toggled-on .menu-toggle .icon-inkmenuon {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }

    .toggled-on .menu-main-container, .toggled-on .menu-new-top-menu-container {
        height: auto;
        opacity: 1;
    }

    .navigation-top {
        top: 0;
        font-size: 14px;
        font-size: 0.875rem;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 3;
    }

    .navigation-top .wrap {
        max-width: 1000px;
        /* The font size is 14px here and we need 50px padding in ems */
        padding: 0.75em 3.4166666666667em;
    }

    .navigation-top nav {
        margin-left: -1.25em;
    }

    .site-navigation-fixed.navigation-top {
        bottom: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 7;
    }

    .admin-bar .site-navigation-fixed.navigation-top {
        top: 32px;
    }

    /* Main Navigation */
    .main-navigation {
        width: auto;
    }

    .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
        display: block;
    }

    .main-navigation ul {
        background: transparent;
        padding: 0;
    }

    .main-navigation > div > ul {
        border: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .main-navigation li {
        border: 0;
        display: inline-block;
    }

    .main-navigation li li {
        display: block;
    }

    .main-navigation a {
        padding: 1em 1.25em;
    }

    .main-navigation ul ul {
        background: #fff;
        border: 1px solid #bbb;
        left: -999em;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 99999;
    }

    .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {
        border-style: solid;
        border-width: 0 6px 6px;
        content: "";
        display: none;
        height: 0;
        position: absolute;
        left: 3em;
        top: 63px;
        width: 0;
        z-index: 100000;
        -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
        -moz-transform: rotate(180deg); /* FF */
        -o-transform: rotate(180deg); /* Opera */
        -ms-transform: rotate(180deg); /* IE9 */
        transform: rotate(180deg);
    }

    .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after {
        display: block;
    }

    .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {
        border-color: transparent transparent #bbb;
        bottom: 0;
    }

    .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after {
        border-color: transparent transparent #fff;
    }

    .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }

    .main-navigation ul ul a {
        padding: 0.75em 1.25em;
        width: 16em;
    }

    .main-navigation li li {
        -webkit-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

    .main-navigation li li:hover, .main-navigation li li.focus {
        background: #767676;
    }

    .main-navigation li li a {
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
        color: #ffffff;
    }

    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
        left: 0.5em;
        right: auto;
    }

    .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {
        display: inline;
        left: 5px;
        position: relative;
        top: -1px;
    }

    .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon {
        margin-top: -9px;
        left: auto;
        position: absolute;
        right: 1em;
        top: 50%;
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(-90deg); /* IE 9 */
        transform: rotate(-90deg);
    }

    .main-navigation ul ul ul {
        left: -999em;
        margin-top: -1px;
        top: 0;
    }

    .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after {
        display: none;
    }

    .site-header .site-navigation-fixed .menu-scroll-down {
        display: none;
    }

    /* Scroll down arrow */
    .site-header .menu-scroll-down {
        display: block;
        padding: 1em;
        position: absolute;
        right: 0;
    }

    .site-header .menu-scroll-down .icon {
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(90deg); /* IE 9 */
        transform: rotate(90deg);
    }

    .site-header .menu-scroll-down {
        color: #fff;
        top: 2em;
    }

    .site-header .navigation-top .menu-scroll-down {
        color: #767676;
        top: 0.7em;
    }

    .menu-scroll-down:focus {
        outline: thin dotted;
    }

    .menu-scroll-down .icon {
        height: 18px;
        width: 18px;
    }

    ul#top-menu > li > .sub-menu {
        position: relative;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 10px 10px 0 10px;
        width: auto !important;
    }

    ul#top-menu > li > .sub-menu > li {
        line-height: 16px;
    }

    ul#top-menu > li > .sub-menu > li a {
        color: #ffffff;
        line-height: 16px;
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    #inkhead.tight .menu-toggle .icon {
        right: 20px;
    }
}

/* 3.0 ------------------------------ BUILDING BLOCKS ------------------------- */

/* 3.1 ------------------------------ HERO BLOCK NEW --------------------- */

.hr-block {
    width: 100%;
    min-height: 550px;
    height: 60vh;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: block;
}

.parralax-section {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.hr-copy-cont {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: 550px;
    height: 60vh;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
    background-image: none;
    padding: 30vh 10vh 16vh 20vh;
}

.hr-copy-cont .hr-copy {
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 80px;
    max-width: none;
    line-height: 76px;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

.hr-copy-cont .hr-text {
    color: white;
    font-size: 44px;
    max-width: none;
    line-height: 50px;
    margin-top: 10px;
}

.hr-copy-cont .hr-text p {
    margin-top: 0px;
}

.hr-copy-cont .show_as_button a {
    background-color: #067db7;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .1em;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    transition: all 0.1s ease-in-out;
    min-width: 150px;
    display: inline-block;
}

.show_as_button a:hover {
    opacity: .8;
}

/* Hero Video link */

.hr-block.video_link {
    height: auto;
}

.video_link .hr-copy-cont {
    height: auto;
    text-align: center;
    padding: 20vh 0;
}

.video_link .hr-copy-cont .hr-copy {
    position: relative;
    left: 0;
    bottom: 0;
    font-size: 76px;
    max-width: 100%;
    line-height: 90px;
}

.video_link .hr-copy-cont .hr-text {
    font-size: 24px;
    color: white;
    max-width: 800px;
    margin: auto;
    line-height: 30px;
}

.video_link .hr-copy-cont .hr-text p {
    margin-top: 24px;
}

.video_link .hr-copy-cont .video-icon {
    background-color: white;
    border-radius: 50%;
    margin: auto;
    width: 75px;
    height: 75px;
    transition: all .3s;
}

.video_link .hr-copy-cont .video-icon:hover {
    opacity: .75;
}

.video_link .hr-copy-cont .video-icon a {
    font-size: 36px;
    margin-top: 19px;
    margin-left: 7px;
    display: inline-block;
    color: #6D6E71;
}

#bgvid {
    min-width: 100%;
    min-height: 100%;
    position: relative;
}


@media screen and (max-width: 1884px) {
    .hr-copy-cont .hr-copy {
        font-size: 60px;
        line-height: 60px;
    }

    .hr-copy-cont .hr-text {
        font-size: 33px;
        line-height: 37px;
    }
}

@media screen and (max-width: 1542px) {
    .hr-copy-cont .hr-copy {
        font-size: 50px;
        line-height: 50px;
    }

    .hr-copy-cont .hr-text {
        font-size: 30px;
        line-height: 34px;
    }
}

@media screen and (max-width: 980px) {
    .parralax-section {
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .hr-copy-cont {
        padding: 15vh 10vh 10vh 10vh;
        height: 70vh;
    }

    .parralax-section {
        background-position: 16% center !important;
        background-size: cover;
    }

    .hr-block, .hr-copy-cont {
        min-height: 420px;
    }
}

@media screen and (max-width: 600px) {
    .hr-copy-cont {
        padding: 20vh 30px 15vh 30px;
    }

    .hr-copy-cont .hr-copy {
        font-size: 30px;
        line-height: 33px;
    }

    .hr-copy-cont .hr-text {
        font-size: 24px;
        line-height: 27px;
    }

    .video_link .hr-copy-cont .hr-copy {
        font-size: 50px;
    }
}

/* 3.1(archive) ------------------------------ HERO BLOCK OLD --------------------- */

.hr-block.title_copy_parallax {
    min-height: 555px;
}

/* Hero Network Overlays */

.hr-copy-cont.no-style {
    background-image: none;
}

/* Network Overlay Styles */

.network-overlay.style-4, .hr-copy-cont.style-4 {
    background-color: rgba(0, 0, 0, .5);
}

.title_copy_parallax .hr-text p {
    text-align: center;
    line-height: 1.3em;
    font-size: 24px;
    max-width: 90%;
    margin: 0 auto;
    color: white;
}

.title_copy_parallax .hr-copy-cont {
    padding: 20vh 10vh 20vh 10vh;
}

.title_copy_parallax .hr-copy {
    text-align: center;
    font-size: 80px;
    max-width: none;
    line-height: 76px;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

.title_copy_parallax .hr-link {
    text-align: center;
}

.title_copy_parallax .hr-text p a, .title_copy_parallax .hr-link.show_as_button a {
    color: #fff;
    border: 2px solid #5DB046;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0);
    padding: 12px 16px;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    transition: .2s all ease-in;
}

.title_copy_parallax .hr-text p a:hover, .title_copy_parallax .hr-link.show_as_button a:hover {
    background: #5DB046;
}

.title_copy_parallax .hr-text p a::after, .title_copy_parallax .hr-link.show_as_button a::after {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: .2s all ease-in;
    width: '0px';
}

.title_copy_parallax .hr-text p a:hover::after, .title_copy_parallax .hr-link.show_as_button a:hover::after {
    content: "\f061";
    width: auto;
    padding-left: 5px;
}

.title_copy_parallax .hr-copy-cont {
    background: rgba(0, 0, 0, 0.5) !important;
    min-height: 100%;
}

@media screen and (max-width: 1884px) {
    .title_copy_parallax .hr-copy-cont .hr-copy {
        font-size: 60px;
        line-height: 60px;
    }
}

@media screen and (max-width: 1542px) {
    .title_copy_parallax .hr-copy-cont .hr-copy {
        font-size: 50px;
        line-height: 50px;
    }
}


/* who-hero */
.who-hero .parralax-section {
    background-position: center -150px;;
}

/* why-hero */
.why_hero .parralax-section {
    background-position: center -80px;
}

/* partners-hero */
.partners-hero .hr-copy-cont .hr-copy {
    line-height: 100px;
    max-width: 500px;
}

/* company-hero */
.company-hero .parralax-section {
    background-position: center 70px;
}

/* secondary-page */
.secondary-page .hr-copy-cont .hr-copy {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 80px;
    line-height: 50px;
    color: #ffffff;
    padding: 0 40px;
    max-width: 80%;
    position: absolute;
    bottom: 10%;
    left: 10%;
}

/* two images */
.hr-block.two_images .hr-text, .hr-block.two_images .hr-copy {
    max-width: 1000px;
}

.hr-block.two_images {
    height: auto;
    overflow: visible;
    margin-bottom: 50px;
}

.hr-block.two_images .hr-bck {
    background-size: cover;
}

.hr-block.two_images .hr-copy-cont {
    height: auto;
    padding-top: 80px;
}

.hr-block.two_images .hr-copy {
    position: initial;
    text-align: center;
    margin: auto;
}

.hr-block.two_images .hr-text {
    color: white;
    width: 80%;
    margin: auto;
    text-align: center;
}

.hr-block.two_images .second-image {
    text-align: center;
    bottom: -120px;
    position: relative;
    max-width: 80%;
    margin: -120px auto 120px auto;
}

.rlc2hero.home-hero {
    min-height: 500px;
}

@media screen and (max-width: 980px) {
    .title_copy_parallax .hr-copy-cont .block-center-vert {
        position: absolute;
        margin: 0;
        padding: 0;
        max-width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .title_copy_parallax.hr-block {
        height: 100vh;
        position: relative;
    }

    .title_copy_parallax .hr-copy-cont {
        height: 100vh;
    }

    .title_copy_parallax .parralax-section {
        background-position: center bottom;
    }

    .title_copy_parallax .hr-copy-cont .hr-copy {
        font-size: 44px;
        line-height: 48px;
    }

    .title_copy_parallax .hr-copy-cont .hr-copy p {
        font-size: 24px;
        line-height: 28px;
    }

    .parralax-section.top_parallax {
        background-position: 16% center !important;
        background-size: cover;
    }
}

@media screen and (max-width: 800px) {

    .partners-hero .parralax-section.top_parallax {
        background-position: center center;
    }
}

@media screen and (max-width: 600px) {
    .title_copy_parallax .parralax-section.top_parallax {
        background-size: 400%;
        background-position: 76% 36% !important;
    }

    .title_copy_parallax .hr-copy-cont .hr-copy {
        font-size: 40px;
        line-height: 44px;
        bottom: 0px;
        left: 0px;
    }

    .title_copy_parallax .hr-copy-cont .hr-text p {
        font-size: 18px;
        line-height: 22px;
    }

    .title_copy_parallax .hr-copy-cont {
        padding: 10vh 10px 5vh 10px;
    }

    .style-4.partners-hero .hr-copy-cont .hr-copy {
        line-height: 45px;
    }

    .why_hero .parralax-section.top_parallax {
        background-position: 30% center !important;
    }
}

@media screen and (max-width: 530px) {
    .style-2 .hr-copy-cont .hr-copy {
        max-width: 250px;
    }
}

@media screen and (max-width: 480px) {
    .hr-block.two_images .hr-copy-cont {
        padding: 50px 0;
    }

    .hr-block.two_images .hr-copy {
        text-align: left;
        margin-left: 20px;
    }

    .hr-block.two_images .hr-text {
        margin-left: 20px;
        text-align: left;
    }

    .hr-block.two_images .second-image {
        display: none;
    }
}

/* 3.2 ------------------------------ PARTNER LOGOS BLOCK --------------------- */
.partner-logos {
    padding: 0px;
}

.partner-logos h2 {
    margin-bottom: 40px;
}

.partner-logos .single-logo {
    width: 16.6666%;
    padding: 67px 20px;
    box-sizing: border-box;
    float: left;
}

.partner-logos .single-logo .logo-cont {
    display: block;
    width: 100%;
    height: 70px;
    max-width: 130px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: auto 80%;
    position: relative;
    transition: all .3s ease-in;
}

.partner-logos a.single-logo:hover > .logo-cont {
    opacity: .6;
}

/* 3.21 Special Logos */
.partner-logos .single-logo.princess-cruises .logo-cont, .partner-logos .single-logo.kohls .logo-cont {
    background-size: contain;
}

.partner-logos .single-logo.taco-bell .logo-cont {
    background-size: auto 100%;
    height: 90px;
    top: -10px;
    position: relative;
}

.partner-logos .single-logo.whole-foods .logo-cont {
    height: 100px;
    position: relative;
    top: -8px;
    margin-bottom: -8px;
}

.partner-logos .single-logo.abbott .logo-cont {
    background-size: auto 100%;
    background-position: 50% 0%;
}

.partner-logos .single-logo.chik-fil-a .logo-cont,
.partner-logos .single-logo.vera-badley .logo-cont {
    background-size: contain;
}

@media screen and (max-width: 1440px) {
    .page-template-page-builder .partner-logos.logos-6 .single-logo {
        width: 16%;
    }
}

@media screen and (max-width: 980px) {
    .partner-logos .single-logo:nth-child(6) {
        display: none;
    }

    .partner-logos .single-logo {
        width: 20%;
    }
}

@media screen and (max-width: 800px) {
    .partner-logos .single-logo:nth-child(5) {
        display: none;
    }

    .partner-logos .single-logo {
        width: 25%;
    }
}

@media screen and (max-width: 600px) {
    .partner-logos .single-logo:nth-child(4) {
        display: none;
    }

    .partner-logos .single-logo {
        width: 33.33%;
        padding: 30px 20px 10px 20px;
    }

    .page-template-page-builder .partner-logos.logos-6 .single-logo {
        width: 24.9%;
    }
}

/* Partner Logos Home */
.home .partner-logos, .page-template-page-home .partner-logos, .page-template-page-builder .partner-logos {
    text-align: center;
}

.home .partner-logos .single-logo, .page-template-page-home .partner-logos .single-logo, .page-template-page-builder .partner-logos .single-logo {
    width: 19%;
    padding: 0 0 20px 0;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

@media screen and (max-width: 1440px) {
    .home .partner-logos, .page-template-page-home .partner-logos, .page-template-page-builder .partner-logos {
        padding-top: 20px;
    }
}


@media screen and (max-width: 800px) {
    .home .partner-logos .single-logo, .home .partner-logos .single-logo.abbott, .page-template-page-builder .partner-logos .single-logo.abbott, .page-template-page-builder .partner-logos .single-logo {
        width: 25%;
    }
}

@media screen and (max-width: 500px) {
    .home .partner-logos .single-logo, .home .partner-logos .single-logo.abbott, .page-template-page-home .partner-logos .single-logo, .page-template-page-home .partner-logos .single-logo.abbott, .page-template-page-builder .partner-logos .single-logo, .page-template-page-builder .partner-logos .single-logo.abbott {
        width: 49%;
    }

    .home .partner-logos, .page-template-page-home .partner-logos, .page-template-page-builder .partner-logos {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

/*Partner Logos Career Page */
.page-id-4797.page-template-page-builder .partner-logos .single-logo {
    width: 16%;
}

@media screen and (max-width: 900px) {
    .page-id-4797.page-template-page-builder .partner-logos .single-logo {
        width: 30%;
    }

    .page-id-4797 .hr-copy-cont .hr-copy {
        font-size: 60px;
    }
}

.page-id-4797 .partner-logos .single-logo .logo-cont {
    max-width: 100%;
    background-size: contain;
}

.page-id-4797.page-template-page-builder .partner-logos {
    padding: 20 0px;
}

/* 3.3 ------------------------- CALL TO ACTION BLOCK ------------------- */
.call-to-action {
    padding: 40px 10%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.call-to-action.cta-prop {
    padding: 40px 17%;
}

.call-to-action.cta-prop.wide-margin {
    padding-left: 5%;
    padding-right: 5%;
}

.cta-button-block-left, .cta-button-block-right {
    box-sizing: border-box;
    padding: 100px 0;
}

.cta-prop .cta-button-block-left, .nopaddingtop .cta-button-block-left, .cta-prop .cta-button-block-right, .nopaddingtop .cta-button-block-right {
    padding: 0 0 60px 0;
}

.call-to-action h2 {
    font-weight: 400;
    font-size: 47px;
    margin-bottom: 90px;
    line-height: 55px;
    margin-right: 20px;
    max-width: 600px;
}

.call-to-action.with_para h2 {
    margin-bottom: 0;
}

.call-to-action.green-careers h2 {
    text-transform: none !important;
}

.call-to-action .cta-button {
    text-decoration: none;
    color: #ffffff;
    padding: 7px 20px;
    border-radius: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
    letter-spacing: .1em;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    transition: all 0.1s ease-in-out;
    display: inline-block;
}

.cta-button-inline {
    text-decoration: none;
    color: #ffffff !important;
    padding: 7px 20px;
    border-radius: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 20px auto 0 auto;
    letter-spacing: .1em;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    width: 155px;
    transition: all 0.1s ease-in-out;
    display: block;
    background-color: #5db046;
}

.call-to-action .cta-button:hover, .cta-button-inline:hover {
    opacity: .8;
}

.call-to-action .cta-button.second-button {
    margin-top: 20px;
    display: inline-block;
}

.call-to-action.green-careers .cta-button {
    top: -15px;
}

.cta-img-block-right, .cta-img-block-left {
    overflow: hidden;
    padding: 20px 20px 0 20px;
    display: inline-block;
    box-sizing: border-box;
	/*opacity:0;*/
}

.cta-img-block-right.animate, .cta-img-block-left.animate {
    /*position: relative;*/
    /*bottom: -400px;*/
	opacity: 1;
	-webkit-transition: opacity 2s ease-in;
  	-moz-transition: opacity 2s ease-in;
  	-o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
    
}

.cta-img-block-right.animate.reveal, .cta-img-block-left.animate.reveal {
    bottom: 0;
    opacity: 1;
	-webkit-transition: opacity 2s ease-in;
  	-moz-transition: opacity 2s ease-in;
  	-o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

.cta-img-block-right img, .cta-img-block-left img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.call-to-action.cta-prop .cta-img-block-right img, .call-to-action.cta-prop .cta-img-block-left img {
    max-height: 450px;
    padding-top: 20px;
}

.cta-text-block-right p, .cta-text-block-left p {
    max-width: 73%;
    display: block;
    letter-spacing: .02em;
    margin: 0 auto;
}

.howitworkshome .cta-copy {
    margin-bottom: 80px;
}

.call-to-action.cta_btrt_txt {
    padding: 50px 100px;
    height: auto;
    display: flex;
}

.call-to-action.cta_btrt_txt h2 {
    margin: 0 auto;
    max-width: 73%;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 1px;
}

.call-to-action.cta_btrt_txt .cta-text-block-left {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
}

.call-to-action.cta_btrt_txt .cta-button-block-right {
    flex-basis: 30%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
}

.call-to-action.cta_btrt_txt .cta-text-block-left {
    flex-basis: 70%;
    text-align: left;
}

.video-cta .video-icon {
    position: absolute;
    left: calc(50% - 37px);
    top: 40%;
    background-color: white;
    border-radius: 50%;
    margin: auto;
    width: 75px;
    height: 75px;
    transition: all .3s;
    z-index: 9999;
}

.video-cta .video-icon .fa {
    font-size: 36px;
    margin-top: 19px;
    margin-left: 27px;
    display: inline-block;
    color: #6D6E71;
    cursor: pointer;
}

.video-popup {
    display: none;
    max-width: 1200px;
    position: fixed;
    top: 100px;
    left: calc(50% - 600px);
    z-index: 9999;
}

.video-popup .close {
    color: black;
    font-size: 14px;
    font-weight: 600;
    background: rgba(255, 255, 255, .7);
    display: inline-block;
    float: right;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 50%;
    position: relative;
    top: 10px;
    right: -10px;
    cursor: pointer;
}

.video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

@media screen and (max-width: 1650px) {
    .cta-button-block-left, .cta-button-block-right {
        padding-top: 50px;
    }

    .cta-prop .cta-button-block-left, .nopaddingtop .cta-button-block-left, .cta-prop .cta-button-block-right, .nopaddingtop .cta-button-block-right {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1174px) {
    .call-to-action.cta_btrt_txt .cta-button-block-right a {
        top: 0px;
    }

    .call-to-action.cta_btrt_txt.green-careers .cta-button-block-right a {
        top: 15px;
    }

    .call-to-action.cta_btrt_txt.green-careers .cta-text-block-left, .call-to-action.cta_btrt_txt.green-careers .cta-button-block-right {
        flex-basis: 50%;
    }

}

@media screen and (max-width: 900px) {
    .cta-button-block-left, .cta-prop .cta-button-block-left, .nopaddingtop .cta-button-block-left, .cta-button-block-right, .cta-prop .cta-button-block-right, .nopaddingtop .cta-button-block-right {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .cta-text-block-right p {
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .call-to-action.cta_btrt_txt.green-careers .cta-text-block-left, .call-to-action.cta_btrt_txt.green-careers .cta-button-block-right {
        flex-basis: 100%;
    }

    .call-to-action.cta_btrt_txt .cta-text-block-left, .call-to-action.cta_btrt_txt .cta-text-block-right {
        flex-basis: 100%;
        text-align: center;
    }

    .call-to-action.cta_btrt_txt .cta-text-block-left h2 {
        font-size: 24px !important;
    }

    .call-to-action.cta_btrt_txt .cta-button-block-right {
        flex-basis: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .call-to-action.cta_btrt_txt .cta-button-block-right a {
        top: 0;
        margin-top: 30px;
    }

    .call-to-action.cta_btrt_txt {
        padding: 50px 15px 80px 15px;
    }
}

@media screen and (max-width: 600px) {
    .call-to-action h2 {
        font-size: 29px;
        margin-bottom: 30px;
        margin-right: 0;
        line-height: 37px;
    }

    .cta-img-block-right img {
        max-width: 100%;
    }

    .cta-img-block-right {
        padding-left: 0;
        padding-right: 0;
    }

    .call-to-action, .nopaddingtop .cta-button-block-left {
        padding: 20px;
    }

    .call-to-action.cta-prop {
        padding: 20px 10%;
    }
}

@media screen and (min-width: 900px) {
    .cta-text-block-right, .cta-button-block-right, .cta-img-block-right {
        flex-basis: 50%;
        order: 2;
    }

    .cta-button-block-left, .cta-img-block-left {
        flex-basis: 50%;
        order: 1;
    }
}

@media screen and (max-width: 600px) {
}

/* 3.4 ------------------------- ICON BLOCK ------------------- */

.icon-section {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0 100px
}

.icon-section .columns {
    padding-top: 0;
}

.extra-icon-section .icon-title {
    border-radius: 10px;
}

.icon-section.icon-section-gray {
    background: #f0efef;
}

.icon-section.icon-section-gray .title {
    font-size: 38px;
    font-weight: 300;
}

.icon-section.home-icons {
    padding: 0px 0;
}

.icon-section.home-icons .columns {
    padding-top: 0;
}

.icon-section.home-icons h2 {
    margin: 0;
}

.icon-section .icon-block {
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    transition: all .1s ease-in;
}

.icon-section.three-columns .icon-block {
    width: 33%;
}

.icon-section a.icon-block:hover {
    opacity: .85;
}

.icon-section .icon-block a.email {
    font-weight: 400;
}

.icon-section .icon-block .icon-img {
    width: 110px;
    height: 110px;
    display: block;
    margin: 20px auto 40px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-section .trackable.icon-block .icon-img {
    width: 140px;
}

.icon-section .profitable.icon-block .icon-img {
    width: 90px;
    background-size: 100%;
}

.icon-section .visibility.icon-block .icon-img {
    width: 140px;
    height: 140px;
    margin-top: 0;
    margin-bottom: 30px;
}

.icon-section .title {
    text-align: center;
    font-size: 47px;
    line-height: 55px;
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-weight: 400;
}

.icon-section-25 .title {
    font-weight: 300;
}

.icon-section .icon-section-content {
    width: 50%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

.icon-section .icon-section-btn {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.icon-section .icon-section-btn a {
    padding: 7px 30px;
    font-size: 14px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
}

.icon-section .icon-section-btn a:hover {
    opacity: .8;
}

.icon-section.s4up .icons {
    width: 100%;
}

.icon-section .icons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    width: 70%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.icon-section.fullwidth .icons {
    width: 100%;
}

.icon-section .icons .icon {
    padding: 0 30px;
    flex-basis: 33%;
}

.icon-section .icons .icon img {
    height: 100px;
}

.icon-section .icons .icon h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.icon-section .icons .icon p {
    font-size: 18px;
    margin: 0 auto;
    max-width: 80%;
}

.icon-section .icon-title {
    color: #6d6e70;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0;
}

.icon-section .icon-copy {
    padding: 0 15px;
}

.icon-section.products.bottom .icon-title {
    padding: 0;
}

.contact-icon.icon-section .icon-block .icon-img {
    background-size: 100%;
}


/*Icon Colors */
.icon-section .white .icon-copy, .icon-title.white {
    color: #FFFFFF;
}

.icon-section.blue .title, .icon-title.blue {
    color: #067DB7;
}

.icon-section.teal .title, .icon-title.teal {
    color: #0092B2;
}

.icon-section.turquoise .title, .icon-title.turquoise {
    color: #009C9D;
}

.icon-section.greenblue .title, .icon-title.greenblue {
    color: #00A77E;
}

.icon-section.green .title, .icon-title.green {
    color: #26B24C;
}

.icon-section.light-green .title, .icon-title.light-green {
    color: #60B047;
}

.icon-section.yellow-green .title, .icon-title.yellow-green {
    color: #A2B73B;
}

.icon-section .light-gray, .icon-section.light-gray .title, .icon-title.light-gray {
    color: #F0EFEF;
}

.icon-section.gray .title, .icon-title.gray {
    color: #D1D3D4;
}

.icon-section.dark-gray .title, .icon-title.dark-gray {
    color: #6D6E71;
}

.icon-section.blue .icon-section-btn a {
    background-color: #067DB7;
}

.icon-section.teal .icon-section-btn a {
    background-color: #0092B2;
}

.icon-section.turquoise .icon-section-btn a {
    background-color: #009C9D;
}

.icon-section.greenblue .icon-section-btn a {
    background-color: #00A77E;
}

.icon-section.green .icon-section-btn a {
    background-color: #26B24C;
}

.icon-section.light-green .icon-section-btn a {
    background-color: #60B047;
}

.icon-section.yellow-green .icon-section-btn a {
    background-color: #A2B73B;
}

.icon-section.light-gray .icon-section-btn a {
    background-color: #F0EFEF;
}

.icon-section.gray,
.icon-section.gray .icon-section-btn a {
    background-color: #D1D3D4;
}

.icon-section.dark-gray .icon-section-btn a {
    background-color: #6D6E71;
}

.icon-section a:hover {
    opacity: .6 !important;
}

@media screen and (max-width: 1300px) {
    .icon-section .icons {
        width: 90%;
    }
}

@media screen and (min-width: 1000px) {
    .icon-section.s3up .icon-block {
        flex-basis: 33.33%;
    }

    .icon-section.s4up .icon-block {
        flex-basis: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .icon-section .icons {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .icon-section {
        padding: 0 50px;
    }
}

@media screen and (max-width: 600px) {
    .icon-section {
        padding: 0 15px;
    }

    .icon-section .icon-block {
        padding: 0;
    }

    .icon-section-25.icon-section .icon-block {
        padding-bottom: 20px;
    }

    .icon-section .icon-section-content {
        width: 90%;
    }

    .icon-section .icons .icon {
        flex-basis: 100%;
    }

    .icon-section .icons .icon p {
        margin-bottom: 30px;
    }
}

/* 3.5 ------------------- CONTACT FORM BLOCK ------------------*/
.inkling-front-page .contact_form {
    display: block;
}

.contact_form {
    padding: 50px 100px;
}

.contact_form h2.contact_form_title {
    color: #ffffff;
}

.contact_form .mktoForm input.mktoField, .contact_form .mktoForm select.mktoField, .form .mktoForm input.mktoField, .form .mktoForm select.mktoField {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-weight: 300;
    letter-spacing: .02em;
    -webkit-appearance: none;
}

.contact_form .mktoForm .mktoRadioList, .contact_form .mktoForm .mktoCheckboxList, .form .mktoForm .mktoRadioList, .form .mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {
    max-width: 100%;
    width: 100% !important;
}

.contact_form .mktoForm input[type=checkbox], .form .mktoForm input[type=checkbox], .mktoForm input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.contact_form .mktoForm input[type=checkbox] + label, .mktoForm input[type=checkbox] + label {
    margin-left: 30px;
    text-align: left;
    color: #fff;
    font-size: 18px;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    display: inline-block;
}

.form .mktoForm input[type=checkbox] + label {
    margin-left: 30px;
    text-align: left;
    color: #666;
    font-size: 18px;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    display: inline-block;
}

.contact_form .mktoForm input[type=checkbox] + label:before, .contact_form .mktoForm input[type=radio] + label:before, .form .mktoForm input[type=checkbox] + label:before, .form .mktoForm input[type=radio] + label:before, .mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before {
    content: "";
    cursor: pointer;
    margin-right: 10px;
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.contact_form .mktoForm input[type=checkbox]:checked + label:before, .form .mktoForm input[type=checkbox]:checked + label:before, .mktoForm input[type=checkbox]:checked + label:before {
    content: "\2713 ";
    font-size: 17px;
    font-weight: 800;
    color: #0091b2;
    text-align: center;
}

.contact_form .mktoForm select.mktoField option {
    color: black;
}

.contact_form .mktoForm input.mktoField::placeholder {
    color: #ffffff;
    font-weight: 300;
    letter-spacing: .02em;
}

.contact_form .mktoForm .mktoButtonRow {
    text-align: left !important;
}

.contact_form .mktoForm button.mktoButton {
    background: #ffffff;
    color: #4c8238;
    border: none;
    padding: 12px 45px;
    border-radius: 15px;
    font-weight: 600;
    letter-spacing: .06em;
}

.contact_form .mktoForm .mktoButtonRow:after {
    max-width: 650px;
}

.meet-us .mktoForm button.mktoButton {
    background: #ffffff;
    color: #6d6e70;
    border: none;
    padding: 12px 45px;
    border-radius: 15px;
    font-weight: 600;
    letter-spacing: .06em;
}

.home #contact-bottom .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-color: #307533;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#307533), to(#44652d));
    background-image: -webkit-linear-gradient(top, #307533, #44652d);
    background-image: -moz-linear-gradient(top, #307533, #44652d);
    background-image: linear-gradient(to bottom, #307533, #44652d);
}

@media screen and (max-width: 800px) {
    .contact_form {
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .contact_form h2.contact_form_title {
        font-size: 30px;
        line-height: 36px;
    }
}

/* 3.6 ------------------------- DETAIL CONTENT BLOCK ---------------- */
.detail_content_section {
    display: block;
    background-color: #d1d3d4;
}

.detail_content_section h2 {
    padding: 20px 20px 20px 100px;
    max-width: 600px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 20px;
    display: inline-block;
    margin: 0;
}

.detail_content_section .detail_icon {
    max-width: 65px;
    float: right;
    position: relative;
    right: 60px;
    top: 20px;
    margin-bottom: -50px;
}

.detail_content_section .detail_icon.one-column_ic {
    right: 0;
    top: 0;
    margin-bottom: 0;
    margin: 60px 100px 40px 0;
    width: 100%;
    max-width: 105px;
}

.detail_content_section .detail_icon img {
    width: 100%;
}

.detail_copy.excerpt {
    max-width: 900px;
}

/* field reference */
.field-reference.detail_content_section .detail_icon.one-column_ic {
    max-width: 170px;
    margin-top: 100px;
    margin-right: 5%;
    margin-bottom: 60px;
}

/* franchise operations */
.franchise-operations.detail_content_section .detail_icon.one-column_ic {
    max-width: 150px;
    margin-top: 140px;
    margin-bottom: 60px;
    margin-right: 7%;
}

.detail_content_section .detail_columns {
    display: flex;
    padding: 20px 40px 20px 100px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

.detail_content_section .detail_columns.one-column {
    max-width: 80%;
    float: left;
}

.detail_content_section .detail_columns .detail_column {
    box-sizing: border-box;
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    float: left;
    display: inline-block;
}

.detail_content_section .detail_columns.one-column .detail_column {
    padding-left: 0;
}

.detail_content_section .detail_columns .detail_column.revealed {
    order: 1;
    width: 100%;
    flex: 0 1 100%;
}

.detail_content_section .detail_columns .detail_column:not(.revealed) {
    order: 2;
}

.detail_content_section .detail_columns .detail_column .hidden {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.detail_content_section .detail_columns .detail_column .excerpt, .detail_content_section .detail_columns .detail_column .expanded {
    transition: 1s all ease;
}

.detail_content_section .detail_columns .detail_column .excerpt p {
    margin-bottom: 20px;
    margin-top: 0px;
}

.detail_content_section .detail_columns .detail_column h3 {
    font-weight: 300;
    letter-spacing: .03em;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.detail_content_section .detail_columns .detail_column {
    font-size: 20px;
    line-height: 26px;
    padding-right: 2%;
}

.detail_content_section .detail_columns .detail_column a {
    text-decoration: none;
}

.detail_copy.expanded p {
    line-height: 1.5em;
    font-size: 17px;
    margin-top: 0;
}

.detail_copy.expanded {
    position: relative;
}

.detail_copy.expanded .detail_image {
    float: right;
    max-height: 550px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 48%;
}

.detail_content_section .banner_image {
    clear: both;
    display: block;
    height: 40vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.detail_content_section .resources_detail.hidden {
    display: none;
}

.downarrow {
    width: 100%;
}

.downarrow a {
    display: block;
    height: 40px;
    background-image: url('assets/images/downarrow.svg');
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    transition: .3s all ease;
    margin: 20px auto;
    position: relative;
}

.downarrow a:hover {
    background-position: center 80%;
}

@media screen and (max-width: 1180px) {
    .field-reference.detail_content_section .detail_icon.one-column_ic {
        max-width: 150px;
        margin-top: 120px;
        margin-right: 4%;
        margin-bottom: 60px;
    }

    /* franchise operations */
    .franchise-operations.detail_content_section .detail_icon.one-column_ic {
        max-width: 130px;
        margin-top: 140px;
        margin-bottom: 60px;
        margin-right: 7%;
    }

    .detail_content_section .detail_icon.one-column_ic {
        max-width: 95px;
        margin-right: 5%;
    }
}

@media screen and (max-width: 980px) {
    .detail_content_section .banner_image {
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        background-size: auto;
    }

    .detail_content_section h2 {
        padding-left: 20px;
    }

    .detail_content_section .detail_columns {
        padding-left: 20px;
    }

    .field-reference.detail_content_section .detail_icon.one-column_ic {
        max-width: 130px;
    }

    /* franchise operations */
    .franchise-operations.detail_content_section .detail_icon.one-column_ic {
        max-width: 130px;
        margin-top: 140px;
        margin-bottom: 60px;
        margin-right: 7%;
    }
}

@media screen and (max-width: 800px) {
    .field-reference.detail_content_section .detail_icon.one-column_ic {
        max-width: 100px;
        margin-right: 3%;
    }
}

@media screen and (max-width: 600px) {
    .detail_content_section .detail_columns.one-column {
        max-width: 100%;
        float: none;
    }

    .detail_content_section .detail_columns {
        padding: 20px;
    }

    .detail_content_section h2 {
        width: 100%;
        padding: 10px;
        font-weight: 300;
    }

    .detail_content_section .detail_icon.one-column_ic {
        display: none !important;
    }

    .detail_content_section .detail_columns .detail_column {
        flex-basis: 100%;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }

    .detail_content_section .detail_columns .detail_column h3 br {
        display: none;
    }

    .detail_content_section .banner_image {
        background-size: 135%;
    }
}

@media screen and (max-width: 480px) {
    .downarrow.hide-arrow-mobile {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    .detail_content_section .detail_columns.three-columns .detail_column {
        flex-basis: 33.33%;
    }

    .detail_content_section .detail_columns.two-columns .detail_column {
        flex-basis: 50%;
    }
}

/* 3.7 ---------------- RECENT POSTS BLOCK ------------------ */

.recent-posts-content {
    padding: 20px 40px 20px 40px;
    position: relative;
    background: #D1D2D4;
}

.recent-posts-title {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    padding: 10px 40px;
}

.recent-posts-block .logo-image {
    width: 100px;
}

.recent-posts-block .post-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 20px;
}

.recent-posts-block .post-item {
    flex-basis: 33%;
    padding-right: 40px;
    box-sizing: border-box;
}

.recent-posts-block .post-item h2 {
    margin: 0;
}

.recent-posts-block .post-item p {
    margin: 5px 0;
}

.recent-posts-block .post-item a {
    text-decoration: none;
}

.recent-posts-full-width-image {
    min-height: 300px;
    background-size: cover !important;
    background-position: center center !important;
}

.recent-posts-block .down-arrow {
    text-align: center;
    padding: 20px;
}

@media screen and (max-width: 980px) {
    .recent-posts-block .post-item {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 800px) {
    .recent-posts-block .post-item {
        flex-basis: 100%;
    }
}

/* 3.8 ----------------- Two Columns Content Section ---------------- */
.two-cc-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 60px 100px;
}

.two-cc-left-column {
    order: 1;
    flex-basis: 100%;
}

.two-cc-right-column {
    order: 2;
    flex-basis: 100%;
}

.two-cc-text {
    font-size: 24px;
    line-height: 30px;
    /*     float: right; */
    max-width: 500px;
    width: 100%;
}

.two-cc-header {
    color: #169D9E;
    font-size: 47px;
    line-height: 55px;
}

.two-cc-header p {
    margin: 5px 0;
    font-weight: 300;
}

.company-right-copy.two-cc-block .two-cc-right-column {
    flex-basis: 100%;
}

.company-right-copy.two-cc-block .two-cc-text {
    max-width: 100%;
}

.company-right-copy.two-cc-block .two-cc-left-column {
    display: none;
}

.mobile-left-order-3, .tcc_imgl_htr, .tcc_htl_imgr {
    max-width: 1200px;
    margin: 0 auto;
}

.mobile-left-order-3 .two-cc-image img, .tcc_htl_imgr .two-cc-image img, .tcc_imgl_htr .two-cc-image img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.mobile-left-order-3 .two-cc-text, .tcc_htl_imgr .two-cc-text, .tcc_imgl_htr .two-cc-text {
    font-size: 21px;
}

.mobile-left-order-3 .two-cc-header-text, .tcc_htl_imgr .two-cc-header-text, .tcc_imgl_htr .two-cc-header-text {
    margin-top: 40px;
}

.mobile-left-order-3 .two-cc-header, .tcc_htl_imgr .two-cc-header, .tcc_imgl_htr .two-cc-header {
    font-size: 42px;
}

.tcc_htl_imgr .two-cc-header-text {
    padding-right: 60px;
}

ul.howitlist {
    padding-left: 20px;
}

ul.howitlist li {
    line-height: 24px;
    margin-bottom: 8px;
}

.two-cc-block.tcc_imgl_htr .two-cc-text, .two-cc-block.tcc_htl_imgr .two-cc-text {
    float: none;
}

@media screen and (max-width: 480px) {
    .two-cc-block.mobile-left-order-3 .two-cc-left-column {
        order: 3;
    }
}

/* home two columns */
.two-cc-block.tcc_htl_htr {
    padding: 0;
}

.tcc_htl_htr .two-cc-header-text-color-top {
    border-top: 10px solid;
    padding: 25px 20px 25px 100px;
}

.tcc_htl_htr .two-cc-left-column .two-cc-header-text-color-top {
    border-right: 1px #ccc solid !important;
}

.tcc_htl_htr .two-cc-header-text-color-top::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.tcc_htl_htr .two-cc-header-text-color-top .leftcopy {
    width: 60%;
    float: left;
    display: inline-block;
}

.tcc_htl_htr .leftcopy .two-cc-header {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.tcc_htl_htr .leftcopy .two-cc-text p {
    margin: 10px 0;
}

.tcc_htl_htr .rightlnk {
    float: right;
    padding: 40px 60px 0 0;
}

.two-cc-block.column-1-5 {
    justify-content: space-between;
}

.two-cc-block.column-1-5 .two-cc-left-column {
    flex-basis: 17%;
    align-items: center;
    display: flex;
}

.two-cc-block.column-1-5 .two-cc-right-column {
    flex-basis: 80%;
}

.two-cc-block.column-1-5 .two-cc-right-column .two-cc-text {
    min-width: 100%;
}


@media screen and (max-width: 800px) {
    .two-cc-block {
        padding: 20px;
    }

    .tcc_htl_imgr .two-cc-header-text {
        padding-right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .two-cc-header {
        font-size: 38px;
        line-height: 40px;
    }

    .two-cc-text {
        font-size: 18px;
        line-height: 26px;
    }
}

@media screen and (max-width: 600px) {
    .two-cc-header p {
        margin: 0;
    }

    .two-cc-block {
        padding: 20px;
    }

    .two-cc-text {
        float: none;
    }

    .tcc_htl_htr .two-cc-header-text-color-top {
        padding: 20px;
    }

    .tcc_htl_htr .two-cc-header-text-color-top .leftcopy {
        width: 100%;
        display: block;
    }

    .tcc_htl_htr .rightlnk {
        float: none;
        padding: 0;
    }
}

@media screen and (min-width: 600px) {
    .two-cc-left-column {
        flex-basis: 50%;
        order: 1;
    }

    .two-cc-right-column {
        flex-basis: 50%;
        order: 2;
    }
}

/* 3.9 ---------------------- SINGLE IMAGE BLOCK -------------------------- */
.single-image {
    position: relative;
}

.single-image img {
    width: 100%;
    margin-bottom: -7px;
}

.single-image h2 {
    position: absolute;
    top: 60px;
    left: 100px;
    color: white;
    font-size: 30px;
    letter-spacing: 1px;
    max-width: 60%;
    line-height: 42px;
}

/* 3.10 --------------------- SLIDER SECTION ---------------------------- */
.slider-container {
    padding: 20px 0 60px 0;
}

.slider-container #images-carousel {
    padding: 0 40px;
}

.slider-container .title {
    color: #169D9E;
    font-family: SourceSansPro-Light;
    font-size: 47px;
    line-height: 55px;
    padding: 0 100px;
}

.slider-container #images-carousel .slick-slide {
    position: relative;
    overflow: hidden;
}

.slider-container #images-carousel .slick-slide h3 {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: white;
}

.slider-container #images-carousel .slick-prev {
    left: 15px;
    z-index: 999;
}

.slider-container #images-carousel .slick-next {
    right: 15px;
    z-index: 999;
}

.slider-container #images-carousel .slick-prev:before {
    content: url('assets/images/left-arrow.svg');
}

.slider-container #images-carousel .slick-next:before {
    content: url('assets/images/right-arrow.svg');
}

.slider-container #images-carousel .member {
    margin: 0 20px;
}

.slider-container #images-carousel .member-info {
    padding: 20px 0;
}

.slider-container #images-carousel .member-info p {
    margin: 0;
}

.slider-container #images-carousel .member-info .member-name {
    font-weight: 600;
}

.slider-container #images-carousel .member-info .member-position {
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
    .slider-container #images-carousel .slick-slide h3 {
        bottom: 15px;
    }

    .single-image h2 {
        top: 0px;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .slider-container .title {
        padding: 0 15px 20px 15px;
        margin: 0;
    }

    .slider-container #images-carousel .slick-slide h3 {
        bottom: -10px;
    }

    .slider-container .title {
        font-size: 30px;
    }

    .slider-container #images-carousel .member {
        margin: 0 5px;
    }

    .slider-container #images-carousel .slick-prev, .slider-container #images-carousel .slick-next {
        display: none !important;
    }

    .slider-container #images-carousel {
        padding: 0;
    }

    .icon-section .title {
        font-size: 30px;
    }
}

@media screen and (max-width: 320px) {
    .slider-container #images-carousel .slick-slide h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 800px) {
    .slider2.slick-slider .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}

/* 3.11 --------------------- COMPANIES SECTION ---------------------------- */
.companies, .fcompanies {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 80px 100px;
}

.fcompanies {
    padding-top: 20px;
}

.companies .company {
    flex-basis: calc(33% - 4px);
    background: #E6E6E7;
    min-height: 250px;
    margin: 2px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.companies .partner, .fcompanies .fpartner {
    flex-basis: calc(33% - 4px);
    border: none;
    min-height: 250px;
    margin: 2px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: transparent;
    cursor: pointer;
}

.companies .partner {
    background: #fff;
    border: 1px solid #ddd;
}

.companies .company.active {
    background: #EFEFF0;
    margin-bottom: 0px;
}

.companies .company .logo img {
    max-width: 150px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.companies .partner .logo img, .fcompanies .fpartner .logo img {
    max-width: 150px;
}

.fcompanies .fpartner .logo .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.fcompanies .fpartner .logo img {
    vertical-align: middle;
}

/* companies */
.companies .company .logo.allstate img {
    max-width: 180px;
    opacity: .7;
}

.companies .company .logo.mcdonalds img {
    max-width: 140px;
}

.companies .company .logo.abbott img {
    max-width: 180px;
    opacity: .4;
}

.companies .company .logo.benefit img {
    max-width: 180px;
}

.companies .company .logo.comcast img {
    max-width: 160px;
}

.companies .company .logo.taco-bell img {
    max-width: 100px;
    opacity: .5;
}

.companies .company .logo.cat img {
    opacity: .3;
}

.companies .company .logo.whole-foods img {
    opacity: .5;
}

.companies .company .logo.comcast img, .companies .company .logo.leukemia-lymphoma-society img, .companies .company .logo.loves-travel-stops-country-stores img {
    opacity: .4;
}

.companies .company .logo.leukemia-lymphoma-society img {
    opacity: .4;
}

.companies .company .logo img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    cursor: pointer;
    opacity: 1;
}

.companies .company .logo img.color {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

.companies .company-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-items: stretch;
    margin-left: 2px;
    margin-right: 17px;
    display: none;
}

.companies .partner-content, .fcompanies .partner-content {
    background: #E6E6E7;
    padding: 15px;
    text-align: left;
    height: 100%;
    max-height: 250px;
    overflow: scroll;
}

.companies .partner-content {
    display: none;
}

.companies .partner-content h4, .fcompanies .partner-content h4 {
    margin: 0;
}

.companies .partner-content h5, .fcompanies .partner-content h5 {
    margin: 0;
    font-weight: 100;
}

.companies .company-content.show-content, .fcompanies .company-content.show-content {
    display: flex;
}

.companies .company-text, .companies .company-content .company-asset, .fcompanies .company-text, .fcompanies .company-content .company-asset {
    flex-basis: 50%;
    background: #EFEFF0;
    padding: 40px 50px;
    box-sizing: border-box;
}

.companies .company-text, .fcompanies .company-text {
    padding: 40px 50px 40px 10%;
}

.companies .company-content a, .fcompanies .company-content a {
    background-color: #5db047;
    color: white;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    font-size: 15px;
}

.companies .company-content a u, .fcompanies .company-content a u {
    text-decoration: none;
}

.companies .company-text hr, .fcompanies .company-text hr {
    width: 15px;
    border-top: 1px solid #6D6E71;
    border-bottom: 0px;
    display: inline-block;
    margin: 0;
    margin-top: 15px;
}

.companies .company-text h4, .fcompanies .company-text h4 {
    font-weight: 600;
    text-transform: uppercase;
}

.companies .company-text h4, .companies .company-content .company-text p, .fcompanies .company-text h4, .fcompanies .company-content .company-text p {
    margin: 0;
}

.companies .company-content .company-text b, .fcompanies .company-content .company-text b {
    font-weight: 400;
}

.companies .company-asset, .fcompanies .company-asset {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.companies .company-asset h4, .fcompanies .company-asset h4 {
    font-size: 6em;
    font-weight: 100;
    line-height: 1.1em;
    margin: 0;
}

.companies .company-asset p, .fcompanies .company-asset p {
    font-size: 22px;
    margin: 0;
}

.fpartner {
    perspective: 1000px;
}

.fcompanies .fpartner-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.fcompanies .fpartner:hover .fpartner-inner {
    transform: rotateY(180deg);
}

.fpartner .logo, .fpartner .partner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.fpartner .logo {
    background: #fff;
    border: 1px solid #DDD;
}

.fpartner .partner-content {
    transform: rotateY(180deg);
}

@media (device-width: 768px) and (device-height: 1024px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
}

@media screen and (min-width: 1024px) {
    .contact_form.who-we-help {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .companies .company-asset h4, .fcompanies .company-asset h4 {
        font-size: 4em;
    }
}

@media screen and (max-width: 800px) {
    .companies .company-content, .fcompanies .company-content {
        margin-right: 8px;
    }

    .companies .company-content .company-text, .companies .company-content .company-asset, .fcompanies .company-content .company-text, .fcompanies .company-content .company-asset {
        padding: 30px;
    }

    .companies, .fcompanies {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {
    .companies, .fcompanies {
        padding: 40px 0px;
    }

    .companies .partner-content, .fcompanies .partner-content {
        max-height: none;
        overflow: visible;
    }

    .companies .company, .fcompanies .company {
        flex-basis: 100%;
        background: #ffffff;
        border-bottom: 1px solid #ccc;
    }

    .companies .partner, .fcompanies .fpartner {
        flex-basis: 100%;
    }

    .companies .company .logo img {
        filter: none;
        -webkit-filter: grayscale(0%);
        opacity: 1 !important;
    }

    .companies .company .logo img.hide-image {
        visibility: hidden;
    }

    .companies .company-text, .fcompanies .company-text {
        position: relative;
        width: 80%;
        margin: 0px auto;
        text-align: left;
        background: transparent;
        padding: 15px;
    }

    .companies .company-asset, .fcompanies .company-asset {
        display: none;
    }
}

/* 3.12 --------------------- HERO TEXT SECTION ---------------------------- */
.hero-text {
    padding: 150px 100px;
}

.hero-text .hero-text-content {
    text-align: center;
    color: white;
    max-width: 80%;
    margin: auto;
}

.hero-text .hero-text-content h1 {
    font-size: 40px;
    margin-bottom: 0;
}

.hero-text .hero-text-content hr {
    width: 100px;
}

.hero-text .hero-text-content p {
    padding-top: 5px;
    margin: 0 auto;
    max-width: 800px;
}

/* 3.12 --------------------- COLUMNS SECTION ---------------------------- */
.columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 50px 0px;
    justify-content: space-between;
    width: 100%;
}

.columns.column1 {
    padding: 50px 100px;
}

.columns .title {
    width: 100%;
}

.columns h2 {
    color: #067DB7;
    font-weight: 300;
    font-size: 48px;
    line-height: 55px;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.columns.title-center {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 100px;
    padding-right: 100px;
}

.columns.meet-us h2 {
    max-width: none;
}

.columns.title-center h2 {
    max-width: none;
    text-align: center;
}

.columns.column1 h2 {
    color: #fff;
    padding-left: 0;
}

.columns.wistia-video-embed h2 {
    font-size: 30px;
    color: #6D6E71;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}

.columns .column-image, .columns .column-text {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.columns .column-image, .columns .column-text {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.columns .column-text.column-image-text {
    justify-content: normal;
}

.columns .column-image.column1, .columns .column-text.column1 {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 0;
}

.columns .column-image.columns2, .columns .column-text.columns2 {
    flex-basis: 49.8%;
}

.columns .column-image.columns3, .columns .column-text.columns3 {
    flex-basis: 33.2%;
}

.columns .column-image.columns4, .columns .column-text.columns4 {
    flex-basis: 24.8%;
}

.columns .column-image.columns5, .columns .column-text.columns5 {
    flex-basis: 20%;
}

.team_circles.columns4 img {
    max-width: 300px;
    margin: 0 auto;
    border-radius: 100%;
}

.team_circles.columns3 img {
    max-width: 400px;
    margin: 0 auto;
    border-radius: 100%;
}

.columns .column-text.team_circles .team-title p {
    padding-top: 0;
    padding-bottom: 40px;
}

.columns .column-image img {
    width: 100%;
}

.columns .column-text h4 {
    font-size: 38px;
    font-weight: 200;
    margin-bottom: 10px;
    line-height: 38px;
}

.columns .column-text p {
    margin: 0;
    padding: 10px 20px;
}

.columns .column-image-text p {
    font-size: 18px;
    line-height: 24px;
}

.columns .column-image-text h4 {
    text-align: center;
    padding-top: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 22px;
}

.columns .column-image-text .buttons {
    text-align: center;
}

.team-circles .columns4 img {
    max-width: 300px;
    margin: 0 auto;
    border-radius: 100%;
}

.team-circles .columns3 img {
    max-width: 400px;
    margin: 0 auto;
    border-radius: 100%;
}

.columns.team-members {
    max-width: 1200px;
    margin: 0 auto;
}


@media screen and (max-width: 1126px) {
    .columns .column-image.columns3, .columns .column-text.columns3 {
        padding: 0 18px;
    }

}

@media screen and (max-width: 900px) {
    .columns .column-image.columns3, .columns .column-text.columns3 {
        flex-basis: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 768px) {
    .columns .column-image.columns2, .columns .column-text.columns2, .columns .column-image.columns4, .columns .column-text.columns4, .columns .column-image.columns5, .columns .column-text.columns5 {
        flex-basis: 100%;
        text-align: center;
    }

    .columns.title-center {
        padding-left: 40px;
        padding-right: 40px;
    }

    .columns.column1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 550px) {
    .columns.title-center {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* 3.14 --------------------- CONTENT SLIDER ---------------------------- */
.content-slider {
    position: relative;
}

.content-slider .slider-content-wrap {
    margin: 0 auto;
    max-width: 1600px;
}

.content-slider h2 {
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    width: 100%;
    margin: 0;
}

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

.content-slider .slider-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: absolute;
    opacity: 0;
    width: 100%;
    max-width: 1600px;
}

.content-slider .slider-item:first-child {
    opacity: 1;
}

.content-slider .slider-item .slider-item-image {
    flex-basis: 35%;
    background-size: cover;
    max-width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.content-slider .slider-item .slider-item-image img {
    /*width: 100%;*/
    height: 100%;
}

.content-slider .video-icon {
    background-color: white;
    border-radius: 50%;
    margin: auto;
    width: 75px;
    height: 75px;
    transition: all .3s;
    position: absolute;
    left: calc(50% - 37px);
    top: calc(50% - 37px);
}

.content-slider .video-icon:hover {
    opacity: .75;
}

.content-slider .video-icon a {
    font-size: 36px;
    margin-top: 19px;
    margin-left: 25px;
    display: inline-block;
    color: #6D6E71;
}

.content-slider #bgvid {
    height: 100%;
    position: relative;
}

.content-slider .slider-item .slider-item-content {
    flex-basis: 65%;
    padding: 4%;
}

.content-slider .slider-item .slider-item-content .devider {
    background: linear-gradient(90deg, #5FB5D9 0%, #ABC042 100%);
    width: 100px;
    height: 5px;
    margin-top: 20px;
}

.content-slider .slider-item .slider-item-content h3 {
    font-size: 48px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 0;
    line-height: 1em;
}

.content-slider .slider-item .slider-item-content p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 200;
}

.content-slider .slider-item .slider-item-content p.big-text {
    font-size: 78px;
    line-height: 98px;
    margin: 0;
}

.content-slider .slider-item .slider-item-content .btn, .content-slider .button-with-image.slider-item .btn {
    padding: 7px 20px;
    border-radius: 11px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative;
    z-index: 99;
    margin: 0;
    min-width: 155px;
}

.content-slider .btn:hover {
    opacity: .8;
}

.content-slider .slider-item .slider-item-content .left-btn.btn {
    margin-right: 30px;
}

.content-slider .bullets {
    position: absolute;
    bottom: 20px;
    left: 38%;
}

.call-to-action-slider .slick-dots span,
.content-slider .bullets span {
    width: 20px;
    height: 4px;
    background-color: #C0C0C0;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.call-to-action-slider-heading {
    text-align: center;
    padding-top: 40px;
    font-size: 40px;
}

.call-to-action-slider-heading * {
    margin: 0;
}

.call-to-action-slider .slick-dots .slick-active span,
.content-slider .bullets span.active {
    background-color: #404040;
}

.call-to-action-slider .slick-dots {
    bottom: 25px !important;
}

.content-slider .button-with-image.slider-item .slider-item-image {
    flex-basis: 30%;
    padding: 50px;
    text-align: center;
    max-width: 1200px;
    overflow: hidden;
}

.content-slider .button-with-image.slider-item .slider-item-image img {
    width: 300px;
    height: auto;
    margin-bottom: 20px;
}

.content-slider .button-with-image.slider-item .slider-item-image video {
    width: 300px;
    height: auto;
    margin-bottom: 20px;
}

.content-slider .button-with-image.slider-item .slider-item-content {
    flex-basis: 70%;
}

.content-slider .button-with-image.slider-item .slider-item-content h3 {
    font-size: 18px;
}

.content-slider.home-content-slider .slider-item .slider-item-content h3 {
    padding-top: 5%;
}

@media screen and (min-width: 1600px) {
    .content-slider.home-content-slider .slider-item .slider-item-content h3 {
        font-size: 60px;
        padding-top: 0;
    }

    .content-slider .slider-content-wrap {
        max-height: 560px;
    }

    .content-slider .slider-item .slider-item-content p {
        font-size: 33px;
        line-height: 40px;
    }

    .content-slider .bullets {
        left: 43%;
    }
}

@media screen and (max-width: 992px) {
    .content-slider .slider-item {
        width: 100%;
    }

    .content-slider .slider-item .slider-item-image {
        flex-basis: 100%;
    }

    .content-slider .slider-item .slider-item-content {
        flex-basis: 100%;
        padding: 10px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .content-slider .slider-item .slider-item-content h3 {
        font-size: 36px;
    }

    .content-slider .slider-item .slider-item-content .buttons {
        text-align: center;
    }

    .content-slider .slider-item .slider-item-content .left-btn.btn {
        margin-right: 0px;
    }
}

@media screen and (max-width: 480px) {
}

/* 3.15 --------------------- TESTIMONIALS ---------------------------- */
.testimonials-section {
    padding: 50px 100px;
}

.testimonials-section-wrap {
    list-style: none;
    padding: 0;
    max-width: 800px;
    margin: auto;
    text-align: center;
    position: relative;
}

.testimonials-section-wrap li {
    opacity: 0;
    position: absolute;
    width: 100%;
}

.testimonials-section-wrap li:first-child {
    opacity: 1;
}

.testimonials-section-wrap li p {
}

.testimonials-section-wrap li p.tetimonial-author {
    font-size: 19px;
}

@media screen and (max-width: 600px) {
    .testimonials-section {
        padding: 30px 10px;
    }
}

/* 3.16 --------------------- HERO SLIDER ---------------------------- */
.hr-slider .banner {
    position: relative;
}

.hr-slider .hr-copy-content {
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: auto;
    padding: 100px 0;
    position: relative;
}

.hr-slider.h-auto .hr-copy-content {
    height: auto !important;
}

.hr-slider .hr-copy-content .hr-copy {
    font-size: 76px;
    max-width: 100%;
    line-height: 76px;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.hr-slider .hr-copy-content .hr-text {
    color: white;
    font-size: 24px;
}

.hr-slider.field-reference .hr-copy-content .hr-text p {
    max-width: 700px;
    margin: 0 auto;
}

.hr-slider.no-link .hr-copy-content .hr-link {
    display: none;
}

.hr-slider .hr-copy-content .hr-link a {
    color: white;
    font-size: 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
    position: relative;
    transition: all .3s;
}

.hr-slider .hr-copy-content .hr-link a:hover {
    font-size: 32px;
}

.hr-slider .hr-copy-content .hr-link.show_as_button a {
    background-color: #067db7;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .1em;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    min-width: 155px;
    transition: all 0.1s ease-in-out;
    margin-top: 20px;
}

.hr-slider .hr-copy-content .hr-link.show_as_button .fa {
    display: none !important;
}

.hr-slider .hr-copy-content .hr-link.show_as_button a:hover {
    font-size: 15px;
    opacity: .8;
}

.hr-slider .hr-copy-content .hr-link a i {
    position: absolute;
    top: 2px;
    right: -20px;
    transition: all .3s;
}

.hr-slider .hr-copy-content .hr-link a:hover i {
    right: -30px;
    font-size: 30px;
}

.hr-slider .hr-copy-content .extra-content-item {
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    margin-top: 50px;
    display: flex;
    padding-top: 50px;
    opacity: 0;
    z-index: 1;
    position: absolute;
}

.hr-slider .banner:first-child, .hr-slider .extra-content-item.active {
    opacity: 1;
    z-index: 10;
}

.hr-slider .hr-copy-content .extra-content-item .left-content {
    flex-basis: 30%;
    border-right: 1px solid rgba(255, 255, 255, 0.50);
    padding-right: 20px;
}

.hr-slider .hr-copy-content .extra-content-item .left-content p {
    color: white;
    font-size: 18px;
}

.hr-slider .hr-copy-content .extra-content-item .left-content .ec-left-copy {
    font-size: 58px;
    margin-bottom: 0;
    margin-top: 20px;
}

.hr-slider .hr-copy-content .extra-content-item .right-content {
    flex-basis: 70%;
    display: flex;
    margin-left: 50px;
}

.hr-slider .hr-copy-content .extra-content-item .right-content img {
    max-width: 100px;
    margin-top: 20px;
}

.hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content {
    text-align: left;
    color: white;
    margin-left: 30px;
}

.hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content .ec-right-text {
    font-size: 18px;
    margin: 0;
}

.hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content .ec-right-text a {
    color: #ffffff;
    text-decoration: underline;
}

.hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content .ec-right-text a:hover {
    color: #cccccc;
}

.hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content .ec-left-copy {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
}

.hr-slider .bullets {
    position: absolute;
    bottom: 20px;
    left: 45%;
    z-index: 9999;
}

.hr-slider .bullets span {
    width: 20px;
    height: 4px;
    background-color: #404040;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.hr-slider .bullets span.active {
    background-color: #C0C0C0;
}

@media screen and (max-width: 736px) {
    .hr-slider .hr-copy-content .extra-content-item .left-content {
        display: none;
    }

    .hr-slider .hr-copy-content .extra-content-item .right-content {
        flex-basis: 100%;
        flex-direction: column;
        margin-left: 0;
        min-height: 300px;
    }

    .hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content, .hr-slider .hr-copy-content .extra-content-item .right-content .ec-left-copy {
        flex-basis: 100%;
        margin-left: 0;
        max-width: 80%;
        margin: 0 auto;
    }

    .hr-slider .hr-copy-content .extra-content-item {
        padding-top: 0;
        max-width: 90%;
        padding-bottom: 40px;
    }

    .hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content .ec-left-copy {
        display: none;
    }

    .hr-slider .hr-copy-content {
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin: auto;
        padding: 120px 20px 40px 20px;
    }

    .hr-slider .hr-copy-content .extra-content-item .right-content .ec-right-content {
        text-align: center;
    }

    .hr-slider .banner {
        background-attachment: scroll;
        background-size: cover;
    }

    .hr-slider .hr-copy-content .hr-copy {
        font-size: 40px;
        line-height: 48px;
    }

    .hr-slider .hr-copy-content .extra-content {
        flex-wrap: wrap;
    }

    .hr-slider .hr-copy-content .extra-content .left-content {
        flex-basis: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.50);
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .hr-slider .hr-copy-content .extra-content .right-content {
        flex-basis: 100%;
        display: flex;
        margin-left: 0px;
    }

    .hr-slider .bullets {
        left: 45%;
    }
}

/* 3.17 --------------------- FEATURES LIST ---------------------------- */
.features-list {
    padding: 50px 0;
}

.features-list .features-wrap {
    max-width: 960px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
}

.features-list .feature {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-bottom: 20px;
    background-color: #F0EFEF;
    position: relative;
    opacity: 1;
    cursor: pointer;
    overflow: hidden;
}

.features-list .feature .front, .features-list .feature .front img, .features-list .feature .front h2, .features-list .feature .front .devider, .features-list .feature .front p, .features-list .feature .front .more-info, .features-list .feature .back {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 0;
    left: 0;
}

.features-list .feature .back {

    opacity: 0;
}

.features-list .feature .front {
    padding: 80px 20px;
    height: 480px;
    z-index: 100;
}

.features-list .feature .front img {
    height: 90px;
}

.features-list .feature .front h2 {
    font-size: 28px;
    text-transform: uppercase;
}

.features-list .feature .front .devider {
    text-align: left;
}

.features-list .feature .front p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 60px;
}

.features-list .feature .front .more-info {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-top: 10px;
}

.features-list .feature .back {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.features-list .feature .back h2 {
    font-size: 16px;
    position: relative;
    font-weight: bold;
    top: -100px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
    max-width: 70px;
    line-height: 1.2em;
    right: -20px;
    text-transform: capitalize;
}

.features-list .feature:hover .back h2 {
    top: 0;
    opacity: 1;
}

.features-list .feature:hover .back {
    opacity: 1;
}

.features-list .feature:hover .front {
    background: transparent;
    z-index: 0;
}

.features-list .feature:hover .front p, .features-list .feature:hover .front .devider, .features-list .feature:hover .front .more-info {
    top: 100px;
    opacity: 0;
    line-height: 18px;
}

.features-list .feature:hover .front img, .features-list .feature:hover .front h2 {

}

.features-list .feature:hover .front img {
    opacity: 0;
    top: 170px;
}

.features-list .feature:hover .front h2 {
    top: 170px;
    opacity: 0;
}

@media screen and (max-width: 800px) {

    .features-list .feature:hover .back h2 {
        top: 0;
        opacity: 1;
    }

    .features-list .feature:hover .back {
        opacity: 1;
    }

    .features-list .feature:hover .front p, .features-list .feature:hover .front .devider, .features-list .feature:hover .front .more-info {
        top: 0;
        opacity: 1;
        line-height: 23px;
    }

    .features-list .feature:hover .front img, .features-list .feature:hover .front h2 {

    }

    .features-list .feature:hover .front img {
        opacity: 1;
        top: 0;
    }

    .features-list .feature:hover .front h2 {
        top: 0;
        opacity: 1;
    }

    .features-list .feature .touched .back h2 {
        top: 0;

        opacity: 1;
    }

    .features-list .feature .touched .back {
        opacity: 1;
    }

    .features-list .feature .touched .front {
        background: transparent;
        z-index: 100;
    }

    .features-list .feature .touched .front p, .features-list .feature .touched .front .devider, .features-list .feature .touched .front .more-info {
        top: 100px;
        opacity: 0;
        line-height: 18px;
    }

    .features-list .feature .touched .front img, .features-list .feature .touched .front h2 {

    }

    .features-list .feature .touched .front img {
        opacity: 0;
        top: 170px;
    }

    .features-list .feature .touched .front h2 {
        top: 170px;
        opacity: 0;
    }
}

/** Additional features **/
.features-list .add_feats.hidden {
    position: relative;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.features-list .add_feats {
    height: auto;
    opacity: 1;
    padding: 50px 40px;
    flex-basis: 100%;
    background: none;
}

.features-list .add_feats h2 {
    text-transform: uppercase;
    color: #097FB5;
    margin: 10px 0 50px 0;
}

.features-list .add_feats h3 {
    color: #097FB5;
    margin: 10px 0 20px 0;
    letter-spacing: 0;
    font-weight: normal;
}

.features-list .add_feats .addfeatslist {
    column-count: 2;
    column-gap: 50px;
}

.features-list .add_feats .addfeatslist .add-feature-items {
    padding: 0 50px 20px 0;
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    font-size: 17px;
    line-height: 1.3em;
}

.features-list .add_feats .addfeatslist .add-feature-items .add-title {
    display: block;
    font-weight: normal;
}

.features-list .load-more {
    text-align: center;
    width: 100%;
}

.features-list .load-more span {
    display: block;
    background-size: cover;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 0 auto;
}

.features-list .load-more .plus span {
    background-image: url('assets/images/view-more.png');
}

.features-list .load-more .minus span {
    background-image: url('assets/images/blue-close.png');
}

.features-list .load-more .close {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    .features-list .add_feats .addfeatslist {
        column-count: 1;
        column-gap: 0;
        padding: 0 0 0 12%;
    }
}

@media screen and (max-width: 480px) {
    .features-list .feature {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}


/* 3.18 --------------------- VIDEO SLIDER---------------------------- */
.video-slider {
    padding: 50px 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video-slider h2 {
    margin-bottom: 40px;
    flex-basis: 100%;
}

.video-slider .left {
    flex-basis: 65%;
    max-width: 100%;
    /*     box-shadow: 1px 1px 10px #aaa; */
    padding: 10px 10px 0;
}

.video-slider .left .video {
    display: none;
    padding: 10px;
    /*	box-shadow: 1px 1px 10px #aaa; */
    max-height: 540px;
}

.video-slider .left .video.active {
    display: block;
}

.video-slider .left .video img {
    max-width: 100%;
    width: auto;
    padding: 10px;
    box-shadow: 1px 1px 10px #aaa;
    max-height: 500px;
    margin: 0 auto;
    display: block;
}

.video-slider .left .video video {
    max-height: 500px;
}

.video-slider .right {
    flex-basis: 32%;
}

.video_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.video_info.active .icon {
    opacity: 1;
}

.video_info .icon {
    height: 80px;
    width: 80px;
    vertical-align: top;
    transform-origin: 0% 0%;
    padding: 10px;
    flex-basis: 80px;
    opacity: .4;
    transition: opacity .3s;
    cursor: pointer;
}

.video_info .icon:hover {
    opacity: .75;
}

.video_info .content {
    width: 75%;
}

@media screen and (max-width: 900px) {
    .video-slider {
        padding: 50px 20px;
    }
}

@media screen and (max-width: 600px) {
    .video-slider .left {
        flex-basis: 100%;
    }

    .video-slider .right {
        flex-basis: 100%;
        margin-top: 30px;
    }
}

/* 3.19 --------------------- FILTERED RESOURCES ---------------------------- */
.filtered_resources {
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.filtered_resources h2.filtered_resources_title {
    width: 100%;
    display: block;
    margin-top: 40px;
}

.filtered_resources p {
    width: 100%;
    display: block;
}

.filtered_resources:nth-child(even) {
    background: #fff;
}

.filtered_resources:nth-child(odd) {
    background: #F0EFEF;
}

.filtered_resources h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    margin-bottom: 0;
    padding-left: 40px;
}

.filtered_resources .one-resource {
    font-size: 20px;
    color: #666;
    /* margin:4%; */
    box-sizing: border-box;
}

.filtered_resources .one-resource a {
    text-decoration: none;
}

.filtered_resources .one-resource a.img-cont {
    display: block;
    background-size: cover;
    width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px #ccc solid;
}

.filtered_resources .one-resource h3 {
    display: block;
    padding: 20px 10px;
    color: #666;
    margin: 0;
    font-weight: 300;
    line-height: 20px;
    min-height: 60px;
    text-transform: none;
    letter-spacing: 1px;
}

.filtered_resources .one-resource h3 a {
    text-decoration: none;
    transition: .3s all ease;
    line-height: 1.4em;
    color: #6D6E71;
    font-weight: 100;
}

.filtered_resources .one-resource h3 a:hover {
    color: #000;
}

.filtered_resources .one-resource {
    padding: 40px;
}

.filtered_resources .facetwp-facet {
    margin-bottom: 0;
}

.filtered_resources .filters {
    display: flex;
    width: 100%;
    padding: 0 6%;
    flex-wrap: wrap;
}

.filtered_resources .filters .categories, .filtered_resources .filters .tags {
    flex-basis: 40%;
    padding: 0 5px;
}

.filtered_resources .filters select.facetwp-dropdown {
    border-radius: 6px;
    padding: 10px 30px 10px 15px;
    width: 100%;
    height: 47px;
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: #666;
    text-align-last: center;
    text-align: center;
}

.filtered_resources p.data-uuid {
    display: none;
}

@media screen and (min-width: 900px) {
    .filtered_resources .one-resource {
        flex-basis: 33%;
    }
}

@media screen and (max-width: 600px) {
    .filtered_resources .one-resource {
        flex-basis: 100%;
    }

    .filtered_resources .one-resource {
        padding: 20px 20px 0 20px;
    }
}

/* -------------- 3.20 NEW HERO SECTION --------------- */
.hero-section .container {
    padding: 40px 10%;
    display: grid;
    grid-column-gap: 5%;
    grid-template-columns: 35% 60%;
}

.hero-section.hero-section--center .container {
    display: flex;
    flex-direction: column;
}

.hero-section.hero-section--right .hero-section__image {
    order: 1;
}

.hero-section.hero-section--right .hero-section__content {
    order: 2;
    text-align: right;
}

.hero-section.hero-section--center .hero-section__image {
    order: 1;
    height: 40vh;
    max-height: 400px;
    margin-bottom: 2.5%;
}

.hero-section.hero-section--center .hero-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section.hero-section--center .hero-section__content {
    text-align: center;
    order: 2;
}
    /* special blocks */
      .hero-section.top-hero .container {
        padding-top:100px;
      }

@media screen and (max-width: 1600px) {
    .hero-section .container {
        grid-template-columns: 60% 35%;
    }
    .hero-section.hero-section--right .container {
        grid-template-columns: 35% 60%;
    }
}

@media screen and (max-width: 980px) {
    .hero-section .container {
        display: flex;
        flex-direction: column;
        padding: 15vh 10vh 10vh 10vh;
    }
    .hero-section.hero-section--right .hero-section__content {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .hero-section .container {
        padding: 20vh 30px 15vh 30px;
    }
}

.hero-section .hero-section__content,
.hero-section .hero-section__image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 980px) {
    .hero-section .hero-section__content {
        order: 2;
        text-align: center;
    }

    .hero-section .hero-section__image {
        order: 1;
        margin-bottom: 1.5rem;
    }
}

.hero-section .hero-section__upper-title {
    font-size: 1.5rem;
    line-height: 1.17;
    margin-bottom: 1rem;
    margin-top: 0px;
    font-weight: 600;
    color: #393939;
}

.hero-section .hero-section__title {
    font-size: 4rem;
    line-height: 1.17;
    margin-bottom: 1rem;
    margin-top: 0px;
    font-weight: 600;
    color: #393939;
    letter-spacing: -1.5px;
}

.hero-section .hero-section__description {
    font-weight: 500;
}

.hero-section .hero-section__buttons-holder {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.hero-section.hero-section--right .hero-section__buttons-holder {
    margin-left: 0px;
    margin-right: -10px;
    justify-content: flex-end;
}

.hero-section.hero-section--center .hero-section__buttons-holder {
    justify-content: center;
}

@media screen and (max-width: 980px) {
    .hero-section .hero-section__buttons-holder,
    .hero-section.hero-section--right .hero-section__buttons-holder {
        justify-content: center;
    }
}

.hero-section .hero-section__buttons-holder li {
    margin: 10px;
}

.hero-section .hero-section__button {
    text-decoration: none;
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    line-height: 1.28571429;
    letter-spacing: .8px;
    font-size: .875rem;
    text-transform: uppercase;
    text-decoration: none;
    padding: 19px 40px 20px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    transition: box-shadow .2s, opacity .2s;
}

.hero-section .hero-section__button--primary {
    background-color: #038FCA;
    color: #fff;
    fill: #fff;
}

.hero-section .hero-section__button--primary:hover {
    opacity: .9;
}

.hero-section .hero-section__button--secondary {
    background-color: transparent;
    color: #038FCA;
    fill: #038FCA;
    box-shadow: inset 0 0 0 1px #038FCA;
}

.hero-section .hero-section__button--secondary:hover {
    box-shadow: inset 0 0 0 2px #038FCA;
}

.hero-section .hero-section__buttons-text {
    margin-top: 1rem;
}

.hero-section .hero-section__buttons-text a {
    text-decoration: none;
    color: #038FCA;
    border-bottom: 1px solid #038FCA;
    transition: border-color .2s;
}

.hero-section .hero-section__buttons-text a:hover {
    border-color: transparent;
}

/* 4.0 ------------------ INDIVIDUAL PAGES ---------------- */

/* 4.1 ------------------ RESOURCES PAGE ----------------- */

.resources .page_header {
    padding: 40px;
    color: #ffffff;
    text-align: center;
}

.resources .page_header h1 {
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 2px;
}

.resource_navigation {
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
}

.resource_navigation .nav-box {
    padding: 20px;
    font-size: 25px;
    box-sizing: border-box;
}

.resources_section {
    padding: 40px;
}

.resources_section:nth-child(even) {
    background: #fff;
}

.resources_section:nth-child(odd) {
    background: #F0EFEF;
}

.resources_section h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    margin-bottom: 0;
    padding-left: 40px;
}

.resources_section p.sub_title {
    font-size: 18px;
    margin: 0;
    padding-left: 40px;
}

.resources_section .slick-list {
    z-index: 90;
}

.resources_section .slick-next, .resources_section .slick-prev {
    height: 50px
}

.resources_section .slick-next:before {
    content: url('assets/images/right-arrow.svg');
}

.resources_section .slick-prev:before {
    content: url('assets/images/left-arrow.svg');
}

.resources_section .slick-dots li button:before {
    content: '';
    background-color: #000;
    height: 3px;
    width: 25px;
}

.resources_section .slick-dots {
    top: 0;
    right: 30px;
    width: auto;
    z-index: 1;
    height: 20px;
}

.resources_section .slick-dots li {
    width: 25px;
    margin: 0 1px;
}

.resource_navigation .nav-box a {
    border: 2px #fff solid;
    text-align: center;
    display: block;
    padding: 20px 30px;
    text-decoration: none;
    color: #fff;
    transition: .3s all ease;
    border-radius: 5px;
}

.resource_navigation .nav-box a:hover {
    background: #077DB7;
}

.resources_section .resource_list .one-resource {
    font-size: 20px;
    color: #666;
    /* margin:4%; */
    box-sizing: border-box;
}

.resources_section .resource_list .one-resource a {
    text-decoration: none;
}

.resources_section .resource_list .one-resource a.img-cont {
    display: block;
    background-size: cover;
    width: 100%;
    /*height: 240px;*/
    height: 0px;
    padding-top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px #ccc solid;

}

.resources_section .resource_list .one-resource h3 {
    display: block;
    padding: 20px 10px;
    color: #666;
    margin: 0;
    font-weight: 300;
    line-height: 20px;
    min-height: 60px;
    text-transform: none;
    letter-spacing: 1px;
}

.resources_section .resource_list .one-resource h3 a {
    text-decoration: none;
    transition: .3s all ease;
    line-height: 1.4em;
    color: #6D6E71;
    font-weight: 100;
}

.resources_section .resource_list .one-resource h3 a:hover {
    color: #000;
}

.resources_section .resource_list .one-resource {
    padding: 40px;
}

@media screen and (min-width: 900px) {
    .resource_navigation .nav-box {
        flex-basis: 25%;
    }

    .resources_section .resource_list .one-resource {
        flex-basis: 47%;
    }
}

@media screen and (max-width: 800px) {
    .resource_navigation .nav-box {
        padding: 5px;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .resources_section .resource_list .one-resource {
        flex-basis: 100%;
    }

    .resources_section h2 {
        padding-left: 0;
    }

    .resources_section .slick-dots {
        width: 100%;
        right: 0;
    }

    .resources_section .resource_list .one-resource {
        padding: 20px 20px 0 20px;
    }
}

/* 4.2 ----------------- IFRAME PAGE ------------- */
.page-template-page-blank #inkhead, .page-template-page-blank #colophon {
    /*display: none !important;*/
}

.page-template-page-blank .iframewrap {
    height: 100vh;
}

.page-template-page-blank.admin-bar .iframewrap {
    height: 97vh;
}

/* 4.3 ------------------------------- BLOG POSTS
 * Hero Blog
 * Used for all large messaging that appears at the top of blog and blog posts
 * There is one type of hero styles:
 * hero__image: text sits on a background image
 *------------------------------------------------------------------*/


/* 4.4 ------------------------------ PRODUCT PAGE ----------------------- */

#hero--product {
    overflow: hidden;
    position: relative;
}

#hero--product:after {
    content: "";
    display: table;
    clear: both;
}

#hero--product .hero--text {
    position: relative;
    margin-left: 0 !important;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

#hero--product .hero--text h1 {
    text-align: center;
}

@media (min-width: 1060px) {
    #hero--product .hero--text h1 {
        text-align: left;
    }
}

@media (min-width: 1060px) {
    #hero--product .hero--text {
        width: 40%;
        float: left;
        text-align: left;
    }
}

#hero--product .hero--text br {
    display: none;
}

@media (min-width: 1060px) {
    #hero--product .hero--text br {
        display: block;
    }
}

#hero--product .devices-lockup {
    position: relative;
    width: 100%;
    margin: 50px auto;
    margin-bottom: 0;
}

@media (min-width: 1060px) {
    #hero--product .devices-lockup {
        position: absolute;
        max-width: 1233px;
        width: 100%;
        left: 47%;
        top: 6%;
        margin: 0 0;
    }
}

#hero--product .container {
    padding: 50px 25px;
    padding-bottom: 25px;
}

@media (min-width: 768px) {
    #hero--product .container {
        padding: 50px 50px;
    }
}

@media (min-width: 960px) {
    #hero--product .container {
        padding: 120px 100px;
    }
}

.p-25 {
    padding: 25px;
}

.mt-25 {
    margin-top: 25px !important;
    clear: both;
}

.card-shadow {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.card-solution {
    color: #474747;
}

.card-solution h2 {
    font-size: 26px;
    margin: 0;
}

.card-solution p {
    font-size: 17px;
    min-height: 60px;
    margin-bottom: 50px;
}

.card-solution img {
    width: 100%;
    height: auto;
}

.card-solution .link--arrow {
    position: absolute;
    bottom: 25px;
}

.card-solution a.link--arrow.coal {
    margin-top: 15px;
}

.link--arrow {
    color: #0091b2;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1em;
    position: relative;
    cursor: pointer;
}

.link--arrow.light:after {
    opacity: 0.6;
}

.link--arrow.coal {
    color: #474747;
}

.link--arrow.coal:after {
    -webkit-filter: brightness(0);
    background-size: 15px 10px;
    height: 10px;
    width: 15px;
    right: -22px;
}

.link--arrow:after {
    display: block;
    content: "";
    background: url(https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/ui/link-arrow.svg) no-repeat right;
    background-size: 20px 15px;
    height: 15px;
    width: 20px;
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
    -moz-transform: translateY(-50%) translate3d(0, 0, 0);
    -ms-transform: translateY(-50%) translate3d(0, 0, 0);
    -o-transform: translateY(-50%) translate3d(0, 0, 0);
    transform: translateY(-50%) translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link--arrow:hover:after {
    -webkit-transform: translateY(-50%) translateX(10px) translate3d(0, 0, 0);
    -moz-transform: translateY(-50%) translateX(10px) translate3d(0, 0, 0);
    -ms-transform: translateY(-50%) translateX(10px) translate3d(0, 0, 0);
    -o-transform: translateY(-50%) translateX(10px) translate3d(0, 0, 0);
    transform: translateY(-50%) translateX(10px) translate3d(0, 0, 0);
}

.simple-nav {
    text-decoration: none;
    color: #007db6;
    font-weight: normal;
}

@media only screen and (max-width: 960px) {
    .simple-nav {
        font-size: 16px;
    }
}

.simple-nav.previous {
    float: left;
}

.simple-nav.next {
    float: right;
}

.simple-nav-spacer {
    display: block;
    width: 100%;
    height: 1px;
    float: left;
}

@media (min-width: 568px) {
    .simple-nav-spacer {
        display: none;
    }
}

.list-simple {
    position: relative;
    list-style-type: disc;
    clear: both;
    margin: 5px 0px 45px !important;
}

.list-simple li {
    margin-bottom: 5px;
    font-weight: 300;
}

.overlay--blue {
    position: relative;
    background-position: top center;
}

.overlay--blue::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: #1D81B4;
    opacity: .85;
}

.overlay--blue .hero__text {
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
}

.overlay--gray {
    position: relative;
    background-position: top center;
}

.overlay--gray::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: #bebebe;
    opacity: .85;
}

.overlay--gray .hero__text {
    color: #000000;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
}

.hero__text p {
    max-width: 500px;
    display: block;
    margin: 30px auto;
}

.hero__text h1 {
    font-weight: 100;
    margin-bottom: 0;
    letter-spacing: 2px;
}

@media (min-width: 568px) {
    .percent-80 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.hero__image--video-popup {
    text-align: center;
    height: 300px;
}

@media (min-width: 960px) {
    .hero__image--video-popup {
        height: 450px;
    }
}

#video-popup--play {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/ui/play-button-small.png") center center no-repeat;
    height: 108px;
    width: 108px;
    position: relative;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    display: block;
    background-size: 100% 100%;
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
}

#video-popup--play:hover {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

@media (min-width: 568px) {
    #video-popup--play {
        height: 154px;
        width: 154px;
    }
}

@media (min-width: 960px) {
    #video-popup--play {
        height: 184px;
        width: 184px;
    }
}

.hero__image--canyourpdf {
    text-align: center;
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/videos/poster-product-highlights.jpg") center center no-repeat;
    background-size: cover;
    height: 300px;
}

@media (min-width: 960px) {
    .hero__image--canyourpdf {
        height: 450px;
    }
}

.icon--medium {
    width: 110px;
    height: 110px;
}

#choice-cta .contained {
    padding: 0;
}

#choice-cta .grid-item {
    padding: 25px 0;
}

@media (min-width: 568px) {
    #choice-cta .grid-item {
        padding: 50px 0;
    }
}

@media (min-width: 1280px) {
    #choice-cta .grid-item {
        padding: 100px 0;
    }
}

#choice-cta .grid-item:first-of-type {
    border-bottom: 1px solid #ffffff;
}

@media (min-width: 960px) {
    #choice-cta .grid-item:first-of-type {
        border-bottom: 0px;
        border-right: 1px solid #ffffff;
    }
}

@media (min-width: 960px) {
    .center-vertical {
        position: relative;
        top: 70%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
        position: absolute;
    }
}

@media (min-width: 568px) {
    .percent-90 {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.mkto-form__contained {
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
}

.logo-farm.grid-six {
    padding: 0;
}

@media (min-width: 960px) {
    .logo-farm.grid-six {
        padding: 25px 0px;
    }
}

@media (min-width: 1280px) {
    .logo-farm.grid-six {
        padding: 0;
    }
}

.logo-farm.grid-six .grid-item {
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    min-height: 100px;
    padding: 70px 25px;
}

.logo-farm.grid-six .grid-item:nth-of-type(even) {
    border-right: 0;
}

.logo-farm.grid-six .grid-item:nth-of-type(5), .logo-farm.grid-six .grid-item:nth-of-type(6) {
    border-bottom: 0;
}

@media (min-width: 568px) {
    .logo-farm.grid-six .grid-item:nth-of-type(even) {
        border-right: 1px solid #f8f8f8;
    }

    .logo-farm.grid-six .grid-item:nth-of-type(3), .logo-farm.grid-six .grid-item:nth-of-type(6) {
        border-right: 0;
    }

    .logo-farm.grid-six .grid-item:nth-of-type(4) {
        border-bottom: 0;
    }
}

@media (min-width: 960px) {
    .logo-farm.grid-six .grid-item {
        border-right: 0px !important;
        border-bottom: 0px;
        padding: 50px 25px;
    }
}

.logo-farm.grid-six .grid-item img {
    max-height: 50px;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
}

.logo-farm.grid-six .grid-item img.logo-coal {
    -webkit-filter: brightness(0.3);
}

.logo-farm.grid-six .grid-item img.logo-coal.gap {
    -webkit-filter: brightness(0.2);
}

.logo-farm.grid-six .grid-item .mhe, .logo-farm.grid-six .grid-item .gap, .logo-farm.grid-six .grid-item .roche, .logo-farm.grid-six .grid-item .squarespace, .logo-farm.grid-six .grid-item .princess {
    max-height: 50px;
}

.logo-farm.grid-six .grid-item .gap {
    -webkit-filter: brightness(0.7);
}

.logo-farm.grid-six .grid-item .airwaysnz {
    max-width: 115px;
}

/* 4.5 ----------------------------- SERVICES ---------------------------- */

.hero__image--services {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/hero/hero-services.jpg") center center no-repeat;
    background-size: cover;
    height: 300px;
}

@media (min-width: 960px) {
    .hero__image--services {
        height: 450px;
    }
}

@media (min-width: 568px) {
    .hero__basic {
        text-align: center !important;
    }
}

.hero__basic .hero__text {
    width: 100%;
}

@media (min-width: 768px) {
    .hero__basic .hero__text {
        width: 90%;
    }
}

@media (min-width: 960px) {
    .hero__basic .hero__text {
        width: 80%;
    }
}

.hero__basic .hero__text.wide {
    width: 100%;
}

@media (min-width: 768px) {
    .hero__basic .hero__text.wide {
        width: 90%;
    }
}

@media (min-width: 960px) {
    .hero__basic .hero__text.wide {
        width: 75%;
    }
}

.hero__basic .hero__text {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hero__basic .hero__rule {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hero__basic img {
    margin-bottom: -8px;
}

.hero__basic .hero__text p {
    max-width: 700px;
}

/*4.6 -------------------------------- CUSTOMER SUCCESS --------------------- */

@media (min-width: 568px) {
    .percent-40 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 960px) {
    .percent-40 {
        max-width: 40%;
    }
}

.right {
    float: right;
    clear: right;
    display: block;
}

.hero {
    width: 100%;
    color: #ffffff;
}

.hero-dropimage {
    min-height: 40vh;
}

.card {
    background: #ffffff;
}

.card p {
    font-size: 17px;
    line-height: 27px;
    color: #474747;
}

@media (min-width: 568px) {
    .card p {
        font-size: 19px;
        line-height: 29px;
    }
}

.card p + p {
    padding-top: 0;
}

.card h3 {
    color: #474747;
}

.card--rounded {
    border-radius: 4px;
}

.card__image + .card__text {
    margin-top: -10px;
}

.card-name {
    font-weight: 600;
    text-align: left;
    color: #474747;
}

.card-title {
    color: #878787 !important;
    margin-bottom: 12.5px;
    text-align: left;
}

.card__text {
    background: #ffffff;
    color: #474747;
    padding: 25px;
    text-align: left;
}

.card__text p + p {
    padding-top: 0;
}

.card-info {
    position: absolute;
    top: -9999px;
    right: -9999px;
}

@media (min-width: 960px) {
    .card-info {
        top: 0;
        right: 0;
        position: relative;
    }
}

.card__social {
    position: absolute;
    margin-top: -75px;
}

@media (min-width: 568px) {
    .card__social {
        margin-top: -90px;
    }
}

.card--twitter, .card--linkedin {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.card--twitter:last-child, .card--linkedin:last-child {
    margin-right: 0;
}

.card--twitter {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/ui/social-twitter.svg") center center no-repeat;
}

.card--linkedin {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/ui/social-linkedin.svg") center center no-repeat;
}

.card-text {
    padding: 25px;
}

.card-text:after {
    content: "";
    display: table;
    clear: both;
}

.card-home {
    color: #007db6;
}

.card-home h2 {
    font-size: 22px;
    margin-top: 30px;
}

.card-home .bttn {
    margin-top: 12.5px;
    margin-bottom: 30px;
}

.card-home img {
    width: 100%;
    height: auto;
}

.card-shadow {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.card-solution {
    color: #474747;
}

.card-solution h2 {
    font-size: 26px;
}

.card-solution p {
    font-size: 17px;
    margin-bottom: 50px;
}

.card-solution img {
    width: 100%;
    height: auto;
}

.card-solution .link--arrow {
    position: absolute;
    bottom: 25px;
}

.card-solution a.link--arrow.coal {
    margin-top: 15px;
}

.card-content-marketing {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    width: 100%;
}

.card-content-marketing .content-marketing-type {
    font-size: 16px;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.card-content-marketing .content-marketing-copy {
    width: 100%;
    padding-top: 15px;
}

@media (min-width: 568px) {
    .card-content-marketing .content-marketing-copy {
        width: 50%;
    }
}

.card-content-marketing .content-marketing-copy h2 {
    font-size: 26px;
    margin-bottom: 60px;
}

.card-content-marketing .content-marketing-copy .bttn {
    position: absolute;
    bottom: 25px;
}

.card-content-marketing .content-marketing-image {
    display: none;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

@media (min-width: 568px) {
    .card-content-marketing .content-marketing-image {
        display: block;
        width: 50%;
    }
}

.flip-container {
    padding-bottom: 3%;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    cursor: pointer;
    margin: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flip {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flipped {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.flipped .card-front {
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -ms-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    filter: brightness(0.8);
}

.flipped .card-back {
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
}

.flipped .card-front, .flipped .card-back {
    -webkit-animation: flip-shadow 0.2s linear;
}

.card-container {
    position: absolute;
    background: white;
    border-radius: 6px;
    border: none;
    padding: 18px;
    width: 100%;
    /*
&.image--bleed {
    .card {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .portrait {
        height: auto;
        width: 100%;
    }
}*/
}

.card-container.image .inner-text {
    display: none;
}

.card-container.image .inner-image {
    display: block;
}

.card-container.text .inner-image {
    display: none;
}

.card-container.text .inner-text {
    display: block;
    padding: 0 20px;
    color: #474747;
}

.card-container .card {
    position: absolute;
    left: 5%;
    top: 10%;
    right: 5%;
    bottom: 15%;
    overflow: hidden;
    border-radius: 6px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.card-container .card .inner-text {
    outline: none;
}

.card-container .portrait {
    max-width: 80%;
    max-height: 80%;
    width: 100%;
    height: auto;
}

.card-container .inner-text {
    min-height: 12px;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .card-container .inner-text {
        font-size: 12px;
        line-height: 18px;
        padding: 0px 5px !important;
    }
}

@media (min-width: 840px) {
    .card-container .inner-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 960px) {
    .card-container .inner-text {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 10px !important;
    }
}

@media (min-width: 1060px) {
    .card-container .inner-text {
        font-size: 18px;
        line-height: 26px;
        padding: 0px 15px !important;
    }
}

@media (min-width: 1280px) {
    .card-container .inner-text {
        font-size: 22px;
        line-height: 30px;
        padding: 0px 20px !important;
    }
}

.card-container .inner-text, .card-container .inner-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
}

.card-container::after {
    content: "";
    display: block;
    height: 10%;
    width: 10%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTMuOSAxMC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMy45IDEwLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMEE3Q0U7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjksMTAuNkM1LjQsMTAuNiw0LDEwLDMsOUMyLjksOC44LDIuOSw4LjYsMyw4LjRjMC4yLTAuMSwwLjQtMC4xLDAuNSwwYzEsMS4xLDIuNSwxLjYsMy45LDEuNA0KCQlDOC43LDkuNiw5LjgsOSwxMC41LDhjMC43LTEsMS0yLjIsMC45LTMuNGMwLTAuMiwwLjEtMC40LDAuMy0wLjRjMC4yLDAsMC40LDAuMSwwLjQsMC4zYzAuMiwxLjQtMC4yLDIuOC0xLDMuOQ0KCQljLTAuOSwxLjEtMi4xLDEuOS0zLjUsMi4xQzcuNCwxMC42LDcuMSwxMC42LDYuOSwxMC42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDYuNEMxLjgsNi40LDEuNiw2LjIsMS42LDZjLTAuMi0xLjQsMC4yLTIuOCwxLTMuOUMzLjUsMSw0LjcsMC4yLDYuMSwwLjFjMS43LTAuMiwzLjQsMC40LDQuNiwxLjYNCgkJYzAuMSwwLjIsMC4xLDAuNCwwLDAuNWMtMC4yLDAuMS0wLjQsMC4xLTAuNSwwYy0xLTEuMS0yLjUtMS42LTMuOS0xLjRDNSwxLDQsMS42LDMuMywyLjZjLTAuNywxLTEsMi4yLTAuOSwzLjQNCgkJQzIuNCw2LjEsMi4zLDYuMywyLDYuNEMyLDYuNCwyLDYuNCwyLDYuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0LjNsMS45LDIuNmMwLjEsMC4xLDAuMiwwLjEsMC4yLDBsMS45LTIuNWMwLjEtMC4xLDAtMC4yLTAuMS0wLjJsLTMuOCwwQzAsNC4xLDAsNC4yLDAsNC4zeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy44LDYuNEwxMiwzLjljLTAuMS0wLjEtMC4yLTAuMS0wLjIsMEw5LjgsNi40Yy0wLjEsMC4xLDAsMC4yLDAuMSwwLjJsMy44LDBDMTMuOCw2LjYsMTMuOSw2LjUsMTMuOCw2LjR6Ig0KCQkvPg0KPC9nPg0KPC9zdmc+DQo=");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 5%;
    right: 5%;
    -webkit-animation: pulse 2s ease-in-out infinite;
    -moz-animation: pulse 2s ease-in-out infinite;
    -ms-animation: pulse 2s ease-in-outinfinite;
    animation: pulse 2s ease-in-out infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transition: -webkit-filter 0.4s;
    -moz-transition: -moz-filter 0.4s;
    -o-transition: -o-filter 0.4s;
    transition: filter 0.4s;
}

.card-container:hover {
    cursor: pointer;
}

.card-container:hover::after {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.card-front, .card-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: visible;
    background: white;
    border: 1px solid #ddd;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: .4s;
}

.flipped .card-back, .card-front {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.4s both;
    -webkit-animation: stayvisible 0.4s both;
    -moz-animation: stayvisible 0.4s both;
    -o-animation: stayvisible 0.4s both;
    -ms-animation: donothing 0.4s;
    -ms-transition: visibility 0s linear 0.1s !important;
    visibility: visible;
}

.flipped .card-front, .card-back {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.4s both;
    -webkit-animation: stayvisible 0.4s both;
    -moz-animation: stayvisible 0.4s both;
    -o-animation: stayvisible 0.4s both;
    -ms-animation: donothing 0.4s;
    -ms-transition: visibility 0s linear 0.1s !important;
    visibility: hidden;
}

.card-front {
    -moz-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -ms-filter: brightness(1);
    -o-filter: brightness(1);
    filter: brightness(1);
}

.card-back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.07);
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -ms-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    filter: brightness(0.8);
    background: white;
}

.square {
    width: 100%;
    padding: 0;
    padding-bottom: 100%;
}

@-webkit-keyframes flip-shadow {
    50% {
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.05);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(0.8);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-webkit-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-moz-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-o-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-ms-keyframes donothing {
}

.mfp-fade + header {
    padding-right: 15px;
}

/* 4.7 ------------------------------ GRID TWO, THREE AND SIX ------------------------- */
.grid-two .grid-item {
    width: 100%;
    position: relative;
    float: left;
}

@media (min-width: 960px) {
    .grid-two .grid-item {
        width: 50%;
    }
}

.grid-two .grid-item .grid-item.percent-80 {
    width: 100%;
}

@media (min-width: 960px) {
    .grid-two .grid-item .grid-item.percent-80 {
        width: 80%;
    }
}

.grid-two .grid-item .grid-item.percent-20 {
    width: 100%;
}

@media (min-width: 960px) {
    .grid-two .grid-item .grid-item.percent-20 {
        width: 20%;
    }
}

.grid-two.gutter .grid-item {
    margin: 12.5px auto;
}

.grid-two.gutter .grid-item:nth-of-type(odd) {
    margin-top: 0;
}

.grid-two.gutter .grid-item:nth-of-type(even) {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .grid-two.gutter .grid-item {
        width: 48%;
        margin: 0 2%;
    }

    .grid-two.gutter .grid-item:nth-of-type(odd) {
        margin-left: 0;
    }

    .grid-two.gutter .grid-item:nth-of-type(even) {
        margin-right: 0;
    }
}

@media (min-width: 960px) {
    .grid-two.gutter .grid-item.h-350-temp {
        min-height: 350px;
    }

    .grid-two.gutter .grid-item.h-350-temp:nth-of-type(odd) {
        min-height: 350px;
    }
}

.grid-two.gutter + .grid-two.gutter {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .grid-two.gutter + .grid-two.gutter {
        margin-top: 50px;
    }
}

@media (min-width: 960px) {
    .grid-two.gutter.float-opposite {
        flex-direction: row-reverse;
    }

    .grid-two.gutter.float-opposite .grid-item:nth-of-type(odd) {
        float: right;
        margin-right: 0;
        margin-left: 2%;
    }

    .grid-two.gutter.float-opposite .grid-item:nth-of-type(even) {
        float: left;
        margin-left: 0;
        margin-right: 2%;
    }
}

.gridded.gutter + .gridded.gutter {
    margin-top: 50px;
}


.grid-three .grid-item {
    width: 100%;
    position: relative;
    float: left;
}

@media (min-width: 568px) {
    .grid-three .grid-item {
        width: 51%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 960px) {
    .grid-three .grid-item {
        width: 33.3%;
    }
}

.grid-three.gutter .grid-item {
    width: 100%;
    margin: 12.5px 0;
}

@media (min-width: 568px) {
    .grid-three.gutter .grid-item {
        margin-left: auto;
        margin-right: auto;
    }
}

.grid-three.gutter .grid-item:nth-of-type(1) {
    margin-top: 0;
}

.grid-three.gutter .grid-item:nth-of-type(3) {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .grid-three.gutter .grid-item {
        width: 30%;
        margin: 0 2.5%;
    }

    .grid-three.gutter .grid-item:nth-of-type(1) {
        margin-left: 0;
    }

    .grid-three.gutter .grid-item:nth-of-type(3) {
        margin-right: 0;
    }
}

@media (min-width: 568px) {
    .grid-three.gutter .grid-item.careers-perk {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .grid-three.gutter .grid-item.careers-perk {
        width: 30%;
    }
}

.grid-three.gutter .grid-item.card-solution {
    width: 100%;
    margin: 12.5px 0;
}

@media (min-width: 568px) {
    .grid-three.gutter .grid-item.card-solution {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .grid-three.gutter .grid-item.card-solution {
        width: 51%;
        margin-left: auto;
        margin-right: auto;
    }
}

.grid-three.gutter .grid-item.card-solution:nth-of-type(1) {
    margin-top: 0;
}

.grid-three.gutter .grid-item.card-solution:nth-of-type(3) {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .grid-three.gutter .grid-item.card-solution {
        width: 30%;
        margin: 0 2.5%;
    }

    .grid-three.gutter .grid-item.card-solution:nth-of-type(1) {
        margin-left: 0;
    }

    .grid-three.gutter .grid-item.card-solution:nth-of-type(3) {
        margin-right: 0;
    }
}

.grid-three.gutter + .grid-three.gutter {
    margin-top: 50px;
}

.grid-six .grid-item {
    width: 50%;
    position: relative;
    float: left;
}

@media (min-width: 568px) {
    .grid-six .grid-item {
        width: 33.3%;
    }
}

@media (min-width: 960px) {
    .grid-six .grid-item {
        width: 16.66%;
    }
}

.grid-six.gutter .grid-item {
    margin: 12.5px 0;
    width: 48%;
}

.grid-six.gutter .grid-item:nth-of-type(1) {
    margin-top: 0;
}

.grid-six.gutter .grid-item:nth-of-type(6) {
    margin-bottom: 0;
}

.grid-six.gutter .grid-item:nth-of-type(1), .grid-six.gutter .grid-item:nth-of-type(2) {
    margin-top: 0;
}

.grid-six.gutter .grid-item:nth-of-type(5), .grid-six.gutter .grid-item:nth-of-type(6) {
    margin-bottom: 0;
}

.grid-six.gutter .grid-item:nth-of-type(even) {
    margin-left: 4%;
}

@media (min-width: 568px) {
    .grid-six.gutter .grid-item {
        width: 30%;
    }

    .grid-six.gutter .grid-item:nth-of-type(1), .grid-six.gutter .grid-item:nth-of-type(2), .grid-six.gutter .grid-item:nth-of-type(3) {
        margin-top: 0;
    }

    .grid-six.gutter .grid-item:nth-of-type(4), .grid-six.gutter .grid-item:nth-of-type(5), .grid-six.gutter .grid-item:nth-of-type(6) {
        margin-bottom: 0;
    }

    .grid-six.gutter .grid-item:nth-of-type(even) {
        margin-left: 0;
    }

    .grid-six.gutter .grid-item:nth-of-type(2), .grid-six.gutter .grid-item:nth-of-type(5) {
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media (min-width: 1280px) {
    .grid-six.gutter .grid-item {
        width: 15%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .grid-six.gutter .grid-item:nth-of-type(1) {
        margin-left: 0;
        margin-right: 1%;
    }

    .grid-six.gutter .grid-item:nth-of-type(2), .grid-six.gutter .grid-item:nth-of-type(3), .grid-six.gutter .grid-item:nth-of-type(4), .grid-six.gutter .grid-item:nth-of-type(5) {
        margin: 0 1%;
    }

    .grid-six.gutter .grid-item:nth-of-type(6) {
        margin-right: 0;
        margin-left: 1%;
    }
}


.gridded::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.grid-item p:first-of-type {
    margin-top: 5px;
}


/* 4.8 ------------------------------ CAREERS ----------------------------- */
#hero-careers {
    background: url(/wp-content/uploads/2014/07/careers.png) center bottom no-repeat;
}

.text--white {
    color: #ffffff;
}

#hero-careers {
    background: url("/wp-content/uploads/2014/07/careers.png") center bottom no-repeat;
    background-size: auto 100%;
}

#hero-careers .hero__text {
    min-height: 200px;
    width: 100%;
}

@media (min-width: 950px) {
    #hero-careers .hero__text {
        min-height: 280px;
    }
}

@media (min-width: 658px) {
    #hero-careers {
        background-size: 100%;
    }
}

.hr-block.careers {
    height: 60vh;
}

.hr-block.careers .hr-bck {
    background-attachment: inherit;
    background-position: center bottom;
}

.hr-block.careers .hr-copy-cont {
    height: 60vh;
}

.call-to-action.careers {
    height: auto;
}

.call-to-action.careers h2 {
    margin-bottom: 30px;
}

.columns.no-center {
    justify-content: flex-start;
}

@media screen and (max-width: 480px) {
    .call-to-action.careers .cta-button-block-left {
        order: 2;
    }

    .call-to-action.careers .cta-text-block-right {
        order: 1;
    }

    .call-to-action.careers a {
        top: 0;
    }
}

.slick-arrow.fa-angle-left {
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 2%;
    z-index: 2;
}

.slick-arrow.fa-angle-right {
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 4%;
    z-index: 2;
}

/* 4.9 ------------------------------ HOME PAGE ----------------------------- */
.home-icons .icon-block {
    padding: 2% 5% 5% 5%;
}

.home-meet-products.columns {
    max-width: 1200px;
    margin: 0 auto;
}

.home-meet-products.columns h2 {
    padding-left: 0;
}

.home-testimonial .testimonial-content {
    max-width: 650px;
    margin: 0 auto;
}

.home-testimonial .testimonial-content .testimonial-image {
    min-height: 132px;
}

.extra-home-testimonial .tetimonial-text,
.extra-home-testimonial .tetimonial-author {
    text-align: center !important;
}

.extra-home-testimonial .tetimonial-text {
    font-style: italic;
    color: #6D6E71;
}

.extra-home-testimonial .tetimonial-author a {
    text-decoration: none;
    margin-top: 10px;
}


@media screen and (max-width: 1400px) {
    .home-cta .cta-button-block-left {
        padding-top: 20px;
    }

    .call-to-action.home-cta h2 {
        font-size: 40px;

    }
}

@media screen and (max-width: 1180px) {
    .home-cta .cta-img-block-right {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1060px) {
    .home-cta .cta-img-block-right {
        flex-basis: 100%;
        order: 1;
        padding-top: 0;
    }

    .home-cta .cta-button-block-left {
        flex-basis: 100%;
        order: 2;
    }

    .home-cta .cta-button-block-left .cta-title {
        margin-top: 0;
    }
}

@media screen and (max-width: 1000px) {
    .home-icons .icon-block {
        padding: 20px 30px 30px 30px;
    }

    .home-icons .icon-section .icon-copy {
        padding: 0 5%;
    }
}

@media screen and (max-width: 600px) {
    .home-meet-products.columns h2 {
        max-width: 80%;
        margin: 0 auto;
    }
}

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

    .call-to-action.howitworkshome, .call-to-action.why-you-need-it {
        height: auto;
    }

    .call-to-action.howitworkshome .cta-img-block-right {
        order: 2;
        justify-content: flex-start;
        flex-direction: column;
        display: flex;
    }
}

.home .columns h2, .page-template-page-home .columns h2 {
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.home .columns .column-text, .page-template-page-home .columns .column-text {
    text-align: center;
    padding: 20px 1% 40px;
}

@media screen and (max-width: 600px) {
    .home .columns .column-text, .page-template-page-home .columns .column-text {
        padding: 0 40px;
    }
}


/* 4.10 ------------------------------ PARTNERS PAGE ----------------------------- */
.call-to-action.partners-page {
    padding: 0px 40px 80px 100px;
    height: auto;
    display: block;
}

.partners-page h2 {
    margin: 0;
    margin-bottom: 30px;
}

.partners-page .cta-button-block-left {
    padding-bottom: 0px;
}

@media screen and (max-width: 600px) {
    .call-to-action.partners-page {
        padding: 0 20px 40px 20px;
    }
}

/* 4.11 ------------------------------ CONTACT PAGE ----------------------------- */
.map {
    margin-bottom: -7px;
}

/* 4.12 ------------------------------ FORMS PAGES ----------------------------- */
.form-page.content {
    display: flex;
    flex-direction: row;
    padding: 50px 100px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.form-page .text-content {
    flex-basis: 48%;
    margin-right: 2%;
}

.form-page .text-content ul {
    font-weight: 400;
    padding: 20px;
}

.form-page .form {
    flex-basis: 48%;
    margin-left: 2%;
    background-color: rgba(34, 178, 76, 0.15);
    padding: 25px;
    box-sizing: border-box;
}

.form-page .form h3 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 19px;
}

.form-page .form form {
    width: 100% !important;
}

.form-page .form form label {
    display: none;
}

.form-page .form .mktoFormRow {
    float: left;
    width: 49%;
    clear: none;
}

.form-page .form .mktoFormRow:nth-of-type(odd) {
    margin-right: 2%;
}

.form-page .form .mktoFormRow .mktoGutter, .form-page .form .mktoFormRow .mktoOffset {
    display: none;
}

.quick-quote .form .mktoFormRow:nth-of-type(9) {
    margin-right: 0%;
}

.quick-quote .form .mktoFormRow:nth-of-type(10) {
    margin-right: 2%;
}

.quick-quote .form .mktoFormRow:nth-of-type(11) {
    margin-right: 0%;
}

.quick-quote .form .mktoFormRow:nth-of-type(12) {
    width: 100%;
}

.quick-quote .form .mktoFormRow:nth-of-type(12) textarea {
    height: 5.8em
}

.form-page .form .mktoFormRow .mktoFieldDescriptor, .form-page .form .mktoFormRow .mktoRequiredField {
    float: none;
}

.form-page .form .mktoFormRow textarea, .form-page .form .mktoFormRow input, .form-page .form .mktoFormRow select {
    width: 100% !important;
    height: 45px;
    padding: 10px 0px 10px 10px;
    border-radius: 4px;
    color: #616060;
    border: 0px !important;
    box-shadow: none;
    font-size: 18px !important;
    margin: 4.5px 0;
    background-color: #ffffff;
}

.form-page .form .mktoForm button.mktoButton, .form-page .form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
    background: #22b24c !important;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px !important;
    border-radius: 30px;
    padding: 13px 33px;
    letter-spacing: 0.1em;
    width: auto;
    height: auto;
    border: 0px;
}

.form-page .form .mktoForm div, .form-page .form .mktoForm span, .form-page .form .mktoForm label, .mktoForm p {
    text-align: center;
    color: rgb(51, 51, 51);
}

.form-page .form .mktoForm .mktoButtonRow:after {
    color: rgb(51, 51, 51);
}

@media screen and (max-width: 1024px) {
    .form-page .text-content {
        flex-basis: 100%;
        margin-right: 0%;
    }

    .form-page .form {
        flex-basis: 100%;
        margin-left: 0%;
    }
}

@media screen and (max-width: 600px) {
    .form-page.content {
        padding: 20px;
    }

    .form-page .form .mktoFormRow {
        float: none;
        width: 100%;
        clear: both;
        margin-right: 0;
    }
}

/* 4.13 ------------------------------ HABITAT PAGE ----------------------------- */

.bg--teal {
    background-color: #009c9e;
}

.hero__illustration .hero__text {
    float: left;
    clear: left;
    display: block;
    margin-left: 0;
    margin-right: 3.1%;
}

@media (min-width: 768px) {
    .hero__illustration .content {
        height: 325px;
    }
}

.hero__illustration .hero__text {
    width: 100%;
}

@media (min-width: 768px) {
    .hero__illustration .hero__text {
        width: 80%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width: 960px) {
    .hero__illustration .hero__text {
        width: 48%;
    }

    .grid .hero__illustration .hero__text {
        width: 50%;
    }
}

.hero__illustration h1, .hero__illustration p {
    text-align: left !important;
    margin-left: 0;
}

.hero__illustration h1 h1, .hero__illustration h1 h2, .hero__illustration h1 h3, .hero__illustration h1 p, .hero__illustration p h1, .hero__illustration p h2, .hero__illustration p h3, .hero__illustration p p {
    text-align: left !important;
}

.hero__image--illustration {
    width: 48%;
    float: right;
    clear: right;
    display: block;
    margin-left: 0;
    margin-left: 3.1%;
    margin-left: 0;
}

.grid .hero__image--illustration {
    width: 50%;
}

.one-half.left + .hero__image--illustration {
    margin-left: 0;
}

@media (min-width: 960px) {
    .hero__image--illustration {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

.hero__image--illustration img {
    position: absolute;
    top: -9999px;
    right: -9999px;
}

@media (min-width: 960px) {
    .hero__image--illustration img {
        position: relative;
        top: 0;
        right: 0;
    }
}

.media__video {
    position: relative;
    width: 100%;
    margin: 0 auto;
    float: none;
    display: none;
    padding-top: 25px;
}

@media (min-width: 568px) {
    .media__video {
        padding-top: 50px;
    }
}

@media (min-width: 768px) {
    .media__video {
        display: block;
        width: 65%;
        margin: 0 auto;
        display: block;
    }

    .grid .media__video {
        width: 66.66%;
    }
}

@media (min-width: 960px) {
    .media__video {
        width: 48%;
        margin: 0 auto;
        display: block;
    }

    .grid .media__video {
        width: 50%;
    }
}

@media (min-width: 1280px) {
    .media__video {
        width: 65%;
        float: left;
    }

    .grid .media__video {
        width: 66.66%;
    }
}

.media__video .video--replace {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 97.2%;
    margin-top: 4.3%;
    border-radius: 0px 0px 1px 1px;
}

@media (min-width: 768px) {
    .media__video .video--replace {
        display: none;
    }
}

.media__video video {
    width: 97%;
    margin-top: -10px;
    margin-left: 1px;
    border-radius: 0px 0px 1px 1px;
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .media__video video {
        display: block;
    }
}

.js-video-ipad video, .js-video-ipad .video--replace {
    width: 82%;
    margin-top: 7.5%;
}

.media__video__text {
    text-align: left;
    width: 100%;
    margin: 20px auto;
}

@media (min-width: 1280px) {
    .media__video__text {
        width: 31%;
        padding-top: 20px;
    }

    .grid .media__video__text {
        width: 33.3%;
    }
}

.media__video__info {
    position: relative;
    display: table;
    padding-top: 30px;
    width: 100%;
    opacity: 0.5;
    pointer-events: none;
    cursor: normal;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.media__video__info:hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    cursor: pointer;
}

.media__video__info.active {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

@media (min-width: 960px) {
    .media__video__info {
        float: left;
        width: 48%;
        pointer-events: auto;
    }

    .grid .media__video__info {
        width: 50%;
    }

    .media__video__info:hover {
        cursor: pointer;
    }
}

@media (min-width: 1280px) {
    .media__video__info {
        width: 100%;
        clear: both;
        pointer-events: auto;
    }
}

.media__video__info .icon {
    height: 80px;
    width: 80px;
    position: relative;
    display: table-cell;
    vertical-align: top;
    transform-origin: 0% 0%;
    padding: 10px;
}

@media (min-width: 1280px) {
    .media__video__info .icon {
        display: inline-block;
        position: relative;
        vertical-align: none;
        cursor: pointer;
        float: left;
        margin: 0 20px 61px 0;
    }
}

.media__video__info .icon--warmblue:after {
    box-shadow: 0 0 0 2px #037db7;
}

.media__video__info .icon--viridian:after {
    box-shadow: 0 0 0 2px #00a77e;
}

.media__video__info .icon--leafgreen:after {
    box-shadow: 0 0 0 2px #60b046;
}

.media__video__info .icon--yellow:after {
    box-shadow: 0 0 0 2px #fec402;
}

.media__video__info .icon:after {
    padding: 6px;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.8) translateX(-50%) translateY(-50%);
    -moz-transform: scale(0.8) translateX(-50%) translateY(-50%);
    -ms-transform: scale(0.8) translateX(-50%) translateY(-50%);
    -o-transform: scale(0.8) translateX(-50%) translateY(-50%);
    transform: scale(0.8) translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

.media__video__info .icon img {
    display: block;
}

.media__video__info.active .icon:after {
    position: absolute;
    display: none;
    width: 60px;
    height: 60px;
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(1) translateX(-50%) translateY(-50%);
    -ms-transform: scale(1) translateX(-50%) translateY(-50%);
    -o-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    transform-origin: 0% 0%;
}

@media (min-width: 1280px) {
    .media__video__info.active .icon:after {
        display: block;
    }
}

.media__video__info p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    font-size: 17px;
}

@media (min-width: 960px) {
    .media__video__info p {
        padding-right: 25px;
    }
}

@media (min-width: 1280px) {
    .media__video__info p {
        font-size: 19px;
        padding-left: 85px;
        padding-right: 0;
    }
}

.video__wrapper {
    position: relative;
    margin: 0 auto;
    padding-bottom: 56.25%;
    border: 2px solid #e3e3e3;
    margin-top: 25px;
}

@media (min-width: 960px) {
    .video_wrapper_nopadding {
        padding-bottom: 41.85%;
    }
}

@media (min-width: 960px) {
    .video__wrapper {
        margin-top: 50px;
    }
}

.video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg--teal .content h1 {
    color: #fff;
    text-align: center;
}

.image--large {
    width: 100%;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 568px) {
    .image--large {
        width: 75%;
    }
}

.image--large + .grid:not(.overlap) {
    padding-top: 25px;
}

@media (min-width: 568px) {
    .image--large + .grid:not(.overlap) {
        padding-top: 50px;
    }
}

.image--large.js-swap {
    display: none;
}

.image--large.js-swap.active {
    display: block;
}

/* 4.14 ------------------------------ PLATFORM PAGE ----------------------------- */
#hero-platform .hero__text {
    width: 100%;
}

#hero-platform .hero__text h1, .hero__text h1 {
    font-size: 40px;
}

#hero-platform .hero__text .play-subhead {
    font-weight: 600;
    padding-top: 0;
    text-decoration: none;
    color: #ffffff;
}

#hero-platform #alive {
    display: inline-block;
    position: relative;
    font-weight: 700;
}

#hero-platform #alive #alive-period {
    font-weight: 300;
}

#hero-platform .star {
    display: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    height: 28px;
    width: 100px;
    top: -15px;
    animation: float-up ease-in-out infinite;
}

@media (min-width: 1044px) {
    #hero-platform .star {
        display: block;
        height: 28px;
        width: 92px;
    }
}

@media (min-width: 1466px) {
    #hero-platform .star {
        height: 35px;
        width: 110px;
    }
}

#hero-platform #star-one {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/temp/alive-1.svg") top left no-repeat;
    animation-duration: 2.5s;
}

#hero-platform #star-two {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/temp/alive-2.svg") top left no-repeat;
    animation-duration: 2s;
}

#hero-platform #star-three {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/temp/alive-3.svg") top left no-repeat;
    animation-duration: 2.3s;
}

#hero-platform #star-four {
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/temp/alive-4.svg") top left no-repeat;
    animation-duration: 2.7s;
}

.hero__image--platform {
    text-align: center;
    background: url("https://inklingstaticgzip.a.ssl.fastly.net/inkling_com/hero/platform-video-bg.jpg") center center no-repeat;
    background-size: cover;
    height: 300px;
}

@media (min-width: 960px) {
    .hero__image--platform {
        height: 450px;
    }
}

#hero-video-play {
    height: 108px;
    width: 108px;
    position: relative;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.6);
    border-radius: 50%;
    display: block;
    transition: all 0.6s ease-in-out;
}

@media (min-width: 568px) {
    #hero-video-play {
        height: 154px;
        width: 154px;
    }
}

@media (min-width: 960px) {
    #hero-video-play {
        height: 184px;
        width: 184px;
    }
}

#hero-video-play:before {
    content: "";
    border-radius: 50%;
    display: block;
    position: absolute;
    border: 6px solid #1b618a;
    top: -6px;
    left: -6px;
    opacity: 0.1;
    transition: all 0.6s ease-in-out;
    height: 120px;
    width: 120px;
}

@media (min-width: 568px) {
    #hero-video-play:before {
        height: 170px;
        width: 170px;
        border: 8px solid #1b618a;
        top: -8px;
        left: -8px;
    }
}

@media (min-width: 960px) {
    #hero-video-play:before {
        height: 200px;
        width: 200px;
    }
}

#hero-video-play:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 35px solid #2481b8;
    margin-left: 30px;
    transition: all 0.6s ease-in-out;
}

@media (min-width: 568px) {
    #hero-video-play:after {
        border-top: 28px solid transparent;
        border-bottom: 28px solid transparent;
        border-left: 43px solid #2481b8;
        margin-left: 49px;
    }
}

@media (min-width: 960px) {
    #hero-video-play:after {
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 55px solid #2481b8;
        margin-left: 62px;
    }
}

#hero-video-play:hover:before {
    transition: all 0.6s ease-in-out;
    opacity: 0.5;
}

.bg--lightestgrey {
    background-color: #f8f8f8;
    color: #474747;
}

.bg--white {
    background-color: #ffffff;
    color: #474747;
}

.block-platform {
    border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 1280px) {
    .block-platform h1 {
        font-size: 50px;
    }
}

.block-platform h1 {
    font-weight: 700;
    text-align: center;
}

.platform-icon {
    position: absolute;
}

#create-chat {
    width: 10%;
    height: auto;
    margin-left: -5%;
    margin-top: -5%;
    left: 7%;
    top: 13%;
}

#create-play {
    width: 8%;
    height: auto;
    animation: tossing 3s ease-in-out infinite;
    margin-left: -4%;
    margin-top: -5.5%;
    top: 76%;
    right: 5%;
}

#share-cycle {
    width: 8%;
    height: auto;
    animation: rotate-neg360 5s linear infinite;
    margin-left: -4%;
    margin-top: -4%;
    top: 75.8%;
    left: 18.2%;
}

#share-secure {
    width: 4%;
    height: auto;
    animation: pulse-slow 3.5s ease-in-out infinite;
    margin-left: -2%;
    margin-top: -2%;
    top: 10.5%;
    right: 10.5%;
}

@media (min-width: 960px) {
    #measure-main {
        width: 70%;
    }
}

#measure-main {
    width: 85%;
    margin: 0 auto;
}

#measure-graph {
    width: 20%;
    height: auto;
    margin-left: -10%;
    margin-top: -7.5%;
    top: 25%;
    left: 15%;
}

#measure-graph polyline {
    stroke: #C4C3C7;
    stroke-width: 4;
    stroke-dasharray: 500px;
    stroke-dashoffset: 500px;
    animation-name: draw;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#measure-pie {
    width: 7%;
    height: auto;
    animation: pulse 3s ease-in-out infinite;
    margin-left: -3.5%;
    margin-top: -3.5%;
    top: 44%;
    right: 1%;
}

#platform-create h1 {
    color: #007db6;
}

#platform-share {
    border-top: 1px solid #e8e8e8;
}

#platform-share h1 {
    color: #009c9e;
}

#platform-measure {
    border-top: 1px solid #e8e8e8;
}

#platform-measure h1 {
    color: #00a77e;
}

#platform-create .image-platform-main {
    margin-top: -9%;
}

.image-platform-block {
    text-align: center;
    position: relative;
    margin: 25px auto;
    width: 100%;
}

@media (min-width: 960px) {
    .image-platform-block {
        margin: 50px auto;
        width: 95%;
    }
}

/* 4.15 ------------------------------ EVENTS PAGE ----------------------------- */
.contained-small-top h1 {
    font-size: 40px;
}

@media (min-width: 1280px) {
    .content h2 {
        font-size: 35px;
    }
}

.p-50 {
    padding: 25px;
}

@media (min-width: 960px) {
    .p-50 {
        padding: 50px;
    }
}

.gridded {
    display: flex;
    flex-wrap: wrap;
}

.border2-lightgrey {
    border: 2px solid #e9e9e9;
}

.icon--xsmall {
    width: 60px;
    height: 60px;
}

.grid-three.gutter .grid-item strong {
    font-weight: 600;
}

.p-17px-temp {
    font-size: 17px;
    line-height: 1.4;
}

.drop-shadow {
    -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.05);
}

@media (min-width: 568px) {
    h1 + .grid, h3 + .grid, h2 + .grid, p + .grid {
        padding-top: 50px;
    }
}

h1 + .grid, h3 + .grid, h2 + .grid, p + .grid {
    padding-top: 25px;
}

.featured-grid {
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 568px) {
    .padded, .grid--half, .grid--third, .grid--fourth {
        padding: 0 12.5px;
    }
}

.grid {
    clear: both;
}

.featured-grid {
    padding: 0 0;
    display: flex;
    flex-wrap: wrap;
}

.featured-grid .card {
    float: left;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 25px;
}

.featured-grid .card:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .featured-grid .card {
        width: 31%;
        margin-bottom: 0;
    }

    .featured-grid .card:nth-of-type(2) {
        margin: 0px 3%;
    }
}

.featured-grid .card p {
    font-size: 18px;
}

/* 4.16 ------------------------------ RESEARCH AND REPORTS PAGE ----------------------------- */
.image--large {
    width: 100%;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 568px) {
    p + .image--large {
        padding-top: 50px;
    }
}

p + .image--large {
    padding-top: 25px;
}

@media (min-width: 568px) {
    .image--large {
        width: 75%;
    }
}

@media (min-width: 568px) {
    p + img {
        margin-top: 50px;
    }
}

p + img {
    margin-top: 25px;
}

.center, .awards-logo {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.three-fourths {
    width: 100%;
}

@media (min-width: 568px) {
    .three-fourths {
        width: 75%;
    }
}

.grid.full-bleed {
    margin: 50px -100% 0;
    padding: 0 100%;
    padding-bottom: 25px;
}

@media (min-width: 768px) {
    .grid.full-bleed {
        padding-bottom: 100px;
    }
}

.grid.overlap {
    padding: 170px 100% 0px;
    margin-top: -125px;
    padding-bottom: 25px;
}

@media (min-width: 768px) {
    .grid.overlap {
        padding-bottom: 100px;
    }
}

/* 4.17 ---------------------------- CAREERS JOIN ------------------------- */
.page-id-4797 .hr-copy-cont .hr-copy {
    font-size: 80px;
    text-align: center;
    width: 100%;
    bottom: 18vh;
}

.page-id-4797 .columns.column1.button {
    padding-top: 0;
}

.page-id-4797 .columns .column-text.column1 {
    text-align: left;
}

.careers-leaderships {
    background-color: #CFCFCF;
}

.icon-section.careers-leaderships .icon-block .icon-img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

/* 4.18 ---------------------------- BLOG PAGE TEMPLATE ------------------------- */
/*Hero Image*/
body .blog {
    font-size: 18px;
    line-height: 22px;
}

.blog .wrap {
    max-width: 1000px;
    margin: auto;
}

.blog .hr-block {
    height: 35vh;
    min-height: 300px;
}

.blog .hr-copy-cont {
    height: 35vh;
    min-height: 300px;
    background-image: url(assets/images/vectors/why-hero-desktop.png);
}

.blog .hr-copy-cont .hr-copy {
    bottom: 100px;
}

.blog .post-archive .hr-copy-cont .hr-copy {
    bottom: 150px;
}

.blog .post-archive .hr-copy-cont .hr-copy h1.page-title {
    margin-bottom: 0;
    font-size: 20px;
}

.blog #main {
    width: 70%;
    float: left;
}

.blog .featured-post-section {
    margin-top: -150px;
    z-index: 10;
    position: relative;
}

.blog .featured-post {
    width: 100%;
    margin: auto;
    background: #FFFFFF;
    padding: 60px 60px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.blog .featured-post .meta p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: normal;
    color: #6D6E71;
    padding-top: 20px;
}

.blog .featured-post h2 a {
    font-size: 44px;
    line-height: 50px;
    font-weight: 600;
}

.blog .featured-post .content {
    color: #6D6E71;
}

.blog .featured-post .content .more-link {
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    text-align: right;
    text-decoration: none;
    color: #007EB8;
    padding-right: 20px;
    position: relative;
    padding-top: 20px;
}

.blog .featured-post .content .more-link:hover {
    opacity: 0.65;
}

.blog .featured-post .content .more-link:after {
    content: "\f178";
    font-family: FontAwesome;
    right: -5px;
    position: absolute;
}

.blog .blog-content {
    width: 100%;
    margin: auto;
    padding: 40px 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

/*Article*/
.blog .blog-content article {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.blog .blog-content article:last-child {
    margin-bottom: 20px;
    padding-bottom: 0px;
    border-bottom: 0;
}

.blog .blog-content article .post-thumbnail {
    text-align: center;
    width: 30%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.blog .blog-content article .post-content {
    width: 69%;
    padding-left: 4%;
    display: inline-block;
    box-sizing: border-box;
}

.blog .blog-content article .reading-time {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    opacity: .5;
    font-weight: normal;
    color: #989898;
}

.blog .blog-content article h2.post-title, .blog .featured-post h2.post-title {
    font-size: 20px;
    line-height: 26px;
    margin: 10px 0;
    font-weight: 700;
}

.blog .featured-post h2.post-title span.featlabel {
    display: block;
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 16px;
}

.blog .blog-content article .post-title a, .blog .featured-post .post-title a {
    text-decoration: none;
    color: #6D6E71;
    transition: all .3s;
}

.blog .blog-content article .post-title:hover a, .blog .featured-post .post-title:hover a {
    opacity: 0.7;
}

.blog .blog-content article .meta, .blog .featured-post .meta {
    margin-bottom: 20px;
    color: #989898;
}

.blog .blog-content article .meta p {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    opacity: .5;
    font-weight: normal;
}

.blog .blog-content article .content {
    font-size: 16px;
}

.blog .blog-content article .content .more-link {
    text-decoration: none;
    color: #6D6E71;
    transition: all .3s;
}

.blog .blog-content article .content .more-link:hover {
    text-decoration: none;
    color: #000;
}

/*Pagination*/
.blog .pagination {
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}

.blog .pagination .page-numbers {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #6D6E71;
    margin-right: 10px;
}

.blog .pagination .page-numbers.current {
    opacity: .6;
}

/*Sidebar*/
.blog .sidebar {
    width: 30%;
    float: right;
    padding-left: 40px;
    box-sizing: border-box;
}

.blog .sidebar .sidebar-title {
    margin: auto;
    max-width: 180px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.blog .sidebar .sidebar-title p {
    margin: 0;
    color: #CCCCCC;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
}

.blog .sidebar .categories {
    margin: auto;
    max-width: 180px;
    margin-bottom: 50px;
}

.blog .sidebar .categories h2 {
    color: #5DB046;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.blog .sidebar .categories a {
    text-decoration: none;
    transition: all .3s;
    color: #6D6E71;
    margin-bottom: 10px;
    display: block;
    font-weight: normal;
}

.blog .sidebar .categories a:hover {
    color: #000;
}

/*Search form*/
.blog .search-form {
    text-align: center;
    margin: 30px 0;
}

.blog .search-form .search-field {
    padding: 15px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #cccccc;
    border-right: 0;
    outline: none;
    width: 85%;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}

.blog .search-form .search-submit {
    border: 1px solid #5DB046;
    border-left: 0;
    border-radius: 0px 5px 5px 0;
    margin-left: -10px;
    color: #FFFFFF;
    cursor: pointer;
    width: 15%;
    font-size: 20px;
    padding: 10px 10px 15px 10px;
    background: #5DB046;
}

.blog .search-form .search-submit:hover {
    color: #cccccc;
}

.blog .sidebar .sidebar-image {
    margin-top: 20px;
    text-align: center;
}

.blog .sidebar .sidebar-image img {
    width: 100%;
}

.blog .sidebar .sidebar-image h2 {
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
    background-color: #00A6A5;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    margin-top: -6px;
    text-align: center;
}

.blog .sidebar .sidebar-image h2 a {
    text-decoration: none;
    color: white;
    transition: all .3s;
}

.blog .sidebar .sidebar-image h2:hover a {
    opacity: 0.65;
}

.blog .sidebar .subscribe-form {
    border: 1px solid #E2E2E2;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    margin: 40px 0;
    background-color: #E2E2E2;
}

.blog .sidebar .subscribe-form label {
    display: none;
}

.blog .sidebar .subscribe-form #mktoForm_1205 {
    max-width: 220px;
}

.blog .sidebar .subscribe-form .mktoButtonRow {
    position: relative;
    top: -31px;
    float: right;
    left: -8px;
}

.blog .sidebar .subscribe-form .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
}

.blog .sidebar .subscribe-form h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.blog .sidebar .subscribe-form .mktoEmailField {
    padding: 5px;
    padding-left: 10px;
    border: 0px;
    border-radius: 15px 0px 0px 15px;
    width: 150px;
    box-sizing: border-box;
}

.blog .sidebar .subscribe-form .mktoButton {
    padding: 5px 12px 6px 5px;
    border: 0px;
    border-radius: 0px 15px 15px 0;
    color: #6d6e71;
    cursor: pointer;
    background: white;
    border-left: 1px solid #eee;
}

.blog .sidebar .subscribe-form .form-thankyou h3 {
    margin-top: 0;
}

.blog .sidebar .subscribe-form .form-thankyou .subhead {
    width: 170px;
    display: block;
    margin: 5px auto;
}

.blog .sidebar .subscribe-form .form-thankyou img {
    display: block;
    margin: 10px auto;
    max-width: 70px;
}

@media screen and (max-width: 768px) {
    .blog .featured-post-section {
        width: 100%;
    }

    .blog .featured-post {
        width: 90%;
    }

    .blog #main {
        width: 100%;
    }

    .blog .blog-content {
        padding: 20px;
    }

    .blog .blog-content article {
        flex-basis: 100%;
    }

    .blog .sidebar {
        width: 100%;
        padding-left: 0px;
    }

    .blog .sidebar .categories {
        text-align: center;
    }

    .blog .hr-block {
        height: 70vh;
    }

    .blog .hr-copy-cont {
        height: 70vh;
    }
}

@media screen and (max-width: 480px) {
    .blog .blog-content article .post-thumbnail {
        width: 100%;
    }

    .blog .blog-content article .post-content {
        width: 100%;
        padding-left: 0;
    }

    .blog .sidebar .sidebar-title {
        max-width: 100%;
        text-align: center;
    }

    .blog .sidebar .sidebar-title p {
        display: inline-block;
    }
}

/*4.19 --------------------------- PRODUCTS ---------------------------*/
.icon-section.products {
    background-color: #F0EFEF;
}

.icon-section.products .icons {
    width: 100%;
}

.products.start-tour h4 {
    font-size: 28px;
    font-weight: 400;
}

.icon-section.products.bottom {
    padding: 50px 120px;
}

.icon-section.products.bottom .title {
    font-size: 28px;
}

.icon-section.products.bottom .icon-block {
    width: 20%;
}

.icon-section.products.bottom .icon-block .icon-img {
    margin: 20px auto 20px auto;
}

.call-to-action.products-cta .cta-text-block-left {
    padding-right: 50px;
}

.call-to-action.products-cta .cta-text-block-left .cta-copy {
}

.call-to-action.products-cta .cta-text-block-left .cta-copy p {
    margin: 0;
}

.call-to-action.products-cta .cta-button-block-right {
    padding-top: 0px;
}

.call-to-action.products-cta.collaboration-cta .cta-button-block-right a {

}

.call-to-action.products-cta .cta-button-block-right .cta-button {

}

.products-content-slider {
    margin: 0 auto 50px auto;
    max-width: 1200px;
}

@media screen and (max-width: 1400px) {
    .icon-section.products.bottom {
        padding: 50px 0;
    }
}

@media screen and (max-width: 1000px) {
    .icon-section.products.bottom .icon-block {
        width: 50%;
    }

    .icon-section.products.bottom .icon-block:last-of-type {
        margin: 0 auto;
    }

    .call-to-action.products-cta .cta-text-block-left {
        padding-right: 0;
    }
}

@media screen and (max-width: 600px) {

    .icon-section.products.bottom .icon-block {
        width: 100%;
    }
}

/*4.20 --------------------------- SOLUTIONS ---------------------------*/
.icon-section.solutions-icons .icons {
    width: 100%;
}

.call-to-action.cta_btrt_txt.solutions-cta {
    justify-content: space-between;
}

.call-to-action.cta_btrt_txt.solutions-cta .cta-button-block-right {
    flex-basis: 27%;
    display: inline-block;
    vertical-align: middle;
}

.call-to-action.solutions-cta p {
    margin: 0;
}

.call-to-action.solutions-cta .cta-button {
    display: inline-block;
    margin-top: 40px;
    border-radius: 11px;
}

@media screen and (max-width: 992px) {
    .call-to-action.cta_btrt_txt.solutions-cta .cta-button-block-right {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 600px) {
    .call-to-action.cta_btrt_txt.solutions-cta .cta-button-block-right {
        flex-basis: 100%;
    }
}

#meet-us .mktoForm .mktoButtonRow {
    text-align: left !important;
}

#meet-us .mktoForm .mktoButtonRow:after {
    max-width: 650px;
}

/*4.21 ------------------------------- LMS NHT ----------------------------------*/
.lms-nht-tcc-section {
    align-items: center;
}

.lms-nht-tcc-section .two-cc-left-column {
    flex-basis: 25%;
}

.lms-nht-tcc-section .two-cc-right-column {
    flex-basis: 75%;
    padding-left: 20px;
}

.lms-nht-tcc-section .two-cc-text {
    width: 100%;
}

.lms-nht-tcc-section .link--arrow:after {
    display: none;
}

.lms-nht-tcc-section .link--arrow {
    background-color: #009C9F;
    color: white;
    padding: 5px 25px;
    border-radius: 10px;
}


/*5.0 --------------------------- SINGLE POST TYPES ---------------------------*/
/*5.1 ------------------------------- SINGLE POST ---------------------------- */
.post-hero {
    width: 100%;
    color: #ffffff;
    height: 290px;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.post-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-hero .reading-time {
    margin: 0;
}

.post-hero .post-hero-text h1 {
    font-size: 36px;
    margin-top: 15px;
}

.post-hero .post-hero-text {
    top: 150px;
}

@media (min-width: 768px) {
    .post-hero {
        height: 365px;
    }
}

@media (min-width: 960px) {
    .post-hero {
        height: 466px;
    }
}

.single-post .link-back {
    position: absolute;
    right: 20px;
    top: 70px;
    z-index: 10;
}

.single-post .link-back a {
    color: white;
    text-decoration: none;
    transition: all .3s;
    font-size: 15px;
}

.single-post .link-back a:hover {
    opacity: .75;
}

.post-hero .post-hero-text {
    position: relative;
    top: 150px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 25px;
}

.post-hero .post-hero-text h1 {
    font-size: 36px;
    margin-bottom: 7px;
}

@media (min-width: 960px) {
    .post-hero .post-hero-text {
        padding: 0 50px;
    }

    .post-hero .post-hero-text h1 {
        font-size: 56px;
    }

    .post-hero .post-hero-text {
        top: 45%;
    }
}

.post-hero .post-hero-text .post-author-date {
    font-size: 18px;
}

.post-hero .image_shadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.4;
    height: 100%;
    width: 100%;
}

.single-post .post-container {
    /*border: 1px solid #eee;*/
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    z-index: 10;
    position: relative;
    background: white;
    padding: 30px;
}

.post-container:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 768px) {
    .post-container {
        padding: 50px;
    }
}

@media (min-width: 960px) {
    .post-container {
        /*margin-top: -100px;*/
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
}

.post .post-heading {
    /*padding-top: 60px;*/
    color: #000;
    max-width: 900px;
    margin: 0px auto 50px auto;
    text-align: center;
}

.post .post-heading .post-subtitle p {
    font-size: 20px;
    font-family: 'Conv_SourceSansPro-Regular';
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .post .post-heading {
        padding-left: 30px;
        padding-right: 30px;
    }

    .post-heading .post-title {
        font-size: 28px;
    }
}

.post .post-heading h1 {
	font-family: 'Conv_Museo_Slab';
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0px;
    letter-spacing: normal;
}

.post .post-meta {
	margin-top:10px;
    font-family: 'Conv_SourceSansPro-Regular';
}

.post .post-meta a{
	color:#0091b2;
}

.post-container .post-content {
    font-family: 'Source Sans Pro', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 18px;
    line-height: 31px;
    padding-bottom: 25px;
}

.post-container .post-content h2,
.post-container .post-content h3,
.post-container .post-content h4,
.post-container .post-content h5 { font-family: 'Conv_SourceSansPro-Regular'; }

.post-container .post-content img {
    width: 100%;
    height: auto;
}

.post-container .post-content iframe {
    width: 100%;
}

@media (min-width: 960px) {
    .post-container .post-content {
        font-size: 20px;
        padding-bottom: 50px;
    }
}

.post-container .post-content p:first-child {
    padding-top: 0;
    margin-top: 0;
}

.post-container .post-content a:not(.link--tweet-inline) {
    color: #0091b2;
    font-weight: auto;
    text-decoration: none;
}

/* Post Author */
.single-post .post-author-wrapper {
    background-color: #fafafa;
}

.single-post .post-author-wrapper:focus{
	border:none;
	outline: -webkit-focus-ring-color auto 0px;
}

.single-post .post-author {
    /*padding: 10px 50px 20px;*/
    padding: 20px 0px 40px 0px;
    /*background: #fafafa;*/
    /*border: 1px solid #eee;*/
    /*border-radius: 5px;*/
    width: 100%;
    /*background-color: #fafafa;*/
    position: relative;
    margin: 0 auto;
    z-index: 200;
    box-sizing: border-box;
    font-size: 17px;
    display: block;
    max-width: 900px;
}

@media screen and (max-width: 959px) {
    .single-post .post-author {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.single-post .post-author > p {
    color: rgb(31, 172, 58);
    font-weight: 100;
    font-family: 'Conv_SourceSansPro-Regular';
    text-transform: uppercase;
}

.post-author:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 960px) {
    .post-author {
        padding: 50px 0;
    }
}

/* Author Image */
.single-post .post-author .author-image {
    position: relative;
    float: left;
    margin-right: 25px;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .post-author .author-image {
        display: table-cell;
    }
}

.post-author .author-image img {
    height: 70px;
    width: 70px;
}

/* Author text*/
.post-author .author-text {
    float: left;
    margin-top: 25px;
}

.post-author .author-text:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 768px) {
    .post-author .author-text {
        display: table-cell;
        float: none;
        margin-top: 0;
    }
}

.post-author .author-text .author-name {
	font-size: 18px;
    font-weight: 400;
    margin: 0;
    font-family: 'Conv_SourceSansPro-Regular';
}

.post-author .author-text .author-name a {
    color: #000;
    transition: border-color .2s;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

.post-author .author-text .author-name a:hover {
    border-color: transparent;
}

.post-author .author-text .author-desc {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Conv_SourceSansPro-Regular';
}

.post-recommendations {
    width: 100%;
    padding: 50px 0;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.post-recommendations:after {
    content: "";
    display: table;
    clear: both;
}

.post-recommendations .posts {
    display: block;
    padding-top: 0;
}

@media (min-width: 960px) {
    .post-recommendations .posts {
        padding-top: 50px;
    }
}

@media (min-width: 960px) {
    .post-recommendations .posts {
        display: flex;
    }
}

.post-recommendations .post-preview {
    width: 100%;
    float: left;
    border-top: 1px solid #e4e4e4;
    text-align: left;
    background: transparent;
    margin-bottom: 0;
}

.post-recommendations .post-preview:nth-child(4) {
    display: none;
}

@media (min-width: 768px) {
    .post-recommendations .post-preview {
        padding: 25px 0;
    }
}

@media (min-width: 960px) {
    .post-recommendations .post-preview {
        border-top: none;
        width: 30%;
        background-color: #ffffff;
        margin-right: 4%;
        padding: 0 0;
    }
}

.post-recommendations .post-preview:first-of-type {
    border-top: 0px;
}

.post-recommendations .post-preview:last-of-type {
    margin-right: 0;
}

.post-recommendations .post-preview:nth-of-type(even) {
    margin-left: 0;
}

.post-recommendations .post-preview .post-preview-image {
    display: none;
}

@media (min-width: 768px) {
    .post-recommendations .post-preview .post-preview-image {
        margin-right: 25px;
        display: block;
        float: left;
        height: 130px;
        width: 150px;
        overflow: hidden;
        position: relative;
    }
}

@media (min-width: 960px) {
    .post-recommendations .post-preview .post-preview-image {
        width: 100%;
        position: relative;
        height: 200px;
        overflow: hidden;
    }
}

@media (min-width: 568px) {
    .post-recommendations .post-preview .post-preview-image {
        height: 250px;
    }
}

@media (min-width: 868px) {
    .post-recommendations .post-preview .post-preview-image {
        height: 150px;
    }
}

@media (min-width: 1000px) {
    .post-recommendations .post-preview .post-preview-image {
        height: 180px;
    }
}

.post-recommendations .post-preview .post-preview-image a {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.post-recommendations .post-preview .post-preview-image img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translateY(-50%) translateX(-50%);
    height: 100%;
    width: auto;
}

@media (min-width: 960px) {
    .post-recommendations .post-preview .post-preview-image img {
        height: auto;
        width: 100%;
    }
}

.post-recommendations .post-preview .post-preview-text {
    float: left;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 0;
}

@media (min-width: 568px) {
    .post-recommendations .post-preview .post-preview-text {
        width: 70%;
    }
}

@media (min-width: 960px) {
    .post-recommendations .post-preview .post-preview-text {
        width: 100%;
    }
}

.post-recommendations .post-preview .post-preview-text a {
    line-height: 1;
}

.single-post .post-recommendations .post-preview .post-preview-text .post-preview-title {
    margin: 0;
    padding-top: 10px;
    color: #474747;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25em;
}

.post-preview-title a {
    color: #474747;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.post-preview-title a:hover {
    cursor: pointer;
    color: #0091b2;
    transition: color 0.2s ease-in-out;
}

.single-post .post-recommendations .post-preview .post-preview-text .meta p, .single-post .post-recommendations .post-preview .post-preview-text .meta a {
    font-size: 16px;
    margin: 0;
    line-height: 20px;
    font-weight: 100;
    margin: 0;
    color: #6D6E71;
    transition: all .3s;
}

.single-post .post-recommendations .post-preview .post-preview-text .meta a:hover {
    color: #000;
}

.single-post .post-recommendations .post-preview .post-preview-text .content {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    color: #6D6E71;
}

.single-post .post-recommendations .post-preview .post-preview-text .content .more-link {
    text-decoration: none;
    color: #6d6e71;
    transition: all .3s;
}

.single-post .post-recommendations .post-preview .post-preview-text .content .more-link:hover {
    color: #000;
}

/*Post Categories*/

.post-categories {
    width: 900px;
    margin: 0 auto;
    padding-top: 30px;
}

.post-categories .category {
    text-decoration: none;
    color: #0091b2;
    font-size: 17px;
    border: #0091b2 1px solid;
    border-radius: 5px;
    padding: 1px 8px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
    display: inline-block;
    margin-right: 12.5px;
    margin-top: 12.5px;
}

.post-categories .category:hover {
    background-color: rgba(0, 145, 178, 0.1);
    transition: background-color 0.2s ease-in-out;
}

@media (min-width: 960px) {
    .post-categories {
        padding: 50px 0 0 0;
    }
}

@media (min-width: 768px) {
    .post-categories .category {
        margin-right: 25px;
        margin-top: 25px;
    }
}

/* Single Post Widget */
.resources_widget_container {
	display:flex;
	flex-wrap: wrap;
}

.blog-btm-widgets {
	padding: 40px;
  	flex: 33.33%;
}

.textwidget a.img-cont {
	display: block;
	background-size: cover;
	width: 100%;
	padding-top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px #ccc solid;
}

.textwidget h3.resource_title {
    font-size: 18px;
    color: #666;
    font-family: 'Conv_SourceSansPro-Regular';
}

.textwidget h3.resource_title a {
	text-decoration: none;
	line-height: 1.4em;
	color: #6D6E71;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 100;
	font-size: 20px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  	.blog-btm-widgets {
    	flex: 50%;
  	}
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  	.blog-btm-widgets {
		flex: 100%;
		padding:0;
    	flex-direction: column;
  	}
	
	h3.resource_title{
		margin-top:0;
		margin-bottom:30px;
	}
}

/*6.0 --------------------------- ARCHIVE POST TYPES ---------------------------*/
/*6.1 ------------------------------- ARCHIVE POST ---------------------------- */
.blog .post-archive .hr-copy-cont {
    background-image: none;
}

.blog .post-archive .page-header .taxonomy-description {
    font-size: 36px;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 300;
}

.blog .post-archive .page-header .taxonomy-description p {
    margin-top: 20px;
}

.blog .post-archive .featured-post {
    width: 100%;
    margin-bottom: 40px;
}

.blog .post-archive .page-header .link-back {
    position: absolute;
    font-size: 12px;
    left: 5px;
    top: -100px;
}

.blog .post-archive .page-header .link-back a {
    color: #fff;
    text-decoration: none;
}

.blog .post-archive .page-header .link-back a:hover {
    color: #C2C2C2;
}

/*7.0 ------------------------------ FOOTER ------------------------------*/

.site-footer .inwrap {
    padding: 35px 100px 0;
}

.site-footer h2.menu-title {
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.site-footer .footer-nav {
    max-width: 170px;
    width: 100%;
    float: left;
    padding: 5px 20px 20px;
}

.site-footer .footer-nav:first-of-type {
    padding-left: 0;
}

.site-footer .footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 20px
}

.site-footer .footer-nav ul li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}

.site-footer .social-links-menu li {
    display: inline-block;
    text-align: center;
}

.site-footer .social-links-menu li a span {
    display: block;
    color: black;
    background: white;
    border-radius: 15px;
    width: 24px;
    height: 24px;
    display: block;
    vertical-align: middle;
}

.site-footer .social-links-menu li a span:before {
    line-height: 24px;
}

.site-footer .social-links-menu li a span.fa-facebook-f:before {
    content: "\f39e";
}

.site-footer .subfoot {
    clear: both;
    padding: 40px 100px;
    font-size: 70%;
    background-color: #7E7E7E;
}

.site-footer .subfoot .subfoot-links-menu {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 7px 0;
}

.site-footer .subfoot .subfoot-links-menu li {
    display: inline;
    padding: 0 30px;
    border-right-style: solid;
    border-right-width: 1px;
}

.site-footer .subfoot .subfoot-links-menu li:last-of-type {
    border: none;
}

.site-footer .subfoot .subfoot-links-menu li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}

.subfoot .copyright {
    display: inline-block;
    float: left;
    padding: 15px;
    margin-left: 30px;
    /*color: gray;*/
}

.home-logo-footer {
    float: left;
}

@media screen and (max-width: 600px) {
    .site-footer .footer-nav {
        max-width: 100%;
        padding: 1.5% 0;
    }

    .site-footer .footer-nav ul li {
        font-size: 12px;
    }

    .site-footer .inwrap {
        padding: 15px;
    }

    .subfoot .copyright {
        padding: 0;
        margin: 0;
        clear: both;
    }

    .site-footer .subfoot .subfoot-links-menu li {
        display: block;
        padding: 0;
        border: none;
    }

    .site-footer .subfoot .subfoot-links-menu {
        padding: 0;
    }

    .site-footer .subfoot {
        padding: 20px;
    }

    .site-footer .nav-subfoot {
        float: right;
        width: 50%;
        display: inline-block;
        margin-top: -55px;
    }

    .site-footer h2.menu-title {
        line-height: 30px;
        font-weight: 600;
    }
}


/*------------------------------------------------------------------
 * Animation
 *----------------------------------------------------------------*/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes rotate-neg360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate-neg360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-o-keyframes rotate-neg360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate-neg360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate-360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate-360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

@-moz-keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-o-keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(20%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-moz-keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-o-keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes pulse-slow {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.8);
    }
}

@-moz-keyframes pulse-slow {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.8);
    }
}

@-o-keyframes pulse-slow {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.8);
    }
}

@keyframes pulse-slow {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.8);
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes float-up {
    0% {
        top: -15px;
        opacity: 0;
    }
    75% {
        opacity: .4;
    }
    97% {
        top: -23px;
        opacity: 0;
    }
    100% {
        top: -15px;
        opacity: 0;
    }
}

@keyframes cross-fade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    53% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fade-up {
    0% {
        opacity: 0;
        top: 60%;
    }
    20% {
        opacity: 1;
        top: 50%;
    }
    47% {
        opacity: 1;
    }
    49% {
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 60%;
    }
    100% {
        opacity: 0;
        top: 60%;
    }
}

@-moz-keyframes fade-up {
    0% {
        opacity: 0;
        top: 60%;
    }
    20% {
        opacity: 1;
        top: 50%;
    }
    47% {
        opacity: 1;
    }
    49% {
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 60%;
    }
    100% {
        opacity: 0;
        top: 60%;
    }
}

@-o-keyframes fade-up {
    0% {
        opacity: 0;
        top: 60%;
    }
    20% {
        opacity: 1;
        top: 50%;
    }
    47% {
        opacity: 1;
    }
    49% {
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 60%;
    }
    100% {
        opacity: 0;
        top: 60%;
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        top: 60%;
    }
    20% {
        opacity: 1;
        top: 50%;
    }
    47% {
        opacity: 1;
    }
    49% {
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 60%;
    }
    100% {
        opacity: 0;
        top: 60%;
    }
}

@-webkit-keyframes fade-up-single {
    0% {
        opacity: 0;
        top: 15px;
        display: inline-block;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        opacity: 0;
        top: 15px;
        display: none;
    }
}

@-moz-keyframes fade-up-single {
    0% {
        opacity: 0;
        top: 15px;
        display: inline-block;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        opacity: 0;
        top: 15px;
        display: none;
    }
}

@-o-keyframes fade-up-single {
    0% {
        opacity: 0;
        top: 15px;
        display: inline-block;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        opacity: 0;
        top: 15px;
        display: none;
    }
}

@keyframes fade-up-single {
    0% {
        opacity: 0;
        top: 15px;
        display: inline-block;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        opacity: 0;
        top: 15px;
        display: none;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        top: 0px;
        display: inline-block !important;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        top: 15px;
        display: none;
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 1;
        top: 0px;
        display: inline-block !important;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        top: 15px;
        display: none;
    }
}

@-o-keyframes fade-out {
    0% {
        opacity: 1;
        top: 0px;
        display: inline-block !important;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        top: 15px;
        display: none;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        top: 0px;
        display: inline-block !important;
    }
    20% {
        opacity: 1;
        top: 0px;
    }
    96% {
        opacity: 1;
    }
    99% {
        top: 0px;
    }
    100% {
        top: 15px;
        display: none;
    }
}

@-webkit-keyframes slideshow-left {
    0% {
        left: 0;
    }
    33% {
        left: -100%;
    }
    66% {
        left: -100%;
    }
    100% {
        left: -200%;
    }
}

@-moz-keyframes slideshow-left {
    0% {
        left: 0;
    }
    33% {
        left: -100%;
    }
    66% {
        left: -100%;
    }
    100% {
        left: -200%;
    }
}

@-o-keyframes slideshow-left {
    0% {
        left: 0;
    }
    33% {
        left: -100%;
    }
    66% {
        left: -100%;
    }
    100% {
        left: -200%;
    }
}

@keyframes slideshow-left {
    0% {
        left: 0;
    }
    33% {
        left: -100%;
    }
    66% {
        left: -100%;
    }
    100% {
        left: -200%;
    }
}

@-webkit-keyframes grow-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes grow-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes grow-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slide-up {
    0% {
        -webkit-transform: translateY(0.7em);
        -moz-transform: translateY(0.7em);
        -ms-transform: translateY(0.7em);
        -o-transform: translateY(0.7em);
        transform: translateY(0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes slide-up {
    0% {
        -webkit-transform: translateY(0.7em);
        -moz-transform: translateY(0.7em);
        -ms-transform: translateY(0.7em);
        -o-transform: translateY(0.7em);
        transform: translateY(0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes slide-up {
    0% {
        -webkit-transform: translateY(0.7em);
        -moz-transform: translateY(0.7em);
        -ms-transform: translateY(0.7em);
        -o-transform: translateY(0.7em);
        transform: translateY(0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-up {
    0% {
        -webkit-transform: translateY(0.7em);
        -moz-transform: translateY(0.7em);
        -ms-transform: translateY(0.7em);
        -o-transform: translateY(0.7em);
        transform: translateY(0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide-down {
    0% {
        -webkit-transform: translateY(-0.7em);
        -moz-transform: translateY(-0.7em);
        -ms-transform: translateY(-0.7em);
        -o-transform: translateY(-0.7em);
        transform: translateY(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes slide-down {
    0% {
        -webkit-transform: translateY(-0.7em);
        -moz-transform: translateY(-0.7em);
        -ms-transform: translateY(-0.7em);
        -o-transform: translateY(-0.7em);
        transform: translateY(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes slide-down {
    0% {
        -webkit-transform: translateY(-0.7em);
        -moz-transform: translateY(-0.7em);
        -ms-transform: translateY(-0.7em);
        -o-transform: translateY(-0.7em);
        transform: translateY(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-down {
    0% {
        -webkit-transform: translateY(-0.7em);
        -moz-transform: translateY(-0.7em);
        -ms-transform: translateY(-0.7em);
        -o-transform: translateY(-0.7em);
        transform: translateY(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-0.7em);
        -moz-transform: translateX(-0.7em);
        -ms-transform: translateX(-0.7em);
        -o-transform: translateX(-0.7em);
        transform: translateX(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-0.7em);
        -moz-transform: translateX(-0.7em);
        -ms-transform: translateX(-0.7em);
        -o-transform: translateX(-0.7em);
        transform: translateX(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-0.7em);
        -moz-transform: translateX(-0.7em);
        -ms-transform: translateX(-0.7em);
        -o-transform: translateX(-0.7em);
        transform: translateX(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-0.7em);
        -moz-transform: translateX(-0.7em);
        -ms-transform: translateX(-0.7em);
        -o-transform: translateX(-0.7em);
        transform: translateX(-0.7em);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fade-in {
    -webkit-animation: fade-in 0.8s ease-out forwards;
    -moz-animation: fade-in 0.8s ease-out forwards;
    -o-animation: fade-in 0.8s ease-out forwards;
    animation: fade-in 0.8s ease-out forwards;
    opacity: 0;
}

.fade-in-fast {
    -webkit-animation: fade-in 0.6s ease-out forwards;
    -moz-animation: fade-in 0.6s ease-out forwards;
    -o-animation: fade-in 0.6s ease-out forwards;
    animation: fade-in 0.6s ease-out forwards;
    opacity: 0;
}

.pop-in {
    -webkit-animation: pop-in 0.4s ease-out forwards;
    -moz-animation: pop-in 0.4s ease-out forwards;
    -o-animation: pop-in 0.4s ease-out forwards;
    animation: pop-in 0.4s ease-out forwards;
    opacity: 0;
}

.slide-up {
    -webkit-animation: slide-up 0.8s ease-out forwards;
    -moz-animation: slide-up 0.8s ease-out forwards;
    -o-animation: slide-up 0.8s ease-out forwards;
    animation: slide-up 0.8s ease-out forwards;
    opacity: 0;
}

.slide-right {
    -webkit-animation: slide-right 0.8s ease-out forwards;
    -moz-animation: slide-right 0.8s ease-out forwards;
    -o-animation: slide-right 0.8s ease-out forwards;
    animation: slide-right 0.8s ease-out forwards;
    opacity: 0;
}

.slide-down {
    -webkit-animation: slide-down 0.8s ease-out forwards;
    -moz-animation: slide-down 0.8s ease-out forwards;
    -o-animation: slide-down 0.8s ease-out forwards;
    animation: slide-down 0.8s ease-out forwards;
    opacity: 0;
}

.slideshow-left {
    -webkit-animation: slideshow-left 2s ease-in-out forwards;
    -moz-animation: slideshow-left 2s ease-in-out forwards;
    -o-animation: slideshow-left 2s ease-in-out forwards;
    animation: slideshow-left 2s ease-in-out forwards;
    animation-delay: 1.65s;
    left: 100%;
}

.fade-up-single {
    -webkit-animation: fade-up-single 2.5s ease-in-out;
    -moz-animation: fade-up-single 2.5s ease-in-out;
    -o-animation: fade-up-single 2.5s ease-in-out;
    animation: fade-up-single 2.5s ease-in-out;
    opacity: 1;
    display: inline !important;
    top: 0;
}

@media (min-width: 768px) {
    .fade-up-single {
        display: inline-block !important;
    }
}

/*
==============================================
fade-in
==============================================
*/
.fade-in, .fade-in-fast {
    animation-name: fade-in;
    -webkit-animation-name: fade-in;
    opacity: 1;
}

.pop-in {
    animation-name: pop-in;
    -webkit-animation-name: pop-in;
    opacity: 1;
}

.js-animated {
    opacity: 0;
}

@keyframes up-down-1 {
    0% {
        transform: translate(-299%, -24%);
    }
    50% {
        transform: translate(-299%, -38%);
    }
    100% {
        transform: translate(-299%, -24%);
    }
}

@keyframes up-down-2 {
    0% {
        transform: translate(-212%, -52%);
    }
    50% {
        transform: translate(-212%, -33%);
    }
    100% {
        transform: translate(-212%, -52%);
    }
}

@keyframes up-down-3 {
    0% {
        transform: translate(-134%, -37%);
    }
    50% {
        transform: translate(-134%, -55%);
    }
    100% {
        transform: translate(-134%, -37%);
    }
}

@keyframes up-down-4 {
    0% {
        transform: translate(-50%, -42%);
    }
    50% {
        transform: translate(-50%, -33%);
    }
    100% {
        transform: translate(-50%, -42%);
    }
}

@keyframes up-down-5 {
    0% {
        transform: translate(25%, -59%);
    }
    50% {
        transform: translate(25%, -70%);
    }
    100% {
        transform: translate(25%, -59%);
    }
}

@keyframes up-down-6 {
    0% {
        transform: translate(94%, -41%);
    }
    50% {
        transform: translate(94%, -24%);
    }
    100% {
        transform: translate(94%, -41%);
    }
}

@keyframes up-down-7 {
    0% {
        transform: translate(180%, -37%);
    }
    50% {
        transform: translate(180%, -50%);
    }
    100% {
        transform: translate(180%, -37%);
    }
}

/*------------------------------------------------------------------
 * Animation Delays
 *----------------------------------------------------------------*/
.delay-1s {
    -webkit-animation-delay: 1s;
    /* Safari and Chrome */
    animation-delay: 1s;
}

.delay-2s {
    -webkit-animation-delay: 2s;
    /* Safari and Chrome */
    animation-delay: 2s;
}

.delay-3s {
    -webkit-animation-delay: 3s;
    /* Safari and Chrome */
    animation-delay: 3s;
}

.delay-4s {
    -webkit-animation-delay: 4s;
    /* Safari and Chrome */
    animation-delay: 4s;
}

.delay-5s {
    -webkit-animation-delay: 5s;
    /* Safari and Chrome */
    animation-delay: 5s;
}

.delay-6s {
    -webkit-animation-delay: 6s;
    /* Safari and Chrome */
    animation-delay: 6s;
}

.delay-7s {
    -webkit-animation-delay: 7s;
    /* Safari and Chrome */
    animation-delay: 7s;
}

.delay-8s {
    -webkit-animation-delay: 8s;
    /* Safari and Chrome */
    animation-delay: 8s;
}

.delay-9s {
    -webkit-animation-delay: 9s;
    /* Safari and Chrome */
    animation-delay: 9s;
}

.delay-10s {
    -webkit-animation-delay: 10s;
    /* Safari and Chrome */
    animation-delay: 10s;
}

.delay-11s {
    -webkit-animation-delay: 11s;
    /* Safari and Chrome */
    animation-delay: 11s;
}

.delay-12s {
    -webkit-animation-delay: 12s;
    /* Safari and Chrome */
    animation-delay: 12s;
}

.delay-13s {
    -webkit-animation-delay: 13s;
    /* Safari and Chrome */
    animation-delay: 13s;
}

.delay-14s {
    -webkit-animation-delay: 14s;
    /* Safari and Chrome */
    animation-delay: 14s;
}

.delay-15s {
    -webkit-animation-delay: 15s;
    /* Safari and Chrome */
    animation-delay: 15s;
}

.delay-16s {
    -webkit-animation-delay: 16s;
    /* Safari and Chrome */
    animation-delay: 16s;
}

.delay-17s {
    -webkit-animation-delay: 17s;
    /* Safari and Chrome */
    animation-delay: 17s;
}

.delay-18s {
    -webkit-animation-delay: 18s;
    /* Safari and Chrome */
    animation-delay: 18s;
}

.delay-19s {
    -webkit-animation-delay: 19s;
    /* Safari and Chrome */
    animation-delay: 19s;
}

.delay-20s {
    -webkit-animation-delay: 20s;
    /* Safari and Chrome */
    animation-delay: 20s;
}

.delay-21s {
    -webkit-animation-delay: 21s;
    /* Safari and Chrome */
    animation-delay: 21s;
}

.delay-22s {
    -webkit-animation-delay: 22s;
    /* Safari and Chrome */
    animation-delay: 22s;
}

.delay-23s {
    -webkit-animation-delay: 23s;
    /* Safari and Chrome */
    animation-delay: 23s;
}

.delay-100ms {
    -webkit-animation-delay: 100ms;
    /* Safari and Chrome */
    animation-delay: 100ms;
}

.delay-200ms {
    -webkit-animation-delay: 200ms;
    /* Safari and Chrome */
    animation-delay: 200ms;
}

.delay-300ms {
    -webkit-animation-delay: 300ms;
    /* Safari and Chrome */
    animation-delay: 300ms;
}

.delay-400ms {
    -webkit-animation-delay: 400ms;
    /* Safari and Chrome */
    animation-delay: 400ms;
}

.delay-500ms {
    -webkit-animation-delay: 500ms;
    /* Safari and Chrome */
    animation-delay: 500ms;
}

.delay-600ms {
    -webkit-animation-delay: 600ms;
    /* Safari and Chrome */
    animation-delay: 600ms;
}

.delay-700ms {
    -webkit-animation-delay: 700ms;
    /* Safari and Chrome */
    animation-delay: 700ms;
}

.delay-800ms {
    -webkit-animation-delay: 800ms;
    /* Safari and Chrome */
    animation-delay: 800ms;
}

.delay-900ms {
    -webkit-animation-delay: 900ms;
    /* Safari and Chrome */
    animation-delay: 900ms;
}

.delay-1000ms {
    -webkit-animation-delay: 1000ms;
    /* Safari and Chrome */
    animation-delay: 1000ms;
}

.delay-1100ms {
    -webkit-animation-delay: 1100ms;
    /* Safari and Chrome */
    animation-delay: 1100ms;
}

.delay-1200ms {
    -webkit-animation-delay: 1200ms;
    /* Safari and Chrome */
    animation-delay: 1200ms;
}

.delay-1300ms {
    -webkit-animation-delay: 1300ms;
    /* Safari and Chrome */
    animation-delay: 1300ms;
}

.delay-1400ms {
    -webkit-animation-delay: 1400ms;
    /* Safari and Chrome */
    animation-delay: 1400ms;
}

.delay-1500ms {
    -webkit-animation-delay: 1500ms;
    /* Safari and Chrome */
    animation-delay: 1500ms;
}

.delay-1600ms {
    -webkit-animation-delay: 1600ms;
    /* Safari and Chrome */
    animation-delay: 1600ms;
}

.delay-1700ms {
    -webkit-animation-delay: 1700ms;
    /* Safari and Chrome */
    animation-delay: 1700ms;
}

.delay-1800ms {
    -webkit-animation-delay: 1800ms;
    /* Safari and Chrome */
    animation-delay: 1800ms;
}

.delay-1900ms {
    -webkit-animation-delay: 1900ms;
    /* Safari and Chrome */
    animation-delay: 1900ms;
}

.delay-2000ms {
    -webkit-animation-delay: 2000ms;
    /* Safari and Chrome */
    animation-delay: 2000ms;
}

.delay-2100ms {
    -webkit-animation-delay: 2100ms;
    /* Safari and Chrome */
    animation-delay: 2100ms;
}

.delay-2200ms {
    -webkit-animation-delay: 2200ms;
    /* Safari and Chrome */
    animation-delay: 2200ms;
}

.delay-2300ms {
    -webkit-animation-delay: 2300ms;
    /* Safari and Chrome */
    animation-delay: 2300ms;
}

.delay-2400ms {
    -webkit-animation-delay: 2400ms;
    /* Safari and Chrome */
    animation-delay: 2400ms;
}

.delay-2500ms {
    -webkit-animation-delay: 2500ms;
    /* Safari and Chrome */
    animation-delay: 2500ms;
}

.delay-2600ms {
    -webkit-animation-delay: 2600ms;
    /* Safari and Chrome */
    animation-delay: 2600ms;
}

/*------------------------------------------------------------------
 * Blog Posts Styles
 *----------------------------------------------------------------*/
.blog-posts__featured {
    padding: 50px 10vh;
}

@media screen and (max-width: 600px) {
    .blog-posts__featured {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.blog-posts__featured .featured-post {
    position: relative;
    padding: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-height: 600px;
}

@media screen and (max-width: 768px) {
    .blog-posts__featured .featured-post {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.blog-posts__featured .featured-post .featured-post__image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.blog-posts__featured .featured-post .featured-post__content {
    background: rgb(69,109,169);
    padding: 30px 60px;
    color: #fff;
    position: relative;
    z-index: 2;
    max-width: 570px;
    margin-top: 5rem;
}

.blog-posts__featured .featured-post .featured-post__date {
    text-transform: uppercase;
    font-size: 16px;
}
.blog-posts__featured .featured-post .featured-post__title {
    margin-top: 1.8rem;
    margin-bottom: 1.2rem;
    font-size: 34px;
    font-weight: bold;
}
.blog-posts__featured .featured-post .featured-post__excerpt {
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 1.5px;
}
.blog-posts__featured .featured-post .featured-post__link {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px;
    transition: border-color .2s;
    border-bottom: 1px solid transparent;
}

.blog-posts__featured .featured-post .featured-post__link:hover {
    border-color: #fff;
}

.blog-posts {
    padding: 0px 10vh;
}

@media screen and (max-width: 600px) {
    .blog-posts {
        padding-left: 30px;
        padding-right: 30px;
    }
}


.blog-posts .container {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 0fr;
    grid-gap: 0;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1023px) {
    .blog-posts .container {
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }
}

.blog-posts .blog-post-title {
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 2rem;
    color: #000;
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-size: 22px;
}

.blog-posts--recent .blog-post-title {
	display:none; /* Hide RECENT BLOGS */
}

.blog-posts .blog-post {
	width: 24%;
    display: inline-block;
    grid-template-columns: auto 150px;
    grid-gap: 2rem;
    margin-bottom: 3rem;
	vertical-align: top;
}

@media screen and (max-width: 540px) {
    .blog-posts .blog-post {
        width: 100%;
    }
}

.blog-posts .blog-post .blog-post__date {
    font-size: 14px;
    color: #21b348;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.blog-posts .blog-post .blog-post__title {
    font-size: 20px;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .blog-posts .blog-post .blog-post__title  {
        font-size: 20px;
    }
}

.blog-posts .blog-post .blog-post__title a {
    text-decoration: none;
    color: #000;
}

.blog-posts .blog-post .blog-post__excerpt {
    font-size: 16px;
    line-height: 1.27;
}

.blog-posts .blog-post .posts-read-more__link{
	text-transform: uppercase;
	text-decoration: none;
	color: #0091b2;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1.5px;
	transition: border-color .2s;
	border-bottom: 1px solid transparent;
}

.blog-posts .blog-post .posts-read-more__link:hover{
	border-color: #6D6E71;
}

.blog-posts .blog-post .blog-post__image {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

@media screen and (max-width: 540px) {
    .blog-posts .blog-post .blog-post__image {
        margin-bottom: 1rem;
    }
}

.blog-posts--trending{
	display:none;
}

.blog-posts .trending-post {
    display: grid;
    grid-template-columns: 25px auto;
    grid-gap: 1.5rem;
}
.blog-posts .trending-post__count {
    font-size: 20px;
    color: #21b348;
    letter-spacing: 1.5px;
    font-weight: bold;
}
.blog-posts .trending-post__content {}
.blog-posts .trending-post__title {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 1rem;
    line-height: 1.27;
    font-weight: bold;
}

.blog-posts .trending-post__title a {
    text-decoration: none;
    color: #000;
}
.blog-posts .trending-post__content {
    font-size: 14px;
    line-height: 1.27;
}

.blog-posts-load-more-holder {
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 4rem;
}
.blog-posts-load-more {
    color: #fff;
	font-weight: 400;
	font-size: 18px;
    font-family: 'Conv_SourceSansPro-Regular';
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	background: #000;
	padding: 16px 24px;
}

.blog-posts-load-more:focus,
.blog-posts-load-more:active {
    outline: 1px solid rgba(0,0,0,.05);
}

@media screen and (max-width: 1023px) {
    .blog-posts-load-more-holder {
       margin-bottom: 2rem;
    }
}


/*------------------------------------------------------------------
 * Flip boxes
 *----------------------------------------------------------------*/
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-boxes-container {
    padding: 0px 10vh;
   display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
}

@media screen and (max-width: 600px) {
    .flip-boxes-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.flip-box {
    background-color: transparent;
    /*perspective: 1000px; !* Remove this if you don't want the 3D effect *!*/
    background: #fff;
    min-height: 200px;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    left: 0px;
    top: 0px;
    z-index: 1;
}

/* Style the front side */
.flip-box-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}

/*-----*/
.full-size, .flip-box .object, .flip-box .front, .flip-box .back {
    width: 100%;
    height: 100%;
}

.slice, .flip-box .front, .flip-box .back, .flip-box .flank {
    display: block;
    overflow: hidden;
    position: absolute;
}

.flip-box {
    float: left;
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 250px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -o-perspective: 500px;
    perspective: 500px;
}
.flip-box .object {
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-75px);
    -moz-transform: translateZ(-75px);
    -ms-transform: translateZ(-75px);
    -o-transform: translateZ(-75px);
    transform: translateZ(-75px);
}
.flip-box .object:hover, .flip-box .object:focus {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateZ(-75px) rotateY(180deg);
    -moz-transform: translateZ(-75px) rotateY(180deg);
    -ms-transform: translateZ(-75px) rotateY(180deg);
    -o-transform: translateZ(-75px) rotateY(180deg);
    transform: translateZ(-75px) rotateY(180deg);
}
.flip-box .front {
    z-index: 1;
    background-color: #789e13;
    -webkit-transform: rotateY(0deg) translateZ(75px);
    -moz-transform: rotateY(0deg) translateZ(75px);
    -ms-transform: rotateY(0deg) translateZ(75px);
    -o-transform: rotateY(0deg) translateZ(75px);
    transform: rotateY(0deg) translateZ(75px);
}
.flip-box .back {
    z-index: 0;
    background-color: #9bcc18;
    -webkit-transform: rotateY(180deg) translateZ(75px);
    -moz-transform: rotateY(180deg) translateZ(75px);
    -ms-transform: rotateY(180deg) translateZ(75px);
    -o-transform: rotateY(180deg) translateZ(75px);
    transform: rotateY(180deg) translateZ(75px);
}
.flip-box .flank {
    width: 150px;
    height: 200px;
    left: 75px;
    background-color: #55700e;
    -webkit-transform: rotateY(-90deg) translateZ(150px);
    -moz-transform: rotateY(-90deg) translateZ(150px);
    -ms-transform: rotateY(-90deg) translateZ(150px);
    -o-transform: rotateY(-90deg) translateZ(150px);
    transform: rotateY(-90deg) translateZ(150px);
}
.flip-box.flip-up .object:hover, .flip-box.flip-up .object:focus {
    -webkit-transform: translateZ(-75px) rotateX(180deg);
    -moz-transform: translateZ(-75px) rotateX(180deg);
    -ms-transform: translateZ(-75px) rotateX(180deg);
    -o-transform: translateZ(-75px) rotateX(180deg);
    transform: translateZ(-75px) rotateX(180deg);
}
.flip-box.flip-up .back {
    -webkit-transform: rotateX(180deg) translateZ(75px);
    -moz-transform: rotateX(180deg) translateZ(75px);
    -ms-transform: rotateX(180deg) translateZ(75px);
    -o-transform: rotateX(180deg) translateZ(75px);
    transform: rotateX(180deg) translateZ(75px);
}
.flip-box.flip-up .flank {
    width: 100%;
    min-height: 250;
    left: 0;
    top: 25px;
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    -o-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
}
.flip-box.alternative .front {
    background-color: #931e83;
}
.flip-box.alternative .back {
    background-color: #bd27a9;
}
.flip-box.alternative .flank {
    background-color: #69155d;
}

.no-csstransforms3d .flip-box .object {
    position: relative;
    overflow: hidden;
    -webkit-transform-style: none;
    -moz-transform-style: none;
    -ms-transform-style: none;
    -o-transform-style: none;
    transform-style: none;
}
.no-csstransforms3d .flip-box .object .back {
    top: 300px;
    z-index: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.no-csstransforms3d .flip-box .object:hover .back {
    top: 0;
    z-index: 1;
}
.no-csstransforms3d .flip-box .flank {
    display: none;
}

/* Internet Explorer 10 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .object {
        position: relative;
        overflow: hidden;
        transform: none !important;
    }
    .object .back {
        top: 300px;
        z-index: 0;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    .object:hover .back {
        top: 0;
        z-index: 1;
        transform: rotateY(0deg) translateZ(0);
    }
}
/* BLOG PAGE MOBILE */
@media (min-width: 600px) {
	.blog-posts .blog-post {
    	width: 48%;
		padding: 0 10px;
	}
}
@media (min-width: 768px) {
	.blog-posts .blog-post {
    	width: 32%;
		padding: 0 8px;
	}
}
@media (min-width: 992px) {
	.blog-posts .blog-post {
    	width: 24%;
		padding: 0 6px;
	}
}
@media (min-width: 1200px) {
	.blog-posts .blog-post {
    	width: 24%;
		padding: 0 12px;
	}
}
}

/* NEW PRESS POST TEMPLATE */
/*.post-hero-heading { position: relative; }
.post-hero-heading .post-heading {
	color: #fff;
	position: absolute;
    top: 10%;
    left: 0;
	bottom:0;
	right: 0;
	max-width:1200px
    text-align: center;
    z-index: 999;
}
.post-hero-heading .post-hero:before {
	content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 95.5%;
    height: 100%;
    background-color: #888;
    opacity: 0.4;
}*/

.page-template-page-blog-template .page-entry-content {
	max-width: 980px;
    margin: 0 auto;
    position: relative;
}
.page-banner-hero {
	color: #fff;
	height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	text-align: center;
	    margin-top: 17px;
	padding: 110px 30px;
    position: relative;
	background-color: rgba(0,0,0,0.4);
}
.page-banner-hero:before {
	content: "";
	position: absolute;
	top: 10;
	bottom:0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	background-color: #888;
	opacity: 0.4;
}
.page-banner-hero h1 {
font-size: 50px;
	 font-weight: 600;
    margin: 0 0 15px;  	
	text-shadow: 1px 1px 1px #888;
	position: relative;
}
.page-banner-hero p {
	font-size: 26px;
	 font-weight: 400;
	margin: 0 0 10px;
	font-style: italic;
	position: relative;
}
.page-banner-hero p.metadate {
	font-size: 20px;
font-weight: 300;
	font-style: normal;
}
#inkcont .blog-posts .blog-post .blog-post__title {
	margin-top: 0rem;margin-bottom: 0rem; line-height: normal;
	font-weight:400;
    letter-spacing:0;
}
#inkcont .blog-posts .blog-post .blog-post__excerpt p { margin: 10px 0; }

/* BlockQuote   */
.site-main .post .post-content blockquote {
	color: #067DB7;
	font-size: 28px;
	font-weight: 400;
	font-style: italic;
	font-family: 'Merriweather', serif;
	text-align: center;
	line-height: 46px;
}

@media (min-width: 320px) {
	.icon-section.s2up .icon-block {
        flex-basis: 100%;
    }
}	
@media (min-width: 389px) {
	.icon-section.s2up .icon-block {
        flex-basis: 100%;
    }
}
@media (min-width: 480px) {
	.icon-section.s2up .icon-block {
        flex-basis: 100%;
    }
}
@media (min-width: 600px) {
	.icon-section.s2up .icon-block {
        flex-basis: 50%;
    }
}
@media (min-width: 768px) {
	icon-section.s2up .icon-block {
        flex-basis: 50%;
    }
}
@media (min-width: 992px) {
	icon-section.s2up .icon-block {
        flex-basis: 50%;
    }
}
@media (min-width: 1200px) {
	icon-section.s2up .icon-block {
        flex-basis: 50%;
    }
}