/************************************
	Base style
************************************/

@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Catamaran:600,700,800&display=swap');

html { min-height: 100%; height: 100%; -webkit-layout.css.grid.enabled; overflow-x: hidden; }
body { font-family: 'Muli', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; overflow-x: hidden; }
.clearfix:after { display: table; line-height: 0; content: ''; clear: both; }
#page-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }
.page-no-scroll { overflow: hidden !important; }
.page-flex { -ms-flex: 1; flex: 1; overflow-x: hidden; }
.gh-page-container-xl { max-width: 1640px; margin: auto; padding: 0 30px; }
.gh-page-container { max-width: 1240px; width: calc(90% - 40px); margin: auto; padding: 0 20px; }
.gh-page-container-med { max-width: 1040px; margin: auto; padding: 0 20px; }
.gh-page-container-sml { max-width: 860px !important; margin: auto; padding: 0 20px; }
.gh-no-text-highlight { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.hidden { display: none !important; }
.display-flex { display: flex !important; }
.gh-hero-padding { padding-top: 120px; }

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

.gh-page-container { width: calc(100% - 40px); } }

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

.gh-page-container-md { max-width: 31.25rem !important; } }

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

.gh-hero-padding { padding-top: 67px; } }

/*****************************
  Colours
*****************************/

:root {

    /*** Primary ***/

    --primary-01: #0065FF;
    --primary-02: #091E42;
    --primary-03: #fff;

    /*** Dark neutrals ***/

    --dark-neutral-01: #091E42;
    --dark-neutral-02: #172B4D;
    --dark-neutral-03: #253858;
    --dark-neutral-04: #344563;
    --dark-neutral-05: #42526E;

    /*** Mid neutrals ***/

    --mid-neutral-01: #505F79;
    --mid-neutral-02: #5E6C84;
    --mid-neutral-03: #6B778C;
    --mid-neutral-04: #7A869A;
    --mid-neutral-05: #8993A4;
    --mid-neutral-06: #97A0AF;
    --mid-neutral-07: #A5ADBA;
    --mid-neutral-08: #B3BAC5;

    /*** Light neutrals ***/

    --light-neutral-01: #C1C7D0;
    --light-neutral-02: #DCE0E8;
    --light-neutral-03: #ebedf5;
    --light-neutral-04: #F5F7FB;
    --light-neutral-05: #FAFBFF;
    --light-neutral-06: #FFFFFF;

    /*** Reds ***/

    --red-01: #BF2600;
    --red-02: #DE350B;
    --red-03: #FF5630;
    --red-04: #FF7452;
    --red-05: #FF8F73;
    --red-06: #FFBDAD;
    --red-07: #FFEBE6;

    /*** Yellows ***/

    --yellow-01: #FF8B00;
    --yellow-02: #FF991F;
    --yellow-03: #FFAB00;
    --yellow-04: #FFC400;
    --yellow-05: #FFE380;
    --yellow-06: #FFF0B3;
    --yellow-07: #FFFAE6;

    /*** Greens ***/

    --green-01: #006644;
    --green-02: #00875A;
    --green-03: #36B37E;
    --green-04: #57D9A3;
    --green-05: #79F2C0;
    --green-06: #ABF5D1;
    --green-07: #E3FCEF;

    /*** Teals ***/

    --teal-01: #008DA6;
    --teal-02: #00A3BF;
    --teal-03: #00B8D9;
    --teal-04: #00C7E6;
    --teal-05: #79E2F2;
    --teal-06: #B3F5FF;
    --teal-07: #E6FCFF;

    /*** Blues ***/

    --blue-01: #0747A6;
    --blue-02: #0052CC;
    --blue-03: #0065FF;
    --blue-04: #2684FF;
    --blue-05: #4C9AFF;
    --blue-06: #B3D4FF;
    --blue-07: #DEEBFF;

    /*** Purples ***/

    --purple-01: #403294;
    --purple-02: #5243AA;
    --purple-03: #6554C0;
    --purple-04: #8777D9;
    --purple-05: #998DD9;
    --purple-06: #C0B6F2;
    --purple-07: #EAE6FF;

    /*** Typography ***/

    --dark-font: #091E42; /* Dark neutral 1 */
    --mid-dark-font: #5E6C84; /* Mid neutral 2 */
    --mid-light-font: #7A869A; /* Mid neutral 4 */
    --light-font: #A5ADBA; /* Mid neutral 7 */

    /*** Iconography ***/

    --icon-lightest: #C1C7D0; /* Light neutral 1 */
    --icon-light: #97A0AF; /* Mid neutral 6 */
    --icon-mid: #7A869A; /* Mid neutral 4 */
    --icon-dark: #505F79; /* Mid neutral 1 */
    --icon-darkest: #091E42; /* Primary 02 */
    --icon-positive: #36B37E; /* Green 3 */
    --icon-red: #FF5630; /* Red 3 */

    /*** Backgrounds ***/

    --light-background: #FAFBFF; /* Light neutral 5 */
    --mid-background: #F5F7FB; /* Light neutral 4 */
    --mid-dark-background: #DCE0E8; /* Light neutral 2 */
    --dark-background: #7A869A; /* Mid neutral 4 */
    --darkest-background: #041127;
    --light-hover: #F5F7FB; /* Light neutral 4 */

    /*** Borders ***/

    --border: #EBEDF5; /* Light neutral 3 */

    /*** Avatars ***/

    --avatar-01: #C1C7D0; /* Light neutral 1 */

    /*** Other ***/

    --green-success: #36B37E; /* Green 3 */
    --red-alert: #DE350B; /* Red 1 */
    --notification: #DE350B; /* Red 2 */

    /*** Social colors ***/

    --linkedin: #007bb6;
    --facebook: #3b5998;
    --twitter: #50aee1;
    --google: #0549d1;

    /*** Clients ***/
        
    --onecowork: #ffc581;
    --hellotickets: #4750d0;
    --wriggle: #00aff0;
	--glasswall: #1a919a;
	--realthread: #97d6e8;

}

/*****************************
	Colors
*****************************/

.email-link { color: var(--mid-light-font); }
.twitter { color: var(--twitter); }
.facebook { color: var(--facebook); }
.linkedin { color: var(--linkedin); }

/*****************************
	Typography
*****************************/

h1,h2,h3,h4,h5,h6, p, li, select { color: var(--dark-font); margin: 0; padding: 0; }
h1 { font-family: 'Catamaran', sans-serif; font-weight: 700; font-size: 3.6rem; line-height: 1.2; }
h2 { font-family: 'Catamaran', sans-serif; font-weight: 700; font-size: 2.2rem; line-height: 1.3; }
h3 { font-family: 'Catamaran', sans-serif; font-weight: 700; font-size: 1.3rem; line-height: 1.4; }
h4 { font-size: 1.4rem; line-height: 1.4; }
h5 { font-size: 1.2rem; line-height: 1.4; }
h6 { font-size: 1rem; line-height: 1.4; }
p { font-size: 1.07rem; line-height: 1.8; letter-spacing: normal; color: var(--mid-dark-font); font-weight: 400; }
a { font-size: 1.07rem; text-decoration: none; cursor: pointer; color: var(--primary-01); font-weight: normal; }
li, button, label, input, textarea, select, option { font-size: 0.74rem; }
ul, ol { list-style: none; }
.gh-light-font { color: var(--mid-dark-font) !important; }

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

h2 { font-size: 2rem; } }

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

h1 { font-size: 3.2rem; }	}

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

h1 { font-size: 2.8rem; } }

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

h2 { font-size: 1.8rem; } }

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

h1 { font-size: 2.4rem; } }

/*****************************
	Buttons
*****************************/

.gh-btn { border-radius: 100px; display: flex; justify-content: center; align-items: center; color: var(--primary-03); font-size: 1rem; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 12px 15px; transition: all 0.5s; font-weight: 800; letter-spacing: .5px; }

/* Main call to action button */

.gh-btn-main { background-color: var(--primary-01); }
.gh-btn-main:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }

/* Secondary, more subtle call to action button */

.gh-btn-ghost { box-shadow: inset 0px 0px 0px 1px var(--light-neutral-02) !important; color: var(--dark-font) !important; font-size: 1rem; max-width: 125px; padding: 14px 15px !important; }
.gh-btn-ghost:hover { background-color: var(--light-neutral-05) !important; }

/* Same as gh-btn-ghost but some -02 still remain */

.gh-btn-ghost-02 { box-shadow: inset 0px 0px 0px 1px var(--light-neutral-02) !important; color: var(--dark-font) !important; font-size: 1rem; max-width: 125px; padding: 14px 15px !important; }
.gh-btn-ghost-02:hover { background-color: var(--light-neutral-05) !important; }

.gh-btn-hero { padding: 20px 25px; max-width: 180px; }

.gh-btn-white { background-color: var(--primary-03); color: var(--dark-font); box-shadow: 0 8px 24px rgba(55,56,60,.25); }

.gh-dark-link { transition: all 0.4s; text-decoration: underline; color: var(--primary-02); font-size: .95rem; }
.gh-dark-link:hover { color: var(--primary-01); }






.subtle-link { color: var(--mid-light-font); text-decoration: underline; transition: all 0.5s; font-size: .9rem; font-weight: 700; }
.subtle-link:hover { color: var(--dark-neutral-03); }












/*
.gh-btn-ghost-01 { background-color: var(--primary-03); color: var(--dark-font); }
.gh-btn-ghost-03 { background: none !important; box-shadow: inset 0 0 0 1px var(--primary-03); color: var(--primary-03) !important; }
*/

/*****************************
	Borders & backgrounds
*****************************/

/*
.gh-blue-background { background: #4e54c8; background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8); background: linear-gradient(to left, #8f94fb, #4e54c8); }
.gh-dark-background { background-color: var(--primary-02); }
.gh-purple-background { background-color: #0C1A2B; }
*/

.gh-light-background { background-color: var(--light-background); }
.gh-background-green-06 { background-color: var(--green-06); }

.gh-background-red-05 { background-color: var(--red-05); }
.gh-background-red-06 { background-color: var(--red-06); }

.gh-background-yellow-06 { background-color: var(--yellow-06); }


.gh-border { border: solid 1px var(--border); }
.gh-top-border { border-top: solid 1px var(--border); }
.gh-bottom-border { border-bottom: solid 1px var(--border); }
.gh-left-border { border-left: solid 1px var(--border); }
.gh-right-border { border-right: solid 1px var(--border); }
.gh-hero-overlay { background-color: rgba(41, 58, 78, 0.8); height: 100%; width: 100%; }
.gh-boxShadow-distant { background: var(--primary-03); border-radius: 10px; box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 15px 40px rgba(166,173,201,.2); }
.gh-boxShadow-close { background: var(--primary-03); border-radius: 8px; box-shadow: 0 2px 8px rgba(31,45,61,.05); border: solid 1px var(--border); }
.gh-boxShadow-close-no-border { background: var(--primary-03); border-radius: 8px; box-shadow: 0 2px 8px rgba(31,45,61,.05); }

/*****************************
	Margins
*****************************/

.gh-padding-top-bottom-xl { padding-top: 126px; padding-bottom: 126px; }
.gh-padding-top-xl { padding-top: 126px; }
.gh-padding-bottom-xl { padding-bottom: 126px; }
.gh-margin-top-bottom-xl { margin-top: 126px; margin-bottom: 126px; }
.gh-margin-top-xl { margin-top: 126px; }
.gh-margin-bottom-xl { margin-bottom: 126px; }

.gh-padding-top-bottom-lg { padding-top: 80px; padding-bottom: 80px; }
.gh-padding-top-lg { padding-top: 80px; }
.gh-padding-bottom-lg { padding-bottom: 80px; }
.gh-margin-top-bottom-lg { margin-top: 80px; margin-bottom: 80px; }
.gh-margin-top-lg { margin-top: 80px; }
.gh-margin-bottom-lg { margin-bottom: 80px; }

.gh-padding-top-bottom-mdLg { padding-top: 63px; padding-bottom: 63px; }
.gh-padding-top-mdLg { padding-top: 63px; }
.gh-padding-bottom-mdLg { padding-bottom: 63px; }
.gh-margin-top-bottom-mdLg { margin-top: 63px; margin-bottom: 63px; }
.gh-margin-top-mdLg { margin-top: 63px; }
.gh-margin-bottom-mdLg { margin-bottom: 63px; }

.gh-padding-top-bottom-md { padding-top: 50px; padding-bottom: 50px; }
.gh-padding-top-md { padding-top: 50px; }
.gh-padding-bottom-md { padding-bottom: 50px; }
.gh-margin-top-bottom-md { margin-top: 50px; margin-bottom: 50px; }
.gh-margin-top-md { margin-top: 50px; }
.gh-margin-bottom-md { margin-bottom: 50px; }

.gh-padding-top-bottom-smlLg { padding-top: 40px; padding-bottom: 40px; }
.gh-padding-top-smlLg { padding-top: 40px; }
.gh-padding-bottom-smlLg { padding-bottom: 40px; }
.gh-margin-top-bottom-smlLg { margin-top: 40px; margin-bottom: 40px; }
.gh-margin-top-smlLg { margin-top: 40px; }
.gh-margin-bottom-smlLg { margin-bottom: 40px; }

.gh-padding-top-bottom-smlMd { padding-top: 35px; padding-bottom: 35px; }
.gh-padding-top-smlMd { padding-top: 35px; }
.gh-padding-bottom-smlMd { padding-bottom: 35px; }
.gh-margin-top-bottom-smlMd { margin-top: 35px; margin-bottom: 35px; }
.gh-margin-top-smlMd { margin-top: 35px; }
.gh-margin-bottom-smlMd { margin-bottom: 35px; }

.gh-padding-top-bottom-sml { padding-top: 20px; padding-bottom: 20px; }
.gh-padding-top-sml { padding-top: 20px; }
.gh-padding-bottom-sml { padding-bottom: 20px; }
.gh-margin-top-bottom-sml { margin-top: 20px; margin-bottom: 20px; }
.gh-margin-top-sml { margin-top: 20px; }
.gh-margin-bottom-sml { margin-bottom: 20px; }

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

.gh-margin-sml { margin-top: 70px; } }

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

.gh-padding-top-bottom-xl { padding-top: 80px; padding-bottom: 80px; }
.gh-padding-top-xl { padding-top: 80px; }
.gh-padding-bottom-xl { padding-bottom: 80px; }
.gh-margin-top-bottom-xl { margin-top: 80px; margin-bottom: 80px; }
.gh-margin-top-xl { margin-top: 80px; }
.gh-margin-bottom-xl { margin-bottom: 80px; }

.gh-padding-top-bottom-lg { padding-top: 60px; padding-bottom: 60px; }
.gh-padding-top-lg { padding-top: 60px; }
.gh-padding-bottom-lg { padding-bottom: 60px; }
.gh-margin-top-bottom-lg { margin-top: 60px; margin-bottom: 60px; }
.gh-margin-top-lg { margin-top: 60px; }
.gh-margin-bottom-lg { margin-bottom: 60px; } }

/*****************************
	Color variations


.gh-purple i { color: #7a69e6 !important; }
.gh-red i { color: #f95e5e !important; }
.gh-yellow i { color: #ffcf56 !important; }
.gh-blue i { color: #09b4fe !important; }
.gh-dark-blue i { color: #3b4c82 !important; }
.gh-orange i { color: #f98d5e !important; }
.gh-pink i { color: #fa5f93 !important; }
.gh-green i { color: #77ce44 !important; }
.gh-turquoise i { color: #6ce7d9 !important; }

/************************************
	Modal
************************************/

.gh-modal { top: 0; height: 100%; width: 100%; position: fixed; display: block; z-index: 100000; overflow-y: scroll; }
.gh-modal-01 { top: 0; height: 100%; width: 100%; position: fixed; display: block; z-index: 100000; overflow-y: scroll; }
.gh-modal-hide { display: none; }
.gh-modal-container { display: flex; align-items: center; justify-content: center; height: 100%; }
.gh-modal-background { background-color: rgba(41, 58, 78, 0.8); height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 1; display: flex; align-items: center; }
.gh-modal-box { background-color: var(--primary-03); z-index: 100001; max-width: 660px; width: 90%; border-radius: 10px; box-shadow: 0 0 0 1px rgba(136, 152, 170, .1), 0 15px 35px 0 rgba(49, 49, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .13); }
.gh-modal-box-padding { padding: 30px; }
.gh-modal-box-lg { max-width: 1150px; border-radius: 20px; height: 96vh; width: 96vw; max-height: 825px; }
.gh-modal-box-padding-lg { padding: 50px; height: calc(100% - 100px); overflow: auto; position: relative; }

.gh-modal-close { position: absolute; right: 20px; top: 20px; cursor: pointer; }
.gh-modal-close i { color: var(--icon-light); font-size: 1.5rem; transition: 0.5s; }
.gh-modal-close i:hover { color: var(--icon-dark); } 

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

.gh-modal-box-lg { height: 85vh; width: 85vw; max-width: 650px; }
.gh-modal-box-padding-lg { padding: 40px; height: calc(100% - 80px); } }

/************************************
	Forms
************************************/

label { font-family: 'Muli', sans-serif; -webkit-font-smoothing: antialiased; margin-bottom: 10px !important; text-align: left; float: left; font-size: .875rem; letter-spacing: .2px; width: 100%; display: inline-block; font-weight: 600; }
input { display: block; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; max-width: 100%; font-family: 'Muli', sans-serif; font-size: 0.95rem !important; color: var(--dark-font); font-weight: 600; }
textarea { min-height: 200px; max-height: 200px; outline: none; width: 100%; min-width: 100%; max-width: 100%; font-family: 'Muli', sans-serif; font-size: 0.95rem !important; }
::-webkit-input-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); -webkit-font-smoothing: antialiased; }
.form-box { padding: 18px 15px; display: block; border: solid 1px var(--border); outline: none; background-color: var(--primary-03); width: 100%; border-radius: 4px; box-sizing: border-box; -webkit-appearance: none; margin-bottom: 22px; transition: all 0.2s; }
.form-box:focus { border: solid 1px var(--primary-01); }
.form-input-error input { margin-bottom: 6px !important; border: solid 1px var(--red-01); background-color: var(--primary-03); color: var(--red-01); }
.form-input-error select {  margin-bottom: 6px !important; border: solid 1px var(--red-01); background-color: var(--primary-03); color: var(--red-01); }
.form-box-error-label { display: none; font-size: 0.78em; font-weight: 400; color: var(--red-01); padding-bottom: 14px; }
.form-input-error .form-box-error-label { display:block; }
.form-button { margin-top: 30px; font-family: 'Muli', sans-serif; background-color: var(--primary-01); color: var(--primary-03); border-radius: 3px; padding: 14px 0px; width: 100%; text-transform: none !important; }
.form-button:hover { background-color: #1faef5; }
::-webkit-input-placeholder { color: var(--mid-light-font); }
::-moz-placeholder { color: var(--mid-light-font); }
:-ms-input-placeholder { color: var(--mid-light-font); }
:-moz-placeholder { color: var(--mid-light-font); }

/************************************
	Tables
************************************/

.gh-table-padding { padding: 20px 0; }
.table-overflow { display: block; overflow-x: auto; white-space: nowrap; width: 100%; }
table { color: red; }
thead { text-align: left; }
thead tr { border-bottom: 1px solid var(--border); }
thead th { text-align: left; padding: 25px; min-width: 150px; color: var(--dark-font) !important; }
thead th:first-child { padding: 25px 25px 25px 0; }
thead th:last-child { padding: 25px 0 25px 25px; }
table tr { border-bottom: 1px solid var(--border); padding: .35em; }
tbody td { text-align: left; padding: 25px; min-width: 150px; color: var(--dark-font) !important; }
tbody td:first-child { padding: 25px 25px 25px 0; }
tbody td:last-child { padding: 25px 0 25px 25px; }

/************************************
	Navigation
************************************/

nav { width: 100%; z-index: 10; position: fixed; background-color: var(--primary-03); }
.nav-container { display: flex; flex-direction: row; height: 80px; padding: 0 20px; max-width: 1240px; margin: auto; }
.nav-left { display: flex; align-items: center; justify-content: center; }
.nav-left img { display: block; width: 120px; height: auto; }
.nav-middle { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.middle-links { margin-left: 50px; display: flex; flex-direction: row; align-items: center; }
.middle-link { color: var(--mid-dark-font); text-align: center; margin: 0 20px; font-size: .94rem; font-weight: 600; transition: color 0.5s; white-space: nowrap; letter-spacing: 0.2px; }
.middle-link:hover { color: var(--primary-01); }
.nav-right { margin-left: auto; display: flex; align-items: center; }
.nav-btn { padding: 16px 28px; background-color: var(--primary-01); font-size: .9rem; }
.gh-nav-dropdown { transition: all 0.5s; }
.gh-nav-dropdown:hover .gh-nav-dropdown-inner { display: block; }
.gh-nav-dropdown-inner { z-index: 9999; display: none; position: absolute; }
.gh-nav-dropdown-inner-container { min-width: 180px; padding: 30px; margin-top: 20px; background-color: var(--primary-03); border-radius: 10px; }
.gh-nav-dropdown-inner-container-lg { margin-top: 20px; background-color: var(--primary-03); border-radius: 10px; }
.gh-nav-dropdown-lg { padding: 35px 35px 0; display: flex; flex-direction: column; }
.gh-nav-dropdown-row { display: flex; flex-direction: row; }
.gh-nav-dropdown-item { display: flex; margin-bottom: 30px; transition: all 0.5s; }
.gh-nav-dropdown-item:last-child { margin-bottom: 0; }
.gh-nav-dropdown-item p { line-height: 1; font-size: .97rem; }
.gh-nav-dropdown-item:hover p { color: var(--primary-01); }
.gh-nav-dropdown-item i { min-width: 33px; color: var(--blue-05); }
.gh-nav-dropdown-lg-btm a { background-color: var(--light-background); height: 70px; display: flex; justify-content: center; align-items: center; flex-direction: row; margin-top: 40px; border-radius: 0 0 10px 10px; }
.gh-nav-dropdown-lg-btm:hover a { background-color: var(--light-neutral-04); }
.gh-nav-dropdown-lg-btm:hover p { color: var(--mid-dark-font); }
.gh-nav-dropdown-lg-btm:hover i { color: var(--mid-dark-font); }
.gh-nav-dropdown-lg-btm i { margin: 3px 0 0 8px; color: var(--mid-dark-font); font-size: .9rem;}
.gh-nav-dropdown-col:last-child { margin-left: 100px; }
.gh-nav-dropdown-col-header { margin-bottom: 20px; }
.gh-nav-dropdown-col-header p { color: var(--mid-light-font); font-size: .9rem; font-weight: 600; }
.nav-drop-item { display: flex; flex-direction: row; align-items: center; min-height: 45px; white-space: nowrap; min-width: 200px; }
.nav-drop-item:first-child { border-top: none !important; }
.nav-drop-item p { color: var(--mid-dark-font); transition: color 0.5s; font-size: 1rem; }
.nav-drop-item p:hover { color: var(--primary-01); }
.show { display: block; }
.nav-sml { display: none; }

/*** Navigation banner ***/

.nav-banner { display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; height: 40px; background-color: var(--primary-03); }
.nav-banner-inner { display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; height: 40px; border-bottom: solid 1px var(--border); margin: 0 20px; max-width: 1240px; width: calc(100% - 40px); }
.nav-banner p { font-size: .86rem; font-weight: 600; padding: 0 10px; }
.nav-banner-btn { padding: 7px 10px !important; font-weight: 700; background-color: var(--primary-03); color: var(--primary-01); border-radius: 3px; font-size: .78rem !important; margin-left: 15px; text-transform: none; }
.nav-banner-link { color: var(--mid-light-font); font-size: .86rem; font-weight: 600; padding: 3px; border-radius: 3px; text-decoration: underline; }
.nav-banner-link p { padding: 5px 15px; border-radius: 2px; }

/*** Small screen nav menu ***/

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

nav { display: flex !important; flex-direction: column; }
.nav-sml { height: 69px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: calc(100% - 40px); padding: 0 20px; }
.nav-sml-logo img { display: block; max-width: 31px; }
.md-screen-logo { display: none !important; }
.sml-screen-logo { display: flex !important; }
.nav-sml-btn { margin: 0; justify-content: center; padding: 0; font-size: .92rem; font-weight: 800; border-radius: 4px; color: var(--primary-01); background-color: var(--primary-03); text-transform: uppercase; text-decoration: underline; }
.nav-sml-icon { cursor: pointer; }
.nav-sml-icon i { color: var(--primary-02); font-size: 1.8rem; }
.nav-container { display: none; }
.overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: var(--primary-03); }
.overlay-content { position: relative; top: 150px; width: 100%; text-align: center; margin-top: 30px; }
.overlay a { padding: 15px 8px; font-size: 1.2rem; color: var(--primary-02); display: block; transition: 0.3s; font-weight: 700; }
.overlay .closebtn { position: absolute; color: var(--primary-02); top: 4px; right: 18px; font-size: 40px; }
.nav-sml-menu-btn { color: var(--primary-03) !important; font-size: 1.1rem !important; font-weight: 800 !important; max-width: 150px; padding: 20px 22px !important; margin: 30px auto 0; background-color: var(--primary-01); } }

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

.overlay-content { top: 80px; }
.nav-banner { height: 55px; }
.nav-banner-inner { height: 55px; }
.nav-banner p { line-height: 1.4; }
.nav-banner a { line-height: 1.4; }  }

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

nav { height: 67px; }
.nav-sml { height: 67px; }
.nav-banner { display: none; } }

/************************************
	Footer
************************************/

footer { background: var(--darkest-background); }
.footer-container { max-width: 1240px; width: 90%; padding: 40px 20px 0 20px; margin: 20px auto; }
.footer-01-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-col { display: flex; flex-direction: column; margin: 0 20px; }
.footer-col:first-child { margin: 0 20px 0 0; }
.footer-col:last-child { margin: 0 0 0 20px; }
.footer-split { display: flex; flex-direction: row; }
.footer-split-col { display: flex; flex-direction: column; }
.footer-split-col:first-child { margin-right: 20px; }
.footer-col-header { margin-bottom: 20px; font-size: .88rem; color: var(--primary-03); }
.footer-item { font-size: 0.84rem; margin-bottom: 10px; line-height: 1.6; color: var(--light-font); transition: ease-in 0.2s color; }
.footer-item:hover { color: var(--primary-03); }
.footer-item-01 { font-size: 0.84rem; color: var(--light-font); line-height: 1.3; padding-bottom: 7px; }
.footer-item-01-1 { padding-bottom: 12px; }
.footer-item-01-1 i { font-size: 0.7rem; min-width: 18px; color: var(--icon-light); }
.footer-link { color: var(--light-font); text-decoration: underline; }
.footer-contact-info { padding-top: 15px; display: flex; flex-direction: column; }
.footer-articles { max-width: 275px; margin-bottom: 15px; }
.footer-articles-col { display: flex; flex-direction: column; }
.footer-articles .footer-item { line-height: 1.6; }
.footer-02-wrapper { margin-top: 30px; display: flex; flex-direction: row; border-top: solid 1px var(--dark-neutral-02); border-bottom: solid 1px var(--dark-neutral-02); }
.footer-02-col { margin: 20px; }
.footer-02-col:first-child { margin: 20px 20px 20px 0; }
.footer-02-col:last-child { margin: 20px 0 20px 20px; }
.footer-02-col-header { color: var(--primary-03); margin-bottom: 7px; line-height: 1.5rem; font-size: .88rem; }
.footer-02-col-inner { font-size: 0.8rem; line-height: 1.5rem; padding-bottom: 10px; color: var(--light-font); }
.footer-02-col-inner a { font-size: 0.8rem; }
.footer-03-wrapper { display: flex; align-items: center; min-height: 50px; }
.footer-03-wrapper p { font-size: 0.8rem; color: var(--light-font); }
.footer-03-wrapper-right { margin-left: auto; }
.footer-03-wrapper-right a { font-size: 0.8rem; color: var(--light-font); }
.footer-col-horizontal { margin: 0 20px; }
.footer-col-horizontal .footer-col { margin: 0; }
.footer-col-horizontal .footer-col:first-child { margin: 0 0 15px 0; }

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

.footer-01-wrapper { flex-wrap: none; flex-direction: column; }
.footer-col { margin: 10px 0px; }
.footer-split { flex-direction: column; }
.footer-item-02 { max-width: 100%; }
.footer-col:last-child { margin: 0; }
.footer-articles { max-width: 100%; } }

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

.footer-compare-wrapper { padding: 25px 0 20px;  flex-direction: column; align-items: flex-start; }
.footer-compare-wrapper-inner { display: flex; flex-direction: column; }
.footer-compare-wrapper .footer-02-col-header { margin-bottom: 17px; }
.footer-compare-wrapper-inner .footer-item { padding: 0; }
.footer-compare-wrapper-inner:first-child .footer-item { padding: 0; } }

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

.footer-02-wrapper { flex-direction: column; }
.footer-02-col { margin: 10px 0; }
.footer-02-col:first-child { margin: 25px 0 10px 0; }
.footer-02-col:last-child { margin: 10px 0 20px 0; }
.footer-03-wrapper { flex-direction: column; align-items: flex-start; justify-content: center; min-height: 70px; }
.footer-03-wrapper-right { margin-left: 0; } }

/*****************************
	Home opening
*****************************/

.gh-opening-wrapper { margin: 180px auto 70px; max-width: 894px; position: relative; }
.gh-opening-graph { height: 100%; position: absolute; top: 0; width: 250px; display: block; }

/*** Opening animation ***/

.gh-opening-left { left: 0; transform: translateX(calc(-100%)); }
.gh-opening-right { right: 0; transform: translateX(calc(100%)); }
.gh-opening-item { animation-direction: reverse; animation-duration: 5.5s; animation: float 4s linear infinite; position: absolute; will-change: transform; }
.gh-opening-item-left-01 { height: 18px; width: 18px; border-radius: 100%; left: 19.25%; top: 6.75%; animation-duration: 5s; background: var(--purple-06); }
.gh-opening-item-left-02 { left: 60.5%; top: 14.5%; width: 31px; animation-direction: reverse; animation-duration: 6.5s; border-radius: 100%; }
.gh-opening-item-left-03 { height: 24px; left: 41.5%; top: 40.25%; animation-duration: 6s; }
.gh-opening-item-left-04 { height: 11px; width: 11px; border-radius: 100%; top: 47%; animation-direction: reverse; animation-duration: 4.5s; background: var(--yellow-05); }
.gh-opening-item-left-05 { height: 30px; left: 88%; top: 54.5%; width: 30px; animation-direction: reverse; animation-duration: 7.5s; border-radius: 100%; }
.gh-opening-item-left-06 { left: 19%; top: 76.5%; width: 24px; animation-direction: reverse;animation-duration: 5.5s; }
.gh-opening-item-left-07 { height: 15px; width: 15px; border-radius: 100%; left: 67.75%; top: 95%; animation-duration: 7s; background: var(--teal-06); }
.gh-opening-item-right-01 { height: 18px; width: 18px; border-radius: 100%; left: 40.5%; top: 0; animation-duration: 6s; background: var(--green-06); }
.gh-opening-item-right-02 { top: 18%; width: 24px; height: 24px; border-radius: 100%; animation-duration: 4.5s; animation-direction: reverse;}
.gh-opening-item-right-03 { height: 22px; left: 55.25%; top: 22%; animation-direction: reverse; animation-duration: 6.5s; border-radius: 0; }
.gh-opening-item-right-04 { height: 15px; width: 15px; border-radius: 100%; left: 21.5%; top: 46.75%; animation-direction: reverse;animation-duration: 5.5s; background-color: var(--blue-06); }
.gh-opening-item-right-05 { left: 62.5%; top: 50%; width: 22px; animation-duration: 7s;}
.gh-opening-item-right-06 { height: 27px; left: 11.25%; top: 75%; animation-duration: 5s; }
.gh-opening-item-right-07 { height: 11px; width: 11px; border-radius: 100%; left: 81.25%; top: 81.25%; animation-direction: reverse; animation-duration: 7.5s; background: var(--red-06); }
@-webkit-keyframes float {0%{-webkit-transform:rotate(0deg) translate(-50%) rotate(0deg);transform:rotate(0deg) translate(-50%) rotate(0deg)}to{-webkit-transform:rotate(360deg) translate(-50%) rotate(-360deg);transform:rotate(360deg) translate(-50%) rotate(-360deg)}}
@keyframes float{0%{-webkit-transform:rotate(0deg) translate(-50%) rotate(0deg);transform:rotate(0deg) translate(-50%) rotate(0deg)}to{-webkit-transform:rotate(360deg) translate(-50%) rotate(-360deg);transform:rotate(360deg) translate(-50%) rotate(-360deg)}}
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.5);box-shadow:0 0 0 0 rgba(255,0,0,.5)}70%{-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}to{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}
@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.5);box-shadow:0 0 0 0 rgba(255,0,0,.5)}70%{-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}to{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}

/*** Opening text ***/

.gh-opening-center { text-align: center; }
.gh-opening-center-inner { display: flex; flex-direction: column-reverse; }
.gh-opening-center-inner h1 { color: var(--mid-dark-font); font-size: 1.3rem; line-height: 1.7; font-weight: 600; padding: 15px 0 40px; margin: 0 auto; max-width: 900px; font-family: 'Muli', sans-serif; }
.gh-opening-center-inner h2 { max-width: 780px; margin: 0 auto; font-size: 4rem; font-weight: 700; line-height: 1.2; }
.gh-opening-center-alt .gh-opening-center-inner { flex-direction: column !important; }
.gh-opening-center-alt .gh-opening-center-inner h1 { color: var(--mid-dark-font); font-size: .85rem; text-transform: uppercase; line-height: 1.7; font-weight: 800; padding: 0 0 15px; margin: 0 auto; font-family: 'Muli', sans-serif; }
.gh-opening-center-alt .gh-opening-center-inner p { color: var(--mid-dark-font); font-size: 1.3rem; line-height: 1.7; font-weight: 600; padding: 15px 0 40px; margin: 0 auto; max-width: 900px; font-family: 'Muli', sans-serif; }

/*** Opening buttons ***/

.gh-opening-btn-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 auto; }
.gh-opening-btn { padding: 22px 30px !important; max-width: 135px; min-width: 135px; }
.gh-opening-btn:first-child { margin-right: 10px; }
.gh-opening-btn:last-child { margin-left: 10px; }
.gh-opening-btn-demo i { font-size: .7rem; padding: 1px 0 0 6px; color: var(--dark-font); }
.gh-opening-sub { padding-top: 25px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.gh-opening-sub-item { display: flex; flex-direction: row; align-items: center; }
.gh-opening-sub-item-mid { padding: 0 20px; }
.gh-opening-sub-item i { padding-right: 5px; font-size: .82rem; color: var(--mid-dark-font); }
.gh-opening-sub-item p { font-size: .9rem; }

/*** Opening logos ***/

.gh-opening-grid { grid-gap: 30px 0; display: grid; justify-content: space-between; grid-template-columns: repeat(8,1fr); }
.gh-opening-grid-item { display: flex; justify-content: center; align-items: center; }
.gh-opening-grid-item img { border: 0; max-width: 112px; height: auto; }

/*** Opening responsive ***/

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

.gh-opening-wrapper { margin: 160px auto 70px; max-width: 750px; }
.gh-opening-center-inner h1 { max-width: 500px; }
.gh-opening-center-inner h2 { font-size: 4rem; } }

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

.gh-opening-grid { grid-gap: 50px 0; grid-template-columns: repeat(4,2fr); }
.gh-opening-grid-item img { max-width: 118px; } }

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

.gh-opening-wrapper { max-width: 610px; }
.gh-opening-center-inner h2 { font-size: 3.7rem; } }

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

.gh-opening-wrapper { max-width: 550px; }
.gh-opening-wrapper { margin: 140px auto 60px; }
.gh-opening-center-inner h2 { font-size: 3.5rem; } }

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

.gh-opening-graph { display: none; }
.gh-opening-center-inner h1 { font-size: 1.15rem; padding: 15px 0 25px; }
.gh-opening-center-inner h2 { font-size: 2.8rem; }
.gh-opening-grid { grid-gap: 30px 0; }
.gh-opening-grid-item img { max-width: 105px; } }

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

.gh-opening-grid { grid-template-columns: repeat(3,2fr); }
.gh-opening-grid-item-hide { display: none; } }

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

.gh-opening-btn-demo { display: none; }
.gh-opening-sub { display: none; }
.gh-opening-btn:first-child { margin-right: 0; } }

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

.gh-opening-wrapper { margin: 100px auto 70px; }
.gh-opening-grid { grid-template-columns: repeat(2,3fr); }
.gh-opening-grid { grid-gap: 40px 0; }
.gh-opening-grid-item img { max-width: 115px; } }

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

.gh-opening-grid { grid-template-columns: repeat(1,6fr); } }

/*****************************
	GH 5 Item Feature
*****************************/

.main-feature { display: flex; flex-direction: row; align-items: center; margin: 60px 0 0; }
.main-feature-title-sml { display: none; }
.main-feature-content-item-wrapper { width: 76%; margin-left: 40px; }
.main-feature-nav-item-wrapper { width: 24%; }
.main-feature-content-item img { display: block; height: auto; width: 100%; }
.main-feature-content-item-title { display: none; }
.main-feature-nav-item-title h2 { font-size: 1.5rem; padding-bottom: 35px; margin: 0 0 0 33px; }
.main-feature-nav-item { transition: 0.4s all; cursor: pointer; border-left: 6px solid transparent; height: 100px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; }
.main-feature-nav-item:last-child { margin-bottom: 0; }
.main-feature-nav-item-active { border-left: 6px solid var(--primary-01); box-shadow: 0 14px 24px 0 rgba(160,161,188,.4); background-color: var(--primary-03); border-radius: 4px; }
.main-feature-nav-item:hover { border-left: 6px solid var(--primary-01); box-shadow: 0 14px 24px 0 rgba(160,161,188,.4); background-color: var(--primary-03); border-radius: 4px; }
.main-feature-nav-item:hover h3 { color: var(--dark-font); }
.main-feature-nav-item-inner { padding: 0 20px 0 25px; display: flex; flex-direction: row; align-items: center; pointer-events: none !important; }
.main-feature-nav-item-inner-icon { padding-right: 20px; display: none; }
.main-feature-nav-item-inner-icon i { color: var(--mid-light-font); font-size: 1.5rem; }
.main-feature-nav-item h3 { font-size: 1.1rem; line-height: 1.6; color: var(--mid-light-font); font-family: 'Muli', sans-serif; font-weight: 700; pointer-events: none !important; }
.main-feature-nav-item-active h3 { color: var(--dark-font); }
.main-feature-nav-item-active i { color: var(--dark-font); }

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

.main-feature-content-item-wrapper { width: 70%; margin-left: 40px; }
.main-feature-nav-item-wrapper { width: 30%; }
.main-feature-nav-item-title h2 { padding-bottom: 20px; } }

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

.main-feature { flex-direction: column; }
.main-feature-nav-item-wrapper { display: none; }
.main-feature-title-sml { display: flex; justify-content: center; text-align: center; }
.main-feature-title-sml h2 { text-align: center; }
.main-feature-content-item-wrapper { width: 100%; margin-left: 0; }
.main-feature-content-item-wrapper img { max-width: 780px; margin: 0 auto; }
.main-feature-content-item-title { display: flex; justify-content: center; padding-top: 20px; }
.main-feature-content-item-title h3 { font-size: 1.2rem; font-weight: 400; text-align: center; color: var(--mid-dark-font); font-family: 'Muli', sans-serif !important;  } }

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

.main-feature { margin: 40px 0 0; } }

/************************************
	Old home sub
************************************/

.home-hero-sub { margin-top: 12px !important; font-size: .8rem !important; font-weight: 600; }
.home-hero-sub a { font-size: .85rem !important; text-decoration: underline; font-weight: 600; }

/************************************
	Homepage: USED ON ALTERNATIVE PAGES
************************************/

.home-hero { background-color: var(--primary-03); margin: 180px auto 50px; display: flex; flex-direction: row; align-items: center; }
.home-hero-wrapper { display: flex; flex-direction: row; align-items: center; }
.home-hero-content { width: calc(55% - 80px); margin-right: 80px; }
.home-hero-content h1 { font-size: 1.2rem; line-height: 1; }
.home-hero-content h2 { font-size: 3.3rem; line-height: 1.3; padding: 15px 0; }
.home-hero-content p { padding-bottom: 40px; line-height: 1.8; font-size: 1.2rem; }
.home-btn-ap { max-width: 220px; padding: 22px 0; }
.home-hero-btn { max-width: 135px; min-width: 135px; padding: 22px 30px !important; }
.home-hero-right { width: 45%; max-width: 540px; margin-left: auto; }
.home-hero-right img { box-shadow: 0 2px 40px 0 rgba(95, 116, 138, 0.12); width: 100%; height: auto; }
.gh-hero-btn-wrapper { display: flex; align-items: center; flex-direction: row; }
.home-hero-content .gh-hero-btn-wrapper { justify-content: flex-start !important; }

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

.home-hero-content h1 { font-size: 1.06rem; }
.home-hero-content h2 { font-size: 2.6rem; }
.home-hero-content p { font-size: 1.06rem; }
.home-hero-content { width: calc(65% - 30px); margin-right: 30px; }
.home-hero-right { width: 35%; }
.gh-hero-btn-wrapper { justify-content: center; } }

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

.home-hero { margin: 180px auto 50px; }
.home-hero-content { max-width: 550px; width: 100%; margin: 0 auto; text-align: center; }
.home-hero-content .gh-hero-btn-wrapper { justify-content: center !important; }
.home-hero-right { display: none; } }

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

.gh-btn-hero { width: 100%; } }

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

.home-hero { margin: 120px auto 50px; } }

/************************************
	Homepage: testimonials
************************************/

.home-testimonials { display: flex; flex-direction: column; }
.home-testimonials-sub { text-align: center; color: var(--mid-neutral-06); margin-bottom: 25px; }
.home-grid { grid-gap: 50px 0; display: grid; justify-content: space-between; grid-template-columns: repeat(5,2fr); }
.home-grid-item { display: flex; justify-content: center; align-items: center; }
.home-grid-item img { border: 0; max-width: 132px; height: auto; }

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

.home-grid { grid-gap: 40px; grid-template-columns: repeat(3,2fr); }
.home-grid-item-hide { display: none; } }

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

.home-grid { grid-template-columns: repeat(2,2fr); }
.home-grid-item img { max-width: 150px; } }

/************************************
	Homepage: Product highlights
************************************/

.product-highlights .tpl-page-title { margin: 50px auto 80px; }
.product-highlight { display: flex; align-items: center; flex-direction: row; margin-bottom: 125px; }
.product-highlight:last-child { margin-bottom: 0; }
.product-highlight-reverse { flex-direction: row-reverse; }
.product-highlight-reverse .product-hightlight-description { margin-right: 0; margin-left: 180px; }
.product-hightlight-description { width: calc(55% - 180px); margin-right: 180px; }
.product-hightlight-description h2 { font-family: 'Muli', sans-serif; font-size: 1.07rem; font-weight: 400; }
.product-hightlight-description h3 { font-size: 2rem; line-height: 1.3; padding: 18px 0; }
.product-highlight-cta { margin-top: 18px; display: flex; align-items: center; flex-direction: row; }
.product-highlight-cta p { color: var(--primary-01); font-weight: 700; font-size: 1.07rem; }
.product-highlight-cta i { padding: 4px 0 0 3px; color: var(--primary-01); font-size: .9rem; }
.product-highlight-image { width: 45%; }
.product-highlight-image img { width: 100%; height: auto; }
.product-highlight-cta-sml { display: none; }

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

.product-highlight-reverse .product-hightlight-description { margin-right: 0; margin-left: 80px; }
.product-hightlight-description { width: calc(55% - 80px); margin-right: 80px; } }

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

.product-hightlight-description h3 { font-size: 1.7rem; padding: 0 0 18px 0; } }

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

.product-highlight { flex-direction: column-reverse; margin-bottom: 60px; }
.product-hightlight-description { width: 100%; margin-right: 0; margin-top: 50px; }
.product-highlight-reverse .product-hightlight-description { margin-left: 0; }
.product-highlight-image { width: 100%; }
.product-highlight-image img { max-width: 450px; } }

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

.product-highlights .tpl-page-title { margin: 60px auto; } }

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

.product-hightlight-description { margin-top: 40px; }
.product-hightlight-description h2 { display: none; }
.product-highlight-cta-lg { display: none; }
.product-highlight-cta-sml { display: flex; }
.product-highlight-cta i { padding: 8px 0 0 7px; }
.tpl-page-title-cta span { display: none; }
.tpl-page-title-cta i { display: none; } }

/************************************
	Pricing
************************************/

.pricing-hero { padding: 70px 0 0; }
.pricing-hero-content { text-align: center; margin: 0 auto; padding: 0 0 10px; }
.pricing-hero-content h1 { font-size: 4rem; line-height: 1.2; }
.pricing-sub { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.pricing-sub-item { display: flex; flex-direction: row; align-items: center; }
.pricing-sub-item-mid { padding: 0 20px; }
.pricing-sub-item i { padding-right: 6px; font-size: 1.05rem; color: var(--icon-dark); }
.pricing-sub-item p { font-size: 1.05rem; }
.pricing-container { max-width: 1240px; width: 90%; margin: auto; padding: 0 20px 125px; }
.pricing-tabs { margin-top: 40px; }
.pricing-tabs-wrapper { margin-top: 40px; display: flex; flex-direction: row; align-items: flex-start; }
.pricing-tab { width: 33.333333%; display: flex; flex-direction: column; margin-right: 50px; width: 100%; }
.pricing-tab:last-child { margin-right: 0; }
.pricing-tab-inner { position: relative; display: flex; flex-direction: column; padding: 40px; }
.pricing-popular { right: 0; position: absolute; background-color: var(--red-03); display: flex; align-items: center; justify-content: center; text-transform: uppercase; border-radius: 0; width: 145px; }
.pricing-popular p { letter-spacing: 0.4px; padding: 10px 0; font-size: .78rem; font-weight: 800; line-height: 1.4; color: var(--primary-03); text-align: right; }
.pricing-tab-header { font-size: 2.2rem; letter-spacing: .5px; line-height: 1; }
.pricing-tab-info { font-size: 1rem; line-height: 1.5; max-width: 200px; padding: 25px 0; }
.value { display: flex; align-items: flex-start; }
.value-inner { width: 100%; display: flex; flex-direction: column; }
.annual { display: flex; flex-direction: column; }
.price { font-weight: 700; color: var(--dark-font); font-size: 2rem; line-height: 1; display: flex; flex-direction: row; align-items: center; }
.price span { padding-left: 6px; font-size: 1rem; font-weight: 500; color: var(--mid-light-font); }
.price-tab { margin-top: 5px; }
.price-tab p { font-size: .8rem; }
.price-tab span { font-weight: 700; }
.pricing-cta-btn { margin-top: 35px; border-radius: 4px !important; padding: 17px; }
.pricing-tab-bottom { border-top: solid 1px var(--border); margin-top: 35px; padding-top: 25px; }
.pricing-tab-detail { display: flex; flex-direction: row; align-items: center; padding-bottom: 15px; }
.pricing-tab-detail:last-child { padding-bottom: 0; }
.pricing-tab-detail span { color: var(--primary-01); cursor: pointer; text-decoration: underline; }
.pricing-tab-detail p { font-size: 1rem; }
.pricing-tab-detail a { font-size: 1rem; text-decoration: underline; }
.pricing-tab-detail i { color: var(--green-04); padding-right: 8px; }
.pricing-extra { text-align: center; margin-top: 80px; }
.pricing-more { margin-top: -205px; padding-bottom: 120px; display: flex; flex-direction: column; max-width: 380px; }
.pricing-more p { padding-top: 8px; }
.pricing-more a { text-decoration: underline; color: var(--primary-01) }
.pricing-tab-features-sml { display: none; }
.pricing-table { width: 100%; }
.pricing-table i { color: var(--green-04); }
.pricing-tabs-btn-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.cycle-btn-wrapper { border-radius: 100px; border: solid 1px var(--light-neutral-02); height: 50px; background-color: var(--primary-01); width: 270px; max-width: 270px; display: flex; flex-direction: row; align-items: center; transition: all 0.5s; margin-bottom: 25px; }
.cycle-btn { width: 50%; display: flex; justify-content: center; align-items: center; height: 50px; cursor: pointer; transition: all 0.5s; }
.cycle-btn p { color: var(--primary-03); font-size: 1rem; font-weight: 800; letter-spacing: .5px; transition: all 0.5s; }
.cycle-btn-1 { border-radius: 100px 0 0 100px; }
.cycle-btn-2 { border-radius: 0 100px 100px 0; }
.cycle-btn-inactive { background-color: var(--primary-03); }
.cycle-btn-inactive p { color: var(--light-font); }
.currency-btn-wrapper { display: flex; flex-direction: row; align-items: center; }
.currency-btn { cursor: pointer; margin: 0 6px; display: flex; flex-direction: row; align-items: center; }
.currency-btn p { color: var(--dark-font); }
.currency-btn-separator { color: var(--light-font); }
.currency-btn-inactive p { color: var(--light-font); }
.usd-price-starter-monthly { display: none; }
.usd-price-starter-annual { display: none; }
.usd-price-growth-monthly { display: none; }
.usd-price-growth-annual { display: none; }
.usd-price-pro-monthly { display: none; }
.usd-price-pro-annual { display: none; }
.starter-monthly { display: none; }
.growth-monthly { display: none; }
.pro-monthly { display: none; }

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

.pricing-container { width: calc(100% - 40px); } }

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

.pricing-hero-content h1 { font-size: 4rem; } }

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

.pricing-tab { margin-right: 20px; } }

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

.pricing-hero-content h1 { font-size: 3.7rem; }
.pricing-tab-inner { padding: 30px; } }

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

.pricing-container { padding: 0 20px 70px; }
.gh-hero-margin { margin: 150px auto 0; }
.pricing-hero-content { max-width: 600px; }
.pricing-hero-content h1 { font-size: 3.5rem; }
.pricing-sub-item i { padding-right: 6px; font-size: 1.1rem; }
.pricing-sub-item p { font-size: 1.1rem; }
.pricing-tabs-wrapper { flex-direction: column; padding: 0; max-width: 560px; margin: 40px auto 0; }
.pricing-tab { margin: 0 0 40px; }
.pricing-tab:last-child { margin: 0; }
.pricing-tab-inner { min-height: 0; text-align: left; }
.pricing-tab-header { text-align: left; }
.pricing-tab-info { max-width: 100%; }
.pricing-more { text-align: center; margin-top: 0; padding-bottom: 80px; margin: 0 auto; } }

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

.pricing-hero-content h1 { font-size: 2.8rem; } }

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

.pricing-tab-inner { padding: 35px 25px; }
.pricing-tab-header { font-size: 1.8rem; } }

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

.pricing-hero { padding: 50px 0 0; }
.pricing-sub { display: none; }
.pricing-hero-content { padding: 0; }
.pricing-container { padding: 0 20px 80px; }
.pricing-tabs { margin-top: 50px; } }

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

.pricing-popular { display: none; }

.cycle-btn-wrapper { width: 220px; max-width: 220px; height: 42px; margin-bottom: 15px; }
.cycle-btn { height: 42px; }
.currency-btn span { display: none; } }

/************************************
	NEW: Standard features modal
************************************/

.gh-standard-features { display: flex; flex-direction: row; justify-content: space-between; }
.gh-standard-features-col { width: 33.3333%; display: flex; flex-direction: column; }
.gh-standard-features-col:nth-child(2) { margin: 0 20px; }
.gh-standard-features-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 22px; }
.gh-standard-features-item:last-child { margin-bottom: 0; }
.gh-standard-features-item i { color: var(--green-04); padding-right: 8px; }

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

.gh-standard-features { flex-direction: column; max-width: 560px; margin: 0 auto; }
.gh-standard-features-col { width: 100%; margin-bottom: 22px; }
.gh-standard-features-col:nth-child(2) { margin: 0 0 22px; }
.gh-standard-features-col:last-child { margin-bottom: 0; } }

/************************************
	NEW: What is GoHire?
*************************************/

/*** Features hero ***/

.gh-features-hero-background { display: block; height: 940px; top: 0; margin-top: -200px; background-color: var(--light-background); left: 0; right: 0; transform: skewY(-8deg); position: absolute; }
.gh-features-hero-colour { width: 100%; background-color: var(--primary-03); }
.gh-features-hero { position: relative; display: flex; flex-direction: row; align-items: center; padding: 60px 0 190px; }
.gh-features-hero-wrapper { display: flex; flex-direction: row; align-items: center; }
.gh-features-hero-wrapper .gh-opening-btn-demo { background-color: var(--primary-03) !important; }
.gh-features-hero-copy { width: calc(55% - 80px); margin-right: 80px; }
.gh-features-hero-copy h1 { font-size: 1.2rem; line-height: 1; }
.gh-features-hero-copy h2 { font-size: 3.3rem; line-height: 1.3; padding: 25px 0 20px; }
.gh-features-hero-copy span { color: var(--red-03); }
.gh-features-hero-copy p { margin-bottom: 40px; }
.gh-video-btn-no-margin { margin: 0 0 0 10px !important; }
.gh-features-hero-media { width: 45%; max-width: 520px; margin-left: auto; }
.gh-features-hero-media img { transform: perspective(400px) rotateY(-6deg); box-shadow: -27.1px 62.5px 125px -25px rgba(50,50,93,.5), -16.2px 37.5px 75px -37.5px rgba(0,0,0,.6); width: 100%; height: auto; border-radius: 10px; }

/*** Features block section 1 ***/

.gh-feature-section-01-block { display: flex; flex-direction: row; align-items: center; margin-bottom: 220px; }
.gh-feature-section-01-block-top-margin { margin-top: 50px; }
.gh-feature-section-01-block-top-margin-02 { margin-top: 220px; }
.gh-feature-section-01 .gh-feature-section-01-block:nth-child(2) { flex-direction: row-reverse; }
.gh-feature-section-01 .gh-feature-section-01-block:nth-child(2) .gh-feature-section-right { margin-left: 0; margin-right: 80px;}
.gh-feature-section-left { width: 50%; }
.gh-feature-section-left img { display: block; width: 100%; }
.gh-feature-section-right { width: calc(50% - 80px); margin-left: 80px; }
.gh-feature-section-right h3 { color: var(--red-03); text-transform: uppercase; font-size: 1rem; font-weight: 800; }
.gh-feature-section-right h2 { padding: 20px 0 15px; }
.gh-feature-section-right a { color: var(--mid-dark-font); text-decoration: underline; }
.gh-feature-section-checklist { padding-top: 20px; }
.gh-feature-section-checklist-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 12px; }
.gh-feature-section-checklist-item:last-child { margin-bottom: 0; }
.gh-feature-section-checklist-item i { color: var(--green-04); margin-right: 8px; }
.gh-feature-section-btn { margin-top: 40px; font-size: .9rem; max-width: 125px; border-radius: 4px !important; color: var(--primary-03) !important; text-decoration: none !important; }

/*** Features block section large ***/

.gh-feature-section-lg { padding: 80px 0; }
.gh-feature-section-lg img { margin-top: 70px; display: block; width: 100%; }
.gh-feature-section-lg h3 { color: var(--red-03); text-align: center; text-transform: uppercase; font-size: 1rem; font-weight: 800; margin-bottom: 20px; }

/*** Features block section 2 ***/

.gh-feature-section-02-inner { display: flex; flex-direction: row; }
.gh-feature-section-02-col { display: flex; flex-direction: column; }
.gh-feature-section-02-inner .gh-feature-section-02-col:first-child { margin: 80px 50px 0 0; }
.gh-feature-section-02-inner .gh-feature-section-02-col:last-child { margin: 0 0 0 50px; }
.gh-feature-section-02-item { margin-bottom: 60px; }
.gh-feature-section-02-item i { color: var(--blue-05); font-size: 2.4rem; }
.gh-feature-section-02-item h3 { padding: 20px 0 10px; }

/*** Features block section 3 ***/

.gh-feature-section-03-block { padding: 50px 0 20px; border-bottom: solid 1px var(--border); }
.gh-feature-section-03-block:last-child { border-bottom: none; }
.gh-feature-section-03-block-header { padding-bottom: 30px; }
.gh-feature-section-03-row { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 30px; }
.gh-feature-section-03-item { width: calc(25% - 45px); padding: 0 30px; }
.gh-feature-section-03-item:first-child { padding: 0 30px 0 0; }
.gh-feature-section-03-item:last-child { padding: 0 0 0 30px; }

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

.gh-feature-section-01-block-top-margin { margin-top: 0; } }

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

.gh-features-hero-media { display: none; }
.gh-features-hero-background { height: 600px; margin-top: 0; transform: none; background-color: transparent; }
.gh-features-hero { padding: 60px 0 30px; }
.gh-features-hero-copy { margin: 0 auto; max-width: 750px; text-align: center; width: 100%; }
.gh-features-hero-copy h2 { font-size: 2.9rem; padding: 15px 0 10px; }
.gh-features-hero-wrapper .gh-hero-btn-wrapper { justify-content: center; } }

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

.gh-features-hero { padding: 60px 0 0; }
.gh-feature-section-01-block { flex-direction: column; max-width: 600px; margin: 60px auto 0 auto; }
.gh-feature-section-01 .gh-feature-section-01-block:nth-child(2) { flex-direction: column; }
.gh-feature-section-01 .gh-feature-section-01-block:nth-child(2) .gh-feature-section-right { margin-left: 0; margin-right: 0;}
.gh-feature-section-left { width: 100%; }
.gh-feature-section-left img { width: 100%; }
.gh-feature-section-right { width: 100%; margin-left: 0; }
.gh-feature-section-right { margin-top: 40px; }
.gh-feature-section-btn { font-size: .95rem; }
.gh-feature-section-01-block-bottom-margin-sml { margin-bottom: 80px; }

/*** Features block section 3 ***/

.gh-feature-section-03-block { padding: 50px 0 20px; border-bottom: solid 1px var(--border); }
.gh-feature-section-03-block:last-child { border-bottom: none; }
.gh-feature-section-03-block-header { padding-bottom: 30px; }
.gh-feature-section-03-row { flex-direction: column; margin-bottom: 0; }
.gh-feature-section-03-item { width: 100%; padding: 0 0 30px 0; }
.gh-feature-section-03-item:first-child { padding: 0 0 30px 0; }
.gh-feature-section-03-item:last-child { padding: 0 0 30px 0; }
.gh-feature-section-03-item-hide { display: none; } }

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

.gh-feature-section-02-inner { flex-direction: column; }
.gh-feature-section-02-col { max-width: 450px; }
.gh-feature-section-02-inner .gh-feature-section-02-col:first-child { margin: 0; }
.gh-feature-section-02-inner .gh-feature-section-02-col:last-child { margin: 0; }
.gh-feature-section-02-col:last-child .gh-feature-section-02-item:last-child { margin-bottom: 0; } }

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

.gh-features-hero { padding: 45px 0 0; }
.gh-features-hero-copy h1 { font-size: 1.1rem; }
.gh-features-hero-copy h2 { font-size: 2.6rem; } }

/************************************
	About
************************************/

.about-hero { padding: 50px 0 0; text-align: center; }
.about-hero h2 { color: var(--mid-dark-font); font-size: 1.15rem; line-height: 1.7; font-weight: 400; max-width: 850px; margin: 30px auto 0; font-family: 'Muli', sans-serif; }
.gh-opening-about-item-left { border-radius: 100% !important; }
.gh-opening-about-item-left-lg { height: 35px !important; width: 35px !important; }
.gh-opening-about-item-left-sml { height: 27px !important; width: 27px !important; }
.about-page-image img { width: 100%; height: auto; display: block; }
.about-content-wrapper h2 { margin-bottom: 20px; }
.about-content-wrapper p { margin-bottom: 20px; }
.about-content-wrapper p:last-child { margin-bottom: 0; }
.about-job-list-title { margin: 0 auto 80px; text-align: center; max-width: 600px; }
.about-job-list-title h2 { text-align: center; padding-bottom: 10px; }
.about-section-split { display: flex; flex-direction: row; align-items: center; }
.about-section-split-left { width: 45%; height: 100%; }
.about-section-split-left img { width: 100%; height: 100%; border-radius: 10px 0 0 10px; display: block; }
.about-section-split-right { margin-left: 80px; width: calc(55% - 80px); padding-right: 80px; }
.about-section-split-img-sml { display: none !important; }
.about-stats { display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 750px; margin: 0 auto; padding: 56px 0; }
.about-stat-title { font-family: 'Catamaran', sans-serif; font-weight: 700; font-size: 4rem; line-height: 1; text-align: center; color: var(--dark-font); }
.about-stat-subheading { text-align: center; font-size: .9rem; line-heisght: 1; padding-top: 5px; }
.about-team { background-color: var(--darkest-background); }
.about-team .about-content-wrapper h2 { color: var(--primary-03) !important; }
.about-team .about-content-wrapper p { color: var(--primary-03) !important; }
.about-team-row { display: flex; flex-direction: row; flex-wrap: wrap; }
.about-team-card { width: calc(33.333333% - 53.333333px); margin: 0 80px 80px 0; }
.about-team-card:nth-child(3n-6) { margin-right: 0; }
.about-team-card img { display: block; height: auto; width: 100%; }
.about-team-card-bio { display: flex; flex-direction: row; align-items: center; padding: 15px 0 0; }
.about-team-card-bio p { color: var(--primary-03); font-size: .95rem; }
.about-value { width: 100%; margin-bottom: 40px; }
.about-value:last-child { margin-bottom: 0; }
.about-value-header { display: flex; flex-direction: row; align-items: center; width: 100%; }
.about-value-header-left { display: flex; flex-direction: row; align-items: center; }
.about-value-header-left p { font-weight: 700; color: var(--dark-font); font-size: 1.125rem; }
.about-value-header-left-icon { background-color: var(--blue-07) !important; height: 45px; width: 45px; min-height: 45px; min-width: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 20px; }
.about-value-header-left-icon i { color: var(--blue-01) !important; font-size: 1.2rem; }
.about-value-header-right { margin-left: auto; }
.about-value-header-right-btn { cursor: pointer; transition: all 0.4s; box-shadow: inset 0 0 0 1px var(--border); border-radius: 50%; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; }
.about-value-header-right-btn i { color: var(--icon-light); }
.about-value-header-right-btn:hover { box-shadow: inset 0 0 0 1px var(--icon-dark); }
.about-value-header-right-btn:hover i { color: var(--icon-darkest); }
.about-value-copy-hide { display: none; }
.about-value-header-right-btn-01 .fa-minus { display: none; }
.about-value-header-right-btn-02 .fa-minus { display: none; }
.about-value-header-right-btn-03 .fa-minus { display: none; }
.about-value-header-right-btn-04 .fa-minus { display: none; }
.about-value-header-right-btn-05 .fa-minus { display: none; }
.about-value-header-right-btn-06 .fa-minus { display: none; }
.about-value-copy { margin-left: 65px; margin-top: 10px; max-width: 600px; }

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

.about-hero h2 { margin: 20px 0 0; }
.about-team-card { width: calc(33.333333% - 40px); margin: 0 60px 60px 0; } }

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

.about-section-split-right { margin-left: 50px; width: calc(55% - 50px); padding-right: 50px; } }

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

.about-section-split { flex-direction: column; }
.about-section-split-left { width: 100%; height: auto; }
.about-section-split-img-lg { display: none !important; }
.about-section-split-img-sml { width: 100%; height: 300px; border-radius: 10px 10px 0 0; display: block !important; background-image: url(https://gohire-website.s3.amazonaws.com/img/stock/team/gh-hq-img-02.jpg); background-position: 50% !important; background-size: cover !important; }
.about-section-split-right { margin-left: 0; width: calc(100% - 60px); padding: 40px 30px; } }

@media screen and (max-width: 740px) {
	
.about-stats { flex-direction: column; }
.about-stat { margin-bottom: 40px; }
.about-stat:last-child { margin-bottom: 0; }
.about-team-inner { padding-bottom: 30px; }
.about-team-card { width: calc(50% - 15px); margin: 0 30px 30px 0; }
.about-team-card:nth-child(2n-6) { margin-right: 0; }
.about-team-card:nth-child(3n-6) { margin-right: 30px; }
.about-team-card:last-child { margin-right: 0px !important; }
.about-value-list { margin: 50px auto 0; }
.about-value-header-left-icon { height: 38px; width: 38px; min-height: 38px; min-width: 38px; }
.about-value-header-left-icon i { font-size: 1rem; }
.about-value-copy { margin-left: 58px; } }
 
 @media screen and (max-width: 450px) {

.about-team-inner { padding-bottom: 0; }
.about-team-card { width: 100%; margin: 0 0 50px 0; }	 
.about-team-card:last-child { margin: 0 0 60px; }
.about-team-card:nth-child(3n-6) { margin-right: 0; } }

/************************************
	Template: Inner page title
************************************/

.tpl-page-title { text-align: center; margin: 0 auto; max-width: 800px; }
.tpl-page-title p { padding-top: 10px; max-width: 650px; margin: 0 auto; }
.tpl-page-title-cta { margin: 15px auto 0; display: flex; flex-direction: row; align-items: center; justify-content: center; max-width: 400px; }
.tpl-page-title-cta p { padding-top: 0 !important; color: var(--primary-01); font-weight: 600; font-size: 1.07rem; margin: 0 !important; }
.tpl-page-title-cta i { padding-left: 5px; color: var(--primary-01); padding-top: 2px; font-size: 1rem; }

/************************************
	Template: Feature large
************************************/

.tpl-large-feature-container { max-width: 1240px !important; margin: auto; padding: 0 20px; }
.tpl-large-feature { margin: 180px 0; }
.tpl-large-feature-inner { display: flex; align-items: center; flex-direction: row; }
.tpl-large-feature-inner-reverse { flex-direction: row-reverse; }
.tpl-large-feature-text { width: 40%; max-width: 580px; padding-right: 80px; }
.tpl-large-feature-text h2 { padding: 0 0 20px; }
.tpl-large-feature-link { margin-top: 20px; display: flex; flex-direction: row; align-items: center; max-width: 140px; }
.tpl-large-feature-link p { color: var(--primary-01); font-weight: 700; }
.tpl-large-feature-link a { color: var(--primary-01); font-weight: 700; }
.tpl-large-feature-link i { padding-left: 2px; padding-top: 3px; font-size: .8rem; }
.tpl-large-feature-inner-reverse .tpl-large-feature-text { padding-right: 0; padding-left: 80px; }
.tpl-large-feature-image { width: 60%; margin-left: auto; }
.tpl-large-feature-inner-reverse .tpl-large-feature-image { margin-left: 0 !important; margin-right: auto; }
.tpl-large-feature-image img { display: block; width: 100%; height: auto; }

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

.tpl-large-feature-container { max-width: 31.25rem !important; }
.tpl-large-feature { margin: 80px 0; }
.tpl-large-feature:last-child { margin: 80px 0 50px; }
.tpl-large-feature-inner { flex-direction: column-reverse; }
.tpl-large-feature-text { padding-top: 40px; width: 100%; padding-right: 0; }
.tpl-large-feature-inner-reverse .tpl-large-feature-text { padding-left: 0; }
.tpl-large-feature-image { width: 100%; } }

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

.tpl-large-feature { margin: 50px 0; }
.tpl-large-feature:last-child { margin: 50px 0; } }

/************************************
	Template: Horizontal feature
************************************/

.tpl-h-container-inner { display: flex; flex-direction: column; }
.tpl-h-wrapper { display: flex; align-items: center; flex-direction: row; }
.tpl-h-wrapper-reverse { flex-direction: row-reverse; }
.tpl-h-text { width: 47%; padding-right: 70px; }
.tpl-h-wrapper-reverse .tpl-h-text { padding-right: 0px; padding-left: 70px; }
.tpl-h-text-header { padding-bottom: 15px; }
.tpl-h-img { width: 53%; }
.tpl-h-img img { width: 100%; max-width: 800px; height: auto; display: block; }

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

.tpl-h-container-home { padding: 90px 0 30px !important; } }

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

.tpl-h-title h2 { padding-bottom: 30px; max-width: 31.25rem; margin: auto; }
.tpl-h-wrapper { flex-direction: column-reverse; }
.tpl-h-text { width: 100%; padding-right: 0px; padding-top: 40px; }
.tpl-h-text-header { padding-bottom: 20px; }
.tpl-h-img { width: 100%; }
.tpl-h-wrapper-reverse .tpl-h-text { padding-left: 0px; } }

/************************************
	Template: Flat features
************************************/

.tpl-flat-wrapper { display: flex; flex-direction: row; align-items: flex-start; }
.tpl-flat-item { width: 33.3333%; }
.tpl-flat-item:nth-child(2) { margin: 0 50px; }
.tpl-flat-item h3 { padding: 20px 0 10px; }
.tpl-flat-img { width: 94%; }
.tpl-flat-img img { width: 100%; max-width: 560px; height: auto; display: block; }

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

.tpl-flat-wrapper { flex-direction: column; }
.tpl-flat-item { width: 100%; }
.tpl-flat-item:nth-child(2) { margin: 50px 0; } }

/************************************
	Template: Single feature + icon
************************************/

.tpl-isingle { min-height: 550px; display: flex; align-items: center; justify-content: center; text-align: center; }
.tpl-isingle-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 600px; padding: 50px 20px; }
.tpl-isingle-inner h2 { padding-bottom: 20px; }
.tpl-isingle-inner i { margin-bottom: 30px; font-size: 5rem; color: var(--dark-font); }
.tpl-isingle-dark h2 { color: var(--dark-font); }
.tpl-isingle-dark p { color: var(--dark-font); }
.tpl-isingle-dark i { color: var(--dark-font); }
.tpl-isingle-05 { margin: 0 0 !important; }

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

.tpl-isingle-inner i { font-size: 4rem; } }

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

.tpl-isingle { min-height: 460px; } }

/************************************
	Template: Single feature + image
************************************/

.tpl-img-single { text-align: center; }
.tpl-img-single-text { max-width: 650px; margin: 0 auto 50px; }
.tpl-img-single-text h2 { padding-bottom: 15px; }

/************************************
	Template: Horizontal check feature
************************************/

.tpl-check-feature { display: flex; flex-direction: row; align-items: center; }
.tpl-check-feature-left { width: 48%; padding-right: 75px; }
.tpl-check-feature-left h2 { padding-bottom: 15px; }
.tpl-check-feature-left-checks { margin-top: 25px; padding-top: 25px; border-top: 1px solid var(--border); display: flex; flex-direction: row; }
.tpl-check-feature-left-checks-col:first-child { margin-right: 25px; }
.tpl-check-feature-left-check { display: flex; flex-direction: row; margin-bottom: 12px; }
.tpl-check-feature-left-check-icon { margin-right: 10px; width: 25px; height: 25px;  min-width: 25px; min-height: 25px; background-color: var(--green-07); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.tpl-check-feature-left-check-icon i { margin-bottom: -2px; color: var(--green-03); font-size: 0.75rem; }
.tpl-check-feature-right { width: 52%; }
.tpl-check-feature-right img { display: block; width: 100%; height: auto; }

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

.tpl-check-feature { max-width: 31.25rem !important; margin: auto; flex-direction: column-reverse; }
.tpl-check-feature-left { padding-top: 40px; width: 100%; padding-right: 0; }
.tpl-check-feature-left h2 { padding-bottom: 20px; }
.tpl-check-feature-right { width: 100%; } }

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

.tpl-alternatives-hero h2 { margin: 0; } }

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

.tpl-check-feature-left-checks { display: none; } }

/*****************************
	Call to action
*****************************/

.gh-single-quote-inner { display: flex; flex-direction: row; align-items: center; }
.gh-single-quote-inner-media { width: 55%; box-shadow: 0 40px 50px rgba(7,30,87,.2); }
.gh-single-quote-inner-media img { display: block; border-radius: 4px; width: 100%; height: auto; }
.gh-single-quote-inner-copy { margin-left: 90px; width: 45%; }
.gh-single-quote-inner-copy-quote { font-size: 1.9rem; line-height: 1.5; font-weight: 700; color: var(--dark-font); }
.gh-single-quote-inner-copy-btm { margin-top: 50px; display: flex; flex-direction: row; }
.gh-single-quote-inner-copy-btm-right { margin: 0 20px 0 auto; display: flex; justify-content: center; align-items: center; }
.gh-single-quote-square-logo img { display: block; max-width: 80px !important; }
.gh-single-quote-wide-logo img { display: block; max-width: 170px !important; }
.gh-simple-cta-inner { text-align: center; max-width: 550px; margin: 0 auto; }
.gh-simple-cta-btn-wrapper { margin-top: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.gh-simple-cta-btn { max-width: 170px !important; width: 50%; padding: 24px !important; }
.gh-simple-cta-btn:first-child { margin-right: 15px; }
.gh-simple-cta-btn:last-child { margin-left: 15px; }


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

.gh-single-quote-inner { flex-direction: column; max-width: 600px; margin: 0 auto; }
.gh-single-quote-inner-media { width: 100%; }
.gh-single-quote-inner-copy { width: 100%; margin: 50px 0 0 0; }
.gh-single-quote-inner-copy-btm img { max-width: 70px !important; }
.gh-single-quote-wide-logo img { max-width: 170px !important; }
.gh-single-quote-inner-copy-quote { font-size: 1.6rem;  } }

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

.gh-simple-cta-btn-wrapper { flex-direction: column-reverse; }
.gh-simple-cta-btn { max-width: 190px !important; width: 100%; }
.gh-simple-cta-btn:first-child { margin-right: 0; margin-top: 20px; }
.gh-simple-cta-btn:last-child { margin-left: 0; } }

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

.gh-single-quote-inner-copy-btm { margin-top: 30px; }
.gh-single-quote-inner-copy-btm img { display: none; } }

/************************************
	Feature pages
************************************/

.feature-hero { margin-top: 200px; }
.feature-hero-content { display: flex; flex-direction: column; text-align: center; }
.feature-hero-content-description { display: flex; justify-content: center; flex-direction: column; max-width: 850px; margin: 0 auto; }
.feature-hero-content h1 { font-family: 'Muli', sans-serif; color: var(--mid-dark-font); text-transform: uppercase; font-size: .85rem; font-weight: 900; letter-spacing: 0.5px; line-height: 1; }
.feature-hero-content h2 { font-size: 3.05rem; line-height: 1.3; padding: 15px 0; }
.feature-hero-content p  { line-height: 1.8; font-size: 1.2rem; max-width: 750px; margin: 0 auto; }
.feature-hero-btns { display: flex; flex-direction: column; align-items: center; margin: 30px auto 110px; }
.gh-btn-feature { width: 190px; padding: 22px 18px; }
.feature-hero-content-image { position: relative; }
.feature-product-image { display: block; height: auto; width: 100%; box-shadow: 0 14px 24px 0 rgba(160,161,188,.4); border-radius: 12px; }
.feature-product-circles { position: absolute; right: -15%; width: 130%; bottom: -12%; z-index: -1; }

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

.feature-hero { margin-top: 180px; } }

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

.feature-hero-content h2 { font-size: 2.6rem; }
.feature-hero-content p { font-size: 1.06rem; } }

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

.feature-hero-content h1 { line-height: 1.4; } }

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

.gh-btn-feature { width: 260px; padding: 22px 18px; } }

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

.feature-hero { margin-bottom: 30px; } }

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

.feature-hero { margin-top: 125px; }
.gh-btn-feature { width: 180px; } }

/************************************
	Request demo page
************************************/

.rd-page { padding: 0 0 60px; }
.rd-white-background { display: block; height: 650px; top: 0; margin-top: -200px; background-color: var(--primary-03); left: 0; right: 0; transform: skewY(-8deg); position: absolute; }
.rd-gradient { width: 100%; }
.rd-gradient-color { background-image: linear-gradient(var(--primary-03), var(--mid-background)); }
.rd-hero { position: relative; text-align: center; padding: 200px 20px 10px; max-width: 800px; margin: 0 auto; }
.rd-col-wrapper-outer { position: relative; margin-top: 65px; padding: 0 20px 125px; }
.rd-col-wrapper { display: flex; flex-direction: row; align-items: center; max-width: 1040px; margin: 90px auto 0; }
.rd-col-01 { width: 55%; }
.rd-col-02 { margin-left: 80px; width: calc(45% - 80px); }
.rd-col-form { background-color: var(--primary-03); box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); border-radius: 10px; }
.rd-col-form-inner { padding: 70px 50px; }
.rd-col-form-inner input { height: 64px; margin-bottom: 32px; border-radius: 8px; padding: 8px 32px; }
.rd-btn { max-width: 150px; margin: 60px 0 0 0; padding: 23px 25px; border-radius: 5px; font-size: .96rem; }
.rd-testimonial-item { margin-bottom: 35px; max-width: 350px; }
.rd-testimonial-quote { line-height: 1.7; color: var(--mid-dark-font); opacity: .7; text-indent: -5px; font-style: italic; margin-bottom: 20px; }
.rd-testimonial-name-outer { display: flex; flex-direction: row; align-items: center; }
.rd-testimonial-item img { max-width: 40px; border-radius: 50%; display: block; }
.rd-testimonial-name-wrapper { padding-left: 12px; }
.rd-testimonial-name { font-size: .9rem; padding-bottom: 5px; line-height: 1; }
.rd-testimonial-company { font-size: .8rem; line-height: 1; }
.rd-features { border-top: 1px solid var(--border); }
.rd-features h2 { color: var(--mid-dark-font); font-size: 1.1rem; font-weight: 400; padding: 35px 0 15px; }
.rd-feature { display: flex; flex-direction: row; align-items: center; padding: 10px 0; }
.rd-feature i { color: var(--green-04); }
.rd-feature p { padding-left: 12px; color: var(--mid-dark-font); }

/************** Contact page css **************/

.contact-page-user:not(.contact-public) .contact-public { display:none; }
.contact-page-public:not(.contact-user) .contact-user { display:none; }
.rd-page-header-inner h2 { font-family: 'Muli', sans-serif; color: var(--mid-dark-font); font-size: 1.3rem; line-height: 1.7; font-weight: 400; max-width: 650px; margin: 0 auto; padding-top: 8px; }
.rd-col-form-inner textarea { margin-bottom: 32px; border-radius: 8px; padding: 25px 32px; }
.contact-page { padding: 0 !important; }
.contact-user .rd-col-wrapper { max-width: 640px; }
.contact-user .rd-col-01 { width: 100%; }
.contact-user .rd-col-form-inner textarea { min-height: 300px; max-height: 300px; }

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

.rd-col-02 { margin-left: 40px; width: calc(45% - 40px); } }

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

.rd-hero { padding-top: 170px; max-width: 650px; }
.rd-page-header-inner h2 { font-size: 1.15rem; max-width: 500px; } }

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

.rd-col-wrapper-outer { padding: 0 20px 80px; }
.rd-col-wrapper { flex-direction: column; max-width: 600px; }
.rd-col-01 { width: 100%; margin-bottom: 80px; }
.rd-col-02 { margin-left: 0; width: 100%; }
.rd-testimonials { max-width: 450px; margin: 0 auto; }
.rd-testimonial-item { max-width: 100%; } }

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

.rd-page { padding: 0 0 100px; }
.rd-col-wrapper-outer { margin-top: 40px; }
.rd-col-wrapper { margin: 0 auto; }
.rd-col-form-inner input { padding: 8px 15px; }
.rd-col-form-inner textarea { padding: 25px 15px; } }

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

.rd-col-form-inner { padding: 40px 30px; }
.rd-btn { margin: 30px 0 0 0; } }

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

.rd-hero { padding-top: 125px; } }

/************************************
	Affiliate program page
************************************/

.ap-hero { margin: 200px auto 0; display: flex; flex-direction: row; align-items: center; }
.ap-hero-content { width: calc(50% - 50px); margin-right: 50px; }
.ap-hero-content h1 { font-family: 'Muli', sans-serif; font-size: 1.2rem; line-height: 1; }
.ap-hero-content h2 { font-size: 3.05rem; line-height: 1.3; padding: 20px 0; }
.ap-hero-content p { padding-bottom: 30px; line-height: 1.7; font-size: 1.2rem; }
.gh-btn-ap { max-width: 250px; padding: 22px 0; }
.ap-hero-right { width: 45%; max-width: 540px; margin-left: auto; }
.ap-hero-right img { width: 100%; height: auto; }
.ap-details-wrapper { display: flex; flex-direction: row; margin-bottom: 50px; }
.ap-details h2 { margin-bottom: 45px; }
.ap-details-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 25px; }
.ap-details-item-icon { margin-right: 15px; }
.ap-details-item-icon i { color: var(--green-04); font-size: 1rem; }
.ap-details-item p { line-height: 1.3; }
.ap-details-left { width: calc(60% - 30px); margin-right: 30px; }
.ap-details-right { width: 40%; }
.ap-details-item-right { margin-bottom: 10px; }
.ap-works h2 { margin-bottom: 45px; }
.ap-works-wrapper { display: flex; flex-direction: row; align-items: center; }
.ap-work-item { display: flex; flex-direction: column; margin-right: 30px; }
.ap-work-item:last-child { margin-right: 0; }
.ap-work-item-icon i { color: var(--blue-05); font-size: 2.3rem; }
.ap-work-item h3 { padding: 12px 0 5px; }
.ap-cta { display: flex; flex-direction: column; }
.ap-cta-inner-wrapper { display: flex; flex-direction: row; padding: 70px 40px; }
.ap-cta-inner { width: calc(60% - 60px); padding-right: 60px; }
.demo-page-box-inner-header { font-size: 1.5rem; padding-bottom: 35px; }
.ap-cta-bio { width: 40%; display: flex; flex-direction: column; justify-content: center; text-align: center; border-left: solid 1px var(--border); padding-left: 60px; }
.ap-cta-bio-avatar { margin-bottom: 20px; }
.ap-cta-bio-avatar img { border-radius: 50%; width: 100px; height: 100px; }
.ap-cta-bio-top p { padding: 2px 0; }
.ap-cta-bio-top p:last-child { padding: 0; }
.ap-cta-bio-bottom { padding: 20px 0 0; }
.ap-cta-bio-bottom p:last-child { padding-top: 15px; }
.demo-page-box-inner { padding: 80px 0; }
.demo-btn-wrapper { padding: 20px 0 0; }
.demo-btn { padding: 22px 20px; max-width: 200px; }

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

.ap-details-item p { line-height: 1.5; }
.ap-works { text-align: left; }
.ap-works-wrapper { flex-direction: column; }
.ap-work-item { margin-right: 0; margin-bottom: 50px; align-items: flex-start; text-align: left; }
.ap-work-item:last-child { margin-bottom: 0; }
.ap-hero-content { text-align: left; width: 100%; margin-right: 0; max-width: 650px; }
.ap-hero-content h1 { font-size: 1.06rem; }
.ap-hero-content h2 { font-size: 2.6rem; }
.ap-hero-content p { font-size: 1.06rem; }
.ap-hero-right { display: none; }
.gh-btn-ap { width: 300px; padding: 25px 0; margin: 0 !important; }
.ap-cta-inner-wrapper { flex-direction: column; }
.demo-page-box-inner { padding: 0; }
.ap-cta-inner { width: 100%; padding-right: 0; }
.ap-cta-bio { width: 100%; padding-left: 0; justify-content: flex-start; text-align: left; border-left: none; border-top: solid 1px var(--border); padding-top: 50px; margin-top: 50px; }
.ap-cta-bio-avatar img { width: 80px; height: 80px; } }

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

.ap-hero { margin: 160px auto 0; } }

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

.ap-details-wrapper { flex-direction: column; }
.ap-details-left { width: 100%; margin-right: 0; }
.ap-details-right { width: 100%; margin-top: 40px; } }

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

.ap-hero-content .gh-btn-ap { width: 250px; } }

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

.ap-hero { margin: 180px auto 0; }
.ap-details-wrapper { padding: 50px 0; } }

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

.ap-details-right { margin-top: 20px; } }

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

.ap-hero { margin: 130px auto 0; } }

/************************************
	Partnerships and Integrations
************************************/

.partner-main-btn { justify-content: flex-start !important; align-items: flex-start; }
.partner-section .tpl-page-title { margin: 0; text-align: left; max-width: 600px; }
.partner-tab-wrapper { display: flex; flex-direction: row; }
.partner-tab { width: 50%; margin-right: 20px; margin-bottom: 50px; display: flex; flex-direction: row; align-items: center; min-height: 100px; padding: 20px; }
.partner-tab:last-child { margin-right: 0px; }
.partner-tab-single { width: calc(50% - 50px) !important; }
.partner-icon { margin-right: 20px; }
.partner-icon img { height: 60px; width: 60px; display: block; border-radius: 50%; background-position: center;  }
.partner-details h2 { font-size: 1.3rem; padding-bottom: 3px; }

/*** Integrations page ***/

.integrations-hero-logo { margin: 0 auto 30px; display: flex; justify-content: center; flex-direction: row; align-items: center; width: 100px; height: 100px; background-color: var(--primary-03); border-radius: 50%; box-shadow: 0 2px 40px 0 rgba(95, 116, 138, 0.12); }
.integrations-hero-logo-inner img { width: 57px; height: 57px; }
.integrations-hero-btn { padding: 22px 35px; }
.integration-content h2 { padding-bottom: 10px; }
.integration-instructions { display: flex; flex-direction: column; }
.integration-instructions ol { list-style-type: decimal; padding-left: 32px; }
.integration-instructions ol li { margin-bottom: 12px; position: relative; font-size: 1.06rem; line-height: 1.7;}
.integration-instructions ol li:last-child { margin-bottom: 0; }
.integration-cta .cta-btn-main { margin-right: 0; }

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

.partner-tab-wrapper { flex-direction: column; }
.partner-tab { width: calc(100% - 40px); flex-direction: column; align-items: flex-start; margin-right: 0px !important; }
.partner-tab-single { width: calc(100% - 40px) !important; }
.partner-icon { margin-right: 0; margin-bottom: 10px; } }

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

.integrations-hero-logo { margin: 0 auto 30px; width: 80px; height: 80px; }
.integrations-hero-logo-inner img { width: 48px; height: 48px; } }

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

.integrations-hero-btn { padding: 22px 20px; } }

/************************************
	Terms & privacy
************************************/

#terms { padding-top: 170px; padding-bottom: 60px; }
#terms-header { border-bottom: solid 1px var(--border); margin-bottom: 30px; }
#terms-header p { padding: 8px 0 20px; margin: 0 !important; }
#terms h1 { text-align: left; font-size: 2.5rem; line-height: 1.4; }
#terms p { margin: 10px 0; }
#terms h2 { padding: 20px 0 10px; }
#terms strong { font-weight: bold; }
#terms li { font-size: 1.06rem; line-height: 1.7; color: var(--mid-dark-font); padding: 0 0 12px; }
#terms ul { list-style: disc; margin: 6px 0px 12px 30px; }
.terms-sub-header { font-weight: 700; margin: 35px 0 -15px !important; color: var(--dark-font); }

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

#terms { padding-top: 90px; } }

/************************************
	Automatic job posting
************************************/

.ajp { margin-top: 200px; }
.ajp-header { text-align: center; }
.ajp-tab-wrapper { padding: 80px 0 120px; }
.ajp-tab { margin-bottom: 50px; }
.ajp-tab-inner { display: flex; flex-direction: row; align-items: center; min-height: 100px; padding: 20px; }
.ajp-tab-left { display: flex; align-items: center; flex-direction: row; padding-right: 50px; max-width: 650px; }
.ajp-icon { margin-right: 20px; }
.ajp-icon img { height: 50px; width: 50px; display: block; border-radius: 50%; background-position: center;  }
.ajp-tab-inner h2 { font-size: 1.2rem; padding-bottom: 4px; }
.ajp-tab-inner p { line-height: 1.5; }
.ajp-tab-right { margin-left: auto; }
.ajp-tab-right a { padding: 15px 20px; }

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

.ajp-tab-inner { flex-direction: column; align-items: flex-start; }
.ajp-tab-left { flex-direction: column; align-items: flex-start; }
.ajp-icon { margin-right: 0; margin-bottom: 15px; }
.ajp-tab-right { margin-left: 0; }
.ajp-tab-right a { margin-top: 15px; }
.ajp-tab-wrapper { padding: 50px 0 70px; } }

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

.ajp { margin-top: 160px; } }

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

.ajp { margin-top: 125px; } }

/*****************************
	Customers
*****************************/

.customers-header { margin: 120px auto 0; padding: 100px 30px; background-color: var(--light-background); }
.customers-header-wrapper { display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; }
.customers-header-wrapper h1 { text-align: center; }
.customers-tabs { display: flex; flex-wrap: wrap; flex-direction: row; margin: 80px 0 0; }
.customer-tab-wrapper { width: calc(33.33% - 46.6666px); margin-right: 70px; margin-bottom: 70px; }
.customer-tab-wrapper:nth-child(3n-6) { margin-right: 0; }
.customers-tab { min-height: 450px; display: flex; flex-direction: column; padding: 30px 30px 40px; }
.customers-tab-avatar img { display: block; width: 100%; max-width: 100%; }
.customers-tab-logo img { height: 40px; margin: 22px 0; max-width: 100%; }
.customers-tab-logo-rec img { height: 30px !important; }
.customers-tab-bio { padding-bottom: 20px; }
.customers-tab-bio p { text-indent: -4px; }
.customers-tab-link { margin: auto 0 0; }
.customers-tab-link-btn { font-weight: 700; color: var(--primary-01); font-size: .98rem; }
.customers-tab-link-btn i { padding-left: 2px; padding-top: 3px; font-size: .8rem; }
.customer-tab-hide { display: none; }

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

.customer-tab-wrapper { width: calc(50% - 35px); }
.customer-tab-wrapper:nth-child(3n-6) { margin-right: 70px; }
.customer-tab-wrapper:nth-child(2n-4) { width: calc(50% - 35px); margin-right: 0; }
.customer-tab-hide { display: flex; } }

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

.customers-header { margin: 109px auto 0; } }

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

.customer-tab-wrapper { width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px; }
.customer-tab-wrapper:nth-child(3n-6) { margin-right: 40px; }
.customer-tab-wrapper:nth-child(2n-4) { width: calc(50% - 20px); margin-right: 0; } }

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

.customers-header { margin: 120px auto 0; padding: 35px 30px 0; background-color: var(--primary-03); }
.customers-tabs { margin: 50px 0 0; }
.customer-tab-wrapper { width: 100%; margin-right: 0; margin-bottom: 40px; }
.customer-tab-wrapper:nth-child(3n-6) { margin-right: 0; }
.customer-tab-wrapper:nth-child(2n-4) { width: 100%; }
.customer-tab-wrapper:last-child { margin-bottom: 0; }
.customers-tab { min-height: 0; padding: 30px; }
.customers-tab-bio { padding-bottom: 15px; } }

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

.customers-tab-logo img { height: 36px; margin: 25px 0 15px; } }

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

.customers-header { margin: 80px auto 0; } }

/*****************************
	Customer
*****************************/

.customer-header { margin: 120px auto 80px; padding: 130px 0; background-image: linear-gradient(170deg, var(--primary-02), var(--darkest-background)); }
.customer-header-inner { max-width: 860px; margin: 0 auto; text-align: center; }
.customer-header p { color: var(--primary-03); opacity: .7; text-transform: uppercase; font-size: .85rem; font-weight: 900; letter-spacing: .5px; }
.customer-header h1 { color: var(--primary-03); padding: 15px 0 0; max-width: 750px; margin: 0 auto; }
.customer-section { margin: 35px 0; }
.customer-section h2 { padding-bottom: 20px; }
.customer-section p { padding-bottom: 15px; }
.customer-section p:last-child { padding-bottom: 0; }
.customer-introduction { display: flex; flex-direction: row; align-items: center; }
.customer-introduction .customer-section { margin: 0; }
.company-bio { min-width: 310px; margin-left: 50px; }
.company-bio-wrapper { padding: 40px; }
.company-bio-logo { margin-bottom: 15px; }
.company-bio-logo img { max-width: 160px; }
.company-bio-logo-bliss img { max-width: 100px !important; }
.company-bio-section { padding-bottom: 15px; }
.company-bio-section:last-child { padding-bottom: 0; }
.company-bio-section h6 { color: var(--mid-light-font) !important; font-size: .92rem; padding-bottom: 2px; }
.company-bio-section p { color: var(--dark-font) !important; font-size: .92rem; font-weight: 600; }
.company-bio-section a { color: var(--dark-font) !important; font-size: .92rem; text-decoration: underline; }
.cp-quote { padding: 100px 30px; background-color: var(--light-background); }
.cp-quote-wrapper { display: flex; flex-direction: row; max-width: 860px; margin: auto; }
.cp-quote-img { margin: 5px 50px 0 0; }
.cp-quote-img img { display: block; width: 150px; border-radius: 50%; }
.cp-quote-content { text-indent: -8px; font-size: 1.4rem; font-weight: 700; color: var(--dark-font); line-height: 1.7; }
.cp-quote-bottom { margin-top: 20px; display: flex; flex-direction: row; align-items: center; }
.cp-quote-text { display: flex; flex-direction: row; align-items: center; }
.cp-quote-text p { font-size: 1rem !important; color: var(--mid-light-font); font-weight: 600; }
.cp-quote-text p:first-child { padding: 0 0 8px; }
.customer-video-wrapper { margin: -160px auto 100px; padding: 20px; }
.customer-has-video .customer-header { margin: 80px auto 0 !important; padding: 130px 0 240px; }
.customer-tab-lg { margin-top: 80px; display: flex; flex-direction: row; align-items: center; padding: 50px 30px; }
.customer-tab-lg-avatar img { height: 185px; width: auto; display: block; border-radius: 50%; }
.customer-tab-lg-02 { padding: 0 60px 0 35px; }
.customer-tab-lg-02-main { text-indent: -8px; font-size: 1.4rem; font-weight: 700; color: var(--dark-font); line-height: 1.7; }
.customer-tab-lg-02-sub { font-size: 1rem !important; color: var(--dark-font); font-weight: 600; margin: 15px 0 0; }
.customer-tab-lg-02-logo img { display: block; max-width: 100px; height: auto; }
.customer-tab-lg-03 { margin-left: auto; }
.customer-tab-lg-03-btn { text-transform: none; padding: 18px 35px; }
.customer-tab-lg-03-btn i { font-size: .7rem; padding: 1px 0 0 8px; }
.customer-section-lg-img { max-width: 100%; height: auto; }
.customer-section-lg-img img { display: block; width: 100%; height: auto; }

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

.customer-header h1 { padding: 15px 0 15px; }
.customer-header h2 { font-size: 1.1rem; }
.customer-tab-lg { flex-direction: column; align-items: flex-start; }
.customer-tab-lg-avatar img { height: 145px; }
.customer-tab-lg-02 { padding: 20px 0 30px; }
.customer-tab-lg-03 { margin-left: 0; } }

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

.customer-header { margin: 109px auto; } }

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

.customer-introduction  { flex-direction: column; }
.company-bio { margin-top: 40px; min-width: 100%; margin-left: 0; }
.company-bio-wrapper { padding: 25px; }
.customer-video-wrapper { margin: -160px auto 60px; padding: 10px; }
.customer-has-video .customer-header { padding: 130px 0 220px; } }

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

.cp-quote { padding: 30px; }
.cp-quote-wrapper { flex-direction: column; }
.cp-quote-img { margin: 0 0 20px 0; }
.cp-quote-img img { width: 100px; }
.cp-quote-content { font-size: 1.4rem; }
.cp-quote-text p { font-size: 0.94rem !important; line-height: 1.6 !important; }
.cp-quote-text p:first-child { padding: 0; }
.customer-header { margin: 124px auto 40px; padding: 80px 0; }
.customer-has-video .customer-header { margin: 70px auto 0 !important; padding: 60px 0 100px; }
.customer-video-wrapper { margin: -60px auto 40px; }
.customer-tab-lg-03 { width: 100%; }
.customer-tab-lg-03-btn { width: 100%; padding: 18px 0; } }

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

.customer-header-inner { text-align: left; }
.customer-header h1 { font-size: 2.4rem; } }

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

.customer-header { margin: 69px auto 40px; } }

/*****************************
	Library
*****************************/

.lib-hero { margin: 120px auto 0; padding: 80px 0; background-color: var(--primary-03); }
.lib-hero-inner { display: flex; flex-direction: column; max-width: 500px; margin: 0 auto; text-align: center; }
.lib-hero-inner h1 { text-align: center; }
.lib-hero-inner h2 { font-family: 'Muli', sans-serif; font-size: 1.3rem; line-height: 1.7; font-weight: 400 !important; max-width: 700px; margin: 0 auto; padding-top: 10px; text-align: center; }
.lib-section-title { padding-bottom: 15px; }
.lib-section-title h2 { font-size: 3rem; font-weight: 400 !important; }
.lib-section-tabs { display: flex; flex-direction: row; flex-wrap: wrap; }
.lib-section-tab { width: calc(50% - 32px); margin: 0 40px 40px 0; }
.lib-section-tab:nth-child(2n-4) { margin: 0 0 40px 0; }
.lib-section-tab-inner { padding: 30px 30px 35px; width: calc(100% - 60px); }
.lib-section-tab-inner h2 { font-family: 'Muli', sans-serif; padding-bottom: 15px; font-size: 1.4rem; line-height: 1.4; font-weight: 700 !important; }
.lib-section-tab-inner p { padding-bottom: 15px; }

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

.lib-hero { padding: 60px 0; }
.lib-section-title h2 { font-size: 2.8rem; }
.lib-section-tabs { flex-direction: column; }
.lib-section-tab { width: 100%; margin: 0 0 40px 0; } }

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

.lib-hero { margin: 80px auto 0; } }

/*****************************
	Post page
*****************************/

.post-hero { padding: 200px 0 40px; text-align: center; }
.post-hero h1 { padding-bottom: 10px; }
.post-tab-link { border: solid 1px var(--border); border-radius: 3px; font-size: .65rem; font-weight: 800; text-transform: uppercase; line-height: 1; padding: 5px 7px; transition: all 0.5s; }
.post-tab-link:hover { border: solid 1px var(--primary-01); }
.post-section h2 { padding-bottom: 25px; }
.post-section h3 { padding-bottom: 15px; }
.post-section p { padding-bottom: 25px; }
.post-banner { margin: 35px 0 60px; height: 112px; }
.post-banner-inner { display: flex; flex-direction: row; align-items: center; height: 100%; padding: 0 30px; }
.post-banner-left { display: flex; flex-direction: row; align-items: center; }
.post-banner-left h3 { font-size: 1.3rem; }
.post-banner-left p { font-size: .98rem; line-height: 1.6; }
.post-banner-icon { background-color: var(--border); height: 48px; min-height: 48px; width: 48px; min-width: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; margin-right: 18px; }
.post-banner-icon i { color: var(--light-icon); font-size: 1.2rem; }
.post-banner-right { margin-left: auto; padding-left: 15px; }
.post-banner-btn { font-size: .98rem; padding: 14px 20px; }
.post-more-title { text-align: center; }
.post-more-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.post-more-item { width: calc(50% - 32px); margin: 0 40px 40px 0; }
.post-more-item:nth-child(2n-4) { margin: 0 0 40px 0; }
.post-more-item-inner { padding: 30px 30px 35px; width: calc(100% - 60px); }
.post-more-item-inner h3 { font-family: 'Muli', sans-serif; padding-bottom: 12px; font-size: 1.3rem; line-height: 1.4; font-weight: 700 !important; }
.post-more-item-inner p { padding-bottom: 15px; }

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

.post-hero { padding: 160px 0 40px; }
.post-more-items { flex-direction: column; }
.post-more-item { width: 100%; margin: 0 0 40px 0; } }

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

.post-banner { height: inherit; margin: 15px 0 50px; }
.post-banner-inner { flex-direction: column; align-items: flex-start; padding: 30px; }
.post-banner-icon { display: none; }
.post-banner-right { margin-left: 0; padding-left: 0; padding-top: 20px; }
.post-banner-btn { padding: 14px 25px; } }

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

.post-banner-inner { padding: 15px; } }

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

.post-hero { padding: 125px 0 40px; } }

/*****************************
	Welcome back page
*****************************/

.wb-page { padding: 0 !important; }
.wb-page .rd-white-background { height: 700px; }
.wb-page .rd-col-wrapper-outer { margin-top: 100px; }
.wb-hero { text-align: center; max-width: 750px; }
.wb-hero h2 { color: var(--mid-dark-font); font-size: 1.3rem; line-height: 1.7; font-weight: 600; padding: 20px 0 30px; font-family: 'Muli', sans-serif; margin: 0 auto; }
.wb-hero-btn { max-width: 200px !important; margin: 0 auto; padding: 20px 25px !important; }
.wb-hero-btn i { font-size: .9rem; padding: 2px 0 0 5px; }
.wb-items { display: flex; flex-direction: row; align-items: center; margin-bottom: 125px; }
.wb-item { width: 33.33%; }
.wb-item-middle { margin: 0 50px; }
.wb-item-inner { text-align: center; padding: 40px; }
.wb-item-inner i { font-size: 2.2rem; color: var(--blue-05); }
.wb-item-inner h3 { padding: 15px 0 10px; font-size: 1.4rem; }
.wb-item-inner-btn { max-width: 175px !important; margin: 25px auto 0; padding: 15px !important; }

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

.wb-items { flex-direction: column; }
.wb-item { width: 100%; max-width: 650px; }
.wb-item-middle { margin: 50px 0; }	}

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

.wb-page .rd-col-wrapper-outer { padding: 0; } }

/*****************************
	Resources
*****************************/

.gh-resources-header { padding: 70px 0 50px; }
.gh-resources-header p { padding-top: 10px; font-size: 1.6rem; max-width: 500px; line-height: 1.6; }
.gh-resources-container { display: flex; flex-wrap: wrap; margin: 0 0 0 -40px; padding: 0 0 80px; }
.gh-resources-card { width: calc(33.3333% - 42px); max-width: calc(33.3333% - 42px); border-radius: 10px; margin: 40px 0 0 40px; display: flex; flex-grow: 1; }
.gh-resources-card-inner { display: flex; flex-direction: column; }
.gh-resources-card-left img { width: 100%; height: 215px; display: block; border-radius: 10px 10px 0 0; object-fit: cover; }
.gh-resources-card-right { padding: 30px; }
.gh-resources-card:nth-child(4n+1) { width: 100%; max-width: 100%; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-inner { flex-direction: row; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-left { width: 66.66%; height: 450px; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-left img { width: 100%; height: 450px; border-radius: 7px 0 0 7px; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-right { width: 33.33%; }
.gh-resources-item-tag { font-size: .85rem; color: var(--mid-light-font); line-height: 1; }
.gh-resources-card-right h2 { padding: 15px 0 10px; font-size: 1.9rem; line-height: 1.3; }
.gh-resources-page-btn { max-width: 300px; padding: 20px 30px; min-width: 0; font-size: 1.1rem; }
.gh-resources-stack-number { margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: #75a7ff; border-radius: 50%; height: 50px; width: 50px; }
.gh-resources-stack-number p { color: var(--primary-03); font-weight: 700; }
.gh-resources-asset-01 img { transform: perspective(400px) rotateY(6deg); box-shadow: -27.1px 62.5px 125px -25px rgba(50,50,93,.5), -16.2px 37.5px 75px -37.5px rgba(0,0,0,.6); }
.gh-resources-asset-02 img { transform: perspective(400px) rotateY(-6deg); box-shadow: -27.1px 62.5px 125px -25px rgba(50,50,93,.5), -16.2px 37.5px 75px -37.5px rgba(0,0,0,.6); }
.gh-resources-page .gh-feature-section-right h2 { color: var(--red-03); text-transform: uppercase; font-size: 1rem; font-weight: 800; }
.gh-resources-page .gh-feature-section-right h3 { padding: 5px 0 15px; font-weight: 700; font-size: 2.2rem; line-height: 1.3; color: var(--dark-font); font-family: 'Catamaran', sans-serif !important; text-transform: none;  }
.gh-resources-cta-btn { margin: 30px auto 0; padding: 25px 30px; max-width: 225px; }
.gh-resources-faqs-inner { max-width: 750px; margin: 0 auto; }
.gh-resources-faqs-item { margin-bottom: 40px; }
.gh-resources-faqs-item h3 { padding-bottom: 10px; }
.gh-resources-stack p { max-width: 280px; margin: 0 auto; }
.gh-resources-sub { padding-top: 20px; display: flex; flex-direction: row; align-items: center; }
.gh-resources-sub-item { display: flex; flex-direction: row; align-items: center; }
.gh-resources-sub-item:nth-child(2) { padding: 0 20px; }
.gh-resources-sub-item i { padding-right: 5px; font-size: .82rem; color: var(--mid-dark-font); }
.gh-resources-sub-item p { font-size: .9rem; margin: 0; }

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

.gh-resources-header { max-width: 650px; margin: 0 auto; padding: 70px 0; }
.gh-resources-container { max-width: 650px; margin: 0 auto; padding: 0; }
.gh-resources-card { width: 100%; max-width: 100%; margin: 0 0 40px; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-inner { flex-direction: column; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-left { width: 100%; height: inherit; }
.gh-resources-card:nth-child(4n+1) .gh-resources-card-left img { height: inherit; max-width: 100%; border-radius: 10px 10px 0 0; }	
.gh-resources-card:nth-child(4n+1) .gh-resources-card-right { width: calc(100% - 40px)!important; height: calc(100% - 210px); padding: 20px; }
.gh-resources-card-left img { height: inherit; max-width: 100%; border-radius: 10px 10px 0 0; }
.gh-resources-stack-padding { padding-top: 70px; }
.gh-resources-sub { display: none; } }

@media screen and (max-width: 960px) {
	
.gh-resources-asset-01 img { transform: none; box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 15px 40px rgba(166,173,201,.2); }
.gh-resources-asset-02 img { transform: none; box-shadow: 0 5px 10px rgba(154,160,185,.05), 0 15px 40px rgba(166,173,201,.2); }
.gh-resources-page-margin { margin: 0 auto; } }

@media screen and (max-width: 700px) {
	
.gh-resources-header { padding: 50px 0; }
.gh-resources-header p { font-size: 1.3rem; }
.gh-resources-card-right h2 { font-size: 1.7rem; } }

/*****************************
	Component: Basic page
*****************************/

.gh-basic-header { margin-bottom: 80px; }
.gh-basic-header h1 { text-align: center !important; max-width: 780px; margin: 0 auto; font-size: 4rem !important; font-weight: 700; line-height: 1.2; }
.gh-basic-section-inner { margin-bottom: 20px; }
.gh-basic-section-inner-header { color: var(--dark-font); }
.gh-basic-section { margin-bottom: 30px; }

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

.gh-basic-header { margin-bottom: 50px; }
.gh-basic-header h1 { font-size: 3.3rem !important; } }

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

.gh-basic-header h1 { font-size: 2.8rem !important; } }

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

.gh-basic-header { margin-bottom: 25px; }
.gh-basic-header h1 { font-size: 2.2rem !important; } }

/*****************************
	Component: Review badges
*****************************/

.gh-review-badges-wrapper { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; }
.gh-review-badges-wrapper-top { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.gh-review-badges-top-item { border-right: solid 1px var(--border); padding: 0 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.gh-review-badges-top-item:last-child { border: none; }
.gh-review-badges-top-item img { display: block; margin: 0 0 18px; max-width: 125px; }
.gh-review-badges-top-item-lg-logo img { max-width: 175px; }
.gh-review-badges-stars { display: flex; flex-direction: row; align-items: center; }
.gh-review-badges-star { margin: 0 3px; height: 26px; width: 26px; border-radius: 4px; background-color: var(--green-04); display: flex; align-items: center; justify-content: center; }
.gh-review-badges-star i { color: var(--primary-03); font-size: .8rem; }
.gh-review-badges-wrapper-bottom { margin-top: 35px; display: flex; flex-direction: column; }
.gh-review-badges-wrapper-bottom-row { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.gh-review-badges-wrapper-bottom .gh-review-badges-wrapper-bottom-row:first-child { margin-bottom: 25px; }
.gh-review-badges-bottom-item-sml { max-width: 80px; }
.gh-review-badges-bottom-item-md { max-width: 130px; }
.gh-review-badges-bottom-item img { display: block; width: 100%; height: auto; }
.gh-review-badges-bottom-item-middle { margin: 0 30px; }

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

.gh-review-badges-wrapper-top { flex-direction: column; }
.gh-review-badges-top-item { border-right: none; padding: 20px 0; } }

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

.gh-review-badges-wrapper-bottom { margin-top: 20px; flex-direction: column; }
.gh-review-badges-bottom-item-middle { margin: 20px 0; } }

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

.gh-review-badges-wrapper { display: none; } }


/************************************
	Component: Integration badges
************************************/

.product-integrations-wrapper { grid-gap: 25px; display: grid; justify-content: space-between; grid-template-columns: repeat(5,1fr); }
.product-integration-tab { border-radius: 10px; height: 115px; display: flex; align-items: center; justify-content: center; }
.product-integration-tab img { height: auto; width: 55%; }
.product-integration-tab p { color: var(--mid-dark-font); }

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

.product-integrations-wrapper { grid-template-columns: repeat(4,1fr); } }

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

.product-integration-tab img { width: 60%; } }

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

.product-integration-tab img { width: 70%; } }

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

.product-integrations-wrapper { grid-template-columns: repeat(3,1fr); } }

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

.product-integrations-wrapper { grid-gap: 15px; grid-template-columns: repeat(2,1fr); }
.product-integration-tab img { width: 60%; } }

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

.product-integration-tab img { width: 80%; } }

@media screen and (max-width: 300px) {
	
.product-integrations-wrapper { grid-template-columns: repeat(1,1fr); }
.product-integration-tab img { max-width: 60%; } }

/*****************************
	Component: Industry page links
*****************************/

.lpi-link-row { display: flex; flex-direction: row; margin-bottom: 30px; }
.lpi-link-row:last-child { margin-bottom: 0; }
.lpi-link { text-align: center; margin: 0 15px; padding: 40px 25px; display: flex; flex-direction: column; width: 25%; border-radius: 20px !important; transition: 0.4s all; }
.lpi-link:first-child { margin: 0 15px 0 0; }
.lpi-link:last-child { margin: 0 0 0 15px; }
.lpi-link-33 { width: 33% !important; }
.lpi-link-icon { margin: 0 auto 15px; }
.lpi-link-icon i { font-size: 2.2rem; }
.lpi-link-01 i { color: var(--blue-05) !important; }
.lpi-link-01:hover { border: solid 1px var(--blue-05); }
.lpi-link-02 i { color: var(--yellow-03); }
.lpi-link-02:hover { border: solid 1px var(--yellow-03); }
.lpi-link-03 i { color: var(--red-05); }
.lpi-link-03:hover { border: solid 1px var(--red-05); }
.lpi-link-04 i { color: var(--purple-04); }
.lpi-link-04:hover { border: solid 1px var(--purple-04); }
.lpi-link-05 i { color: var(--teal-05); }
.lpi-link-05:hover { border: solid 1px var(--teal-05); }
.lpi-link-06 i { color: var(--red-01); }
.lpi-link-06:hover { border: solid 1px var(--red-01); }
.lpi-link-07 i { color: var(--blue-01); }
.lpi-link-07:hover { border: solid 1px var(--blue-01); }
.lpi-link-08 i { color: var(--green-04) !important; }
.lpi-link-08:hover { border: solid 1px var(--green-04); }
.lpi-link-icon h3 { padding-bottom: 10px; }
.lpi-link p { font-size: .95rem; }

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

.lpi-link-row { flex-direction: column; margin-bottom: 50px; }
.lpi-link-row:last-child { margin-bottom: 0; }
.lpi-link { margin: 25px auto; max-width: 350px; width: calc(100% - 50px); }
.lpi-link-33 { width: calc(100% - 50px) !important; }
.lpi-link:first-child { margin: 0 auto 25px !important; }
.lpi-link:last-child { margin: 25px auto 0 !important } }

/*****************************
	Component: Blog slides
*****************************/

.comp-blog-slide-row { display: none; margin: 0 0 0 -40px; }
.comp-blog-slide-card { width: calc(33.3333% - 40px); border-radius: 10px; margin: 40px 0 0 40px; display: flex; -webkit-box-flex: 1; flex-grow: 1; }
.comp-blog-slide-card-inner { display: flex; flex-direction: column; }
.comp-blog-slide-card img { border-radius: 10px 10px 0 0; width: 100%; height: 215px; object-fit: cover; }
.comp-blog-slide-card-details { display: flex; flex-direction: column; flex-grow: 1; height: calc(100% - 215px); padding: 20px; width: calc(100% - 40px); }
.comp-blog-slide-card-subtle-copy { font-size: .85rem; color: var(--mid-dark-font); line-height: 1; }
.comp-blog-slide-card-title { padding: 15px 0 10px; font-size: 1.5rem; line-height: 1.4; }
.comp-blog-slide-card-author { padding-top: 30px; margin-top: auto; display: flex; flex-direction: row; align-items: center; }
.comp-blog-slide-card-author img { margin-right: 7px; width: 30px; height: 30px; border-radius: 100%; }
    
@media screen and (max-width: 1050px) {
    
.comp-blog-slide-row { flex-direction: column; max-width: 650px; margin: 0 auto; }   
.comp-blog-slide-card { width: 100%; margin: 0 0 40px; } 
.comp-blog-slide-card:last-child { margin: 0; } }

@media screen and (max-width: 400px) {
	
.comp-blog-slide-card-subtle-copy { line-height: 1.4; } }

/*****************************
	Component: GDPR Banner
*****************************/

.comp-gdpr { border-radius: 10px; display: flex; flex-direction: row; align-items: center; background-color: var(--light-background); padding: 50px 65px; }
.comp-gdpr-left { max-width: 450px; }
.comp-gdpr-right { margin-left: auto; padding-left: 10px; display: flex; flex-direction: column; align-items: center; }
.comp-gdpr-right img { margin: 0 0 10px 0; }

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

.comp-gdpr { padding: 30px; } }

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

.comp-gdpr { flex-direction: column; align-items: flex-start; }
.comp-gdpr-right { margin: 20px 0 0 0; padding-left: 0; } }


/*****************************
	Component: Features Banner
*****************************/

.comp-features { border-radius: 10px; display: flex; flex-direction: row; align-items: center; background-color: var(--light-background); padding: 50px 65px; }
.comp-features-left { max-width: 450px; }
.comp-features-right { margin-left: auto; padding-left: 10px; display: flex; flex-direction: column; align-items: center; }

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

.comp-features { padding: 30px; } }

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

.comp-features { flex-direction: column; align-items: flex-start; }
.comp-features-right { margin: 20px 0 0 0; padding-left: 0; } }

/************************************
	Component: Testimonial slides
************************************/

.gh-quote-slides { height: 400px; overflow: hidden; }
.gh-quote-slide { display: none; flex-direction: row; align-items: center; height: 100%; }
.gh-slide-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes gh-slide-fade { from {opacity: .4} to {opacity: 1} }
@keyframes gh-slide-fade { from {opacity: .4} to {opacity: 1} }
.gh-quote-slide-left { width: 48%; height: 100%; border-radius: 10px 0 0 10px; display: flex; justify-content: center; align-items: center; right: -50px; transform: skewX(-12deg); z-index: 2; margin-left: -44px; }
.gh-quote-slide-left img { width: 90px; height: auto; position: relative; transform: skewX(12deg); }
.gh-quote-slide-left-img-lg img { width: 185px; }
.gh-quote-slide-left-onecowork { background-color: var(--onecowork); }
.gh-quote-slide-left-hellotickets { background-color: var(--hellotickets); }
.gh-quote-slide-left-wriggle { background-color: var(--wriggle); }
.gh-quote-slide-left-glasswall { background-color: var(--glasswall); }
.gh-quote-slide-left-realthread { background-color: var(--realthread); }
.gh-quote-slide-right { margin-left: 44px; width: calc(52% - 160px); padding: 0 80px; } 
.gh-quote-details-avatar img { display: block; height: 45px; width: 45px; border-radius: 50%; }
.gh-quote-details { margin-top: 25px; display: flex; flex-direction: row; align-items: center; }
.gh-quote-details-inner { margin-left: 10px; }
.gh-quote-copy { font-style: italic; font-size: 1.25rem; }
.gh-quote-name { font-weight: 700; line-height: 1; }
.gh-quote-position { line-height: 1; padding-top: 8px; }
.gh-quote-grid { grid-gap: 30px 0; grid-template-columns: repeat(6,1fr); }

@media screen and (max-width: 950px) {
	
.gh-quote-grid { grid-gap: 30px 0; grid-template-columns: repeat(3,2fr); } }

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

.gh-quote-slide-right { margin-left: 44px; width: calc(52% - 80px); padding: 0 40px; } }

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

.gh-quote-slides { height: auto; }
.gh-quote-slide { flex-direction: column; align-items: center; }
.gh-quote-slide-left { width: 100%; height: 100%; min-height: 200px; border-radius: 10px 10px 0 0; right: 0; transform: skewX(0deg); margin-left: 0; }
.gh-quote-slide-left img { transform: skewX(0deg); }
.gh-quote-slide-right { margin-left: 0; width: calc(100% - 60px); padding: 50px 30px; } }

@media screen and (max-width: 480px) {
	
.gh-quote-grid { grid-gap: 30px 0; grid-template-columns: repeat(2,3fr); } }

@media screen and (max-width: 320px) {
	
.gh-quote-grid { grid-gap: 30px 0; grid-template-columns: repeat(1,6fr); } }



/************************************
	Component: Testimonial single
************************************/

.comp-single-quote { display: flex; flex-direction: row; align-items: center; }
.comp-single-quote-l { width: 45%; max-width: 440px; }
.comp-single-quote-l img { display: block; border-radius: 10px; width: 100%; height: auto; transform: perspective(400px) rotateY(6deg); box-shadow: -27.1px 62.5px 125px -25px rgba(50,50,93,.5), -16.2px 37.5px 75px -37.5px rgba(0,0,0,.6); }
.comp-single-quote-l-sml { display: none !important; }
.comp-single-quote-r { margin-left: auto; width: calc(55% - 125px); margin-left: 125px; }

.comp-single-quote-r-quote { font-size: 2.1rem; font-style: italic; line-height: 1.7; font-weight: 600; color: var(--dark-font); }
.comp-single-quote-r-detail { margin-top: 35px; display: flex; flex-direction: row; align-items: center; }
.comp-single-quote-r-detail-logo { margin: 0 20px 0 auto; }
.comp-single-quote-r-detail-logo img { display: block; max-width: 175px !important; }
.comp-single-quote-r-detail-copy p { color: var(--dark-font); opacity: 0.7; }

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

.comp-single-quote-l { width: 50%; }
.comp-single-quote-r { width: calc(50% - 50px); margin-left: auto; padding-left: 50px; } }

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

.comp-single-quote { flex-direction: column; align-items: flex-start; max-width: 500px; margin: 0 auto; }
.comp-single-quote-l { width: 100%; }
.comp-single-quote-l img { border-radius: 50%; max-width: 150px; transform: perspective(400px) rotateY(0deg); box-shadow: none; }
.comp-single-quote-l-lg { display: none !important; }	
.comp-single-quote-l-sml { display: block !important; }	
.comp-single-quote-r { width: 100%; margin-left: 0; padding-left: 0; margin-top: 30px; } }

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

.comp-single-quote-r-quote { font-size: 1.7rem; line-height: 1.6; }
.comp-single-quote-r-detail { margin-top: 25px; } }

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

.comp-single-quote-r-detail { flex-direction: column-reverse; align-items: flex-start; }
.comp-single-quote-r-detail-logo { margin: 0 0 10px 0; }
.comp-single-quote-r-detail-logo img { max-width: 135px !important; } }












/*****************************
	TO DELETE !!!
*****************************/

.gh-simple-cta-reviews { margin-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gh-simple-cta-reviews-header { padding-bottom: 12px; }
.gh-simple-cta-reviews-header p { font-size: .95rem; white-space: nowrap; }
.gh-simple-cta-reviews-header img { display: block; margin-top: 5px; margin-bottom: 5px; max-width: 150px; }
.gh-simple-cta-reviews-items { display: flex; flex-direction: row; align-items: center; }
.gh-simple-cta-reviews-item { margin: 0 3px; height: 29px; width: 29px; border-radius: 3px; background-color: #00d7d2; display: flex; align-items: center; justify-content: center; }
.gh-simple-cta-reviews-item i { color: var(--primary-03); font-size: .85rem; }


.product-stack { display: flex; flex-direction: column; }
.product-stack-row { display: flex; flex-direction: row; margin-bottom: 50px; }
.product-stack-row:last-child { margin-bottom: 0; }
.product-stack-item { display: flex; flex-direction: column; width: 33.33333%; }
.product-stack-item:nth-child(2) { margin: 0 35px; }
.product-stack-item h3 { padding: 12px 0 8px; }
.product-stack-item-icon { padding: 3px 10px 0 0; }
.product-stack-item-icon i { color: #75a7ff; font-size: 2rem; }
.product-stack-centre { text-align: center; }
.product-stack-link-outer { padding-top: 20px; }
.product-stack-link { text-decoration: underline; padding-top: 20px; color: #031b4e; }

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

.product-stack-row { flex-direction: column; margin-bottom: 30px; }
.product-stack-item { width: 100%; }
.product-stack-item:nth-child(2) { margin: 35px 0; } }