/*----- Color Variables -----*/    
:root {
  --collaboration: #003059;
  --impact: #2A75D1;
  --impact_dark: #004AB7;
  --dark_link: #66ABF3;
  --community: #4F0093;
  --agility: #00BD32;
  --agility_dark: #1E806B;
  --confident: #FF3F32;
  --ideation: #FF9B23;
  --notification: #FFD32A;
  --grey1: #F3F3F3;
  --grey2: #E4E4E4;
  --grey3: #BFBFBF;
  --body_copy: #4F4F4F;
  --min: #000000;
  --link_color: #66ABF3;
}
/*----- END Color Variables -----*/

/*----- Top-hat -----*/
* {-webkit-text-size-adjust: none}
html, body {
    height: 100%;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.clear-block-simple {
    overflow: hidden;
}
/*----- END Top-hat -----*/
        
/*----- Layout Styles -----*/
.dark-bg {
    background-color: #212936;
}
.white-bg {
    background-color: #F0F1F3;
}
.light-bg {
    background-color: #F3F3F3;
}
/*----- Logo Bar Styles -----*/
.logo-bar-container {
    background-color: #212936;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
}
.logo-container {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    align-items: center;
}
.nav-menu-container {
    display: flex; 
    display: -ms-flexbox; 
    justify-content: center;
    flex: 3.5;
    align-items: stretch;
}
.nav-menu {
    width: 100%;
    max-width: 800px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
}
.nav-menu li {
	display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
}
.nav-menu a {
    color: #ffffff;
}
.button-container {
    display: flex;
    justify-content: flex-end;
    flex: 1;  
}
.logo-bar-first-item, .logo-bar-last-item {
    padding: 13px 34px;
}
.menu {
	list-style: none;
    list-style-image: none;
    list-style-type: none;
}
.menu li {
	font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.menu li a img:hover {
	opacity: 0.7;
}
/*----- END Logo Bar Styles -----*/

/*----- Body Content Styles -----*/
.description-text {
    max-width: 800px;
    font-size: 16px;
    text-align: left;
    margin: 0 auto;

}
/*----- END BodyContent Styles -----*/
        
/*----- Footer Styles -----*/
.footer {
    padding: 100px 20px 50px;
	background: #F0F1F3;
}
.footer-logo-img {
	height: 1.5em;
    width: auto;
}
.footer-content-width {
    max-width: 800px;
    margin: 0 auto;
}
.footer-logo-container, .copyright-container {
    padding-bottom: 32px;
}
.footer-menu-container {
		padding-bottom: 15px;
}
.centered-container {
    display: flex;
    justify-content: center;
}    
.social-menu {
    display: flex;
    justify-content: space-between;
    width: 250px;
    align-items: center;
}
.social-img {
    height: 35px;
    width: 35px;
}
.footer-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer-menu li {
    padding: 10px 20px;
}
.footer-menu a {
    color: #4F4F4F;
}
.footer-menu a:hover {
    color: #2A75D1;
}
/*----- END Footer -----*/

/*----- Text Styles -----*/
p, li, ul, ol, label, input, select, textarea {
   font-family: 'Roboto', 'Open Sans', Segoe UI, Helvetica, Arial, sans-serif !important; 
}
h1, h2, h3, h4, h5, h6, button, div {
	font-family:  'Montserrat', sans-serif !important;
}
body, p, li, label, div {
    color: #4F4F4F;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    text-align: left;
    padding: 0px;
}
h1, h2, h3, h4, h5, h6, button {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6, .hero p {
    text-align: center;
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg li, .dark-bg label, .dark-bg div {
	color: #ffffff;
}
.white-bg h1, .white-bg h2, .white-bg h3, .white-bg h4, .white-bg h5, .white-bg h6 {
	color: #003059;
}
.white-bg p, .white-bg li, .white-bg label, .white-bg div {
	color: #4F4F4F;
}
.light-bg h1, .light-bg h2, .light-bg h3, .light-bg h4, .light-bg h5, .light-bg h6 {
	color: #4F4F4F;
}
.light-bg p, .light-bg li, .light-bg label, .light-bg div {
	color: #4F4F4F;
}
h1 {
	font-size: 47px;
	font-weight: bold;
	line-height: 1.09;
	letter-spacing: -0.5px;
}
h2 {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.1px;
	line-height: 1.13;
	text-align: center;
}
h3 {
    font-size: 26px;
    line-height: 1.2em;
    letter-spacing: -0.3px;
    font-weight: 700;
    padding-bottom: 3px;
}
h4 {
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 700;
    padding-bottom: 2px;
}
h5 {
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 2px;
}
h6 {
	font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #BFBFBF;
}
.body-content li {
    margin-left: 40px;
}
#copyright {
    color: #4F4F4F;
    text-align: center;
    font-size: 13px;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
a {
    color: #2A75D1;
    text-decoration: none;
    position: relative;
}
a.link:before {
	content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #2A75D1;
    transition: width .3s ease;
}
a.link:hover:before {
	width: 100%;
	right: 0;
	z-index: 1;
}
li.menu-link {
    position: relative;
}
li.menu-link:before {
	content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 0;
    left: 0;
    background-color: #2A75D1;
    transition: width .3s ease;
}
li.menu-link:hover:before {
	width: 100%;
	right: 0;
	z-index: 1;
}
#bodyId, body {
    font-size: 16px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
/*----- END Text Styles -----*/
        
/*----- Navigation Bar -----*/
.body-content {
    width: 100%;
    min-height: 300px;
    position: relative;
    display: block;
    clear: both;
}
.content-width {
    display: block;
    clear: both;
    position: relative;
    padding: 50px 15px;
    width: auto;
    max-width: 1185px;
    margin: 0 auto;
}
.hero > .content-width {
    padding: 80px 20px;
}
/*----- END Navigation bar -----*/

/*----- Body -----*/
.mktoContent { 
    /*Adds margin to the body of the page*/
    margin: 0 0px 0 0px;
}
.clearall {
    width: 100%;
    clear: both;
}
#bodyWrap {
    width: 100%;
    height: 100%;
    display: table;
    min-height: 100%;
}
/*----- END Body -----*/

/*----- START Two Column Styles -----*/
.column {
    width: 100%;
    /*margin: 0 2%;*/
    display: block;
    vertical-align: top;
}
.col-space {
    width: 20px;
    height: 20px;
    display: inline-block;
}
@media all and (min-width: 780px) {
    .column {
        /* Layout breaks from 2 col to 1 col at 780px */
        width: 48%;
        /*margin: 0 1%;*/
        display: inline-block;
    }
}
/*----- END Two Column Styles -----*/

/*----- Form Styles-----*/
#Form {
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
}
#FormText {
    text-align: center;
    font-size: 12px;
    line-height: 1.4em;
	font-family: 'Roboto', 'Open Sans';
}
input, select {
    height: 3.1875rem !important;
}
textarea {
    height: 6.375rem !important;
}
input, select, textarea {
    border: 1px solid #BFBFBF;
    padding: 0 0 0 0.5em;
    border-radius: 3px;
    background: #ffffff;
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    position: relative;
}
input:focus, select:focus, textarea:focus {
    border: 1px solid #2A75D1;
    border-bottom: 2px solid #2A75D1;
    outline: none;
}
input:not(:focus).error, select:not(:focus).error {
	color: #FF3F32;
    border: 1px solid #FF3F32;
}
label {
    margin-left: 1.5em !important;
    margin: 0.5em;
    margin-top: -0.1em !important;
    margin-bottom: 0.1em !important;
    font-style: normal !important;
    font-size: 15px;
    line-height: 1.5em !important;
    color: #4F4F4F !important;
    font-weight: 300;
}
.mktoCheckboxList > label {
    font-size: 16px !important;
    line-height: 1.4em !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 300 !important;
}
input.required:before {
	content: " *" !important;
    color: #FF3F32 !important;
    position: relative !important;
    width: 0 !important;
    height: 2px !important;
    bottom: 0 !important;
    left: 0 !important;
}
.mktoAsterix {
    display: none !important;
}
div#Form, #BodyText, .description-text {
    position: relative;
} 
.mktoLabel.mktoHasWidth {
    margin-left: 0px !important;
}
fieldset.mktoFormCol {
    padding: 10px !important;
}
.mktoForm fieldset legend {
    margin: 0em !important;
    font-size: 22px;
}
.lpeRegForm input {
    behavior: url("/rs/smartsheet/images/PIE.htc");
}
.mktoForm .mktoRadioList > label { /* GLP radio button adjustment */
    float: left;
    clear: none;
    margin: 1em 0 0 1em;
}
.mktoOffset {
    display: none;
}

/*----- END Form Styles-----*/
        
/*----- Button Styles-----*/
button {
    border-radius: 3px;
    padding: 12px 32px !important;
    border: 2px solid #2A75D1;
    background-color: #2A75D1;
    background: #2A75D1;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    text-decoration: none;
    -webkit-appearance: none;
}
button a {
    color: #ffffff;
}
button:hover {
    background-color: #004AB7;
    border: 2px solid #004AB7;
    transition: all 0.15s ease;
}
button a:hover {
    color: #ffffff;
    text-decoration: none;
}
button.buy, button.trial, .mktoButton {
    border: 2px solid #349d73 !important;
    background-color: #349d73 !important;
    background-image: none !important;
    color: #ffffff;
}        
button.buy:hover, button.trial:hover, .mktoButton:hover {
    background-color: #1E806B !important;
    border: 2px solid #1E806B !important;
}
button.alternate {
    background-color: transparent;
    border: 2px solid #2A75D1;
    color: #2A75D1;
}
button.alternate a {
    color: #2A75D1;
}
button.alternate:hover {
    background-color: #004AB7;
    border: 2px solid #004AB7;
    color: #ffffff;
}
button.alternate:hover a {
    color: #ffffff;
}
.mktoButton {
    margin-left: 10px;
	font-weight: bold;
}
.mktoButtonRow {
    width: 100%;
}
.mktoButtonWrap {
    margin-left: 0px !important;
}
/*----- END Button Styles -----*/

/*----- Two Col Content Styles -----*/
.speaker-container {
    display: flex; 
    justify-content: center;
}
/*----- END Two Col Content Styles -----*/

/*----- GDPR -----*/
#PrivacyText {
    text-align: center;
    font-size: 11px;
    line-height: 1.3em;
    padding-top: 5px;
}
.privacy {
    font-size: 11px;
    text-align: left;
    margin-top: 10px !important;
	font-weight: 400;
}
.privacy a {
    text-decoration: underline;
}
.privacy, .privacy a {
	color: #4F4F4F;
    padding: 0;
}
/*----- END GDPR -----*/

/*----- Layout -----*/
#lpeCDiv_1762 {
    max-width: 560px !important;
}
img {
    border: none; 
}
.space {
    height: 25px;
    display: block;
    clear: both;
}
.speaker-image {
    display: inline-block;
    padding: 10px !important;
}
.mktoImg p {
    text-align: center;
    font-size: 14px;
}
div[class^="lpeCDiv"] {
    margin: 0 auto;
    width: 370px;
}
/*----- END Layout -----*/

/*----- Mobile styles -----*/
    @media only screen and (max-width: 1250px) {
    	.menu li {
    		font-size: 15px !important;
        }
    }
    @media only screen and (max-width: 1150px) {
    	li.no-tablet {
    		display: none;
        }
        .nav-menu-container {
            flex: 3;
        }
    }
    @media only screen and (max-width: 1050px) {
    	li.no-mobile {
    		display: none;
        }
        .nav-menu-container {
            flex: 2.5;
        }
    }
    @media only screen and (max-width: 850px) {
    	.nav-menu, .nav-menu-container {
    		display: none;
        }
    }
    @media only screen and (max-width: 800px) {
        .logo-bar ul li a {
            padding: 20px 0px;
            margin: 20px 0px;
        }
    }
    @media only screen and (max-width: 780px) {
        .description-text {
            text-align: center !important;
        }
    }
    @media only screen and (max-width: 650px) {
        h1 {
            font-size: 45px !important;
        }
        h2 {
            font-size: 28px !important;
        }
        h3 {
            font-size: 20px !important;
        }
    }
    @media screen and (max-width:500px) {
    	.button-container {
    		display: none;
        }
        .no-mobile {
            display: none;
        }
    }
    @media only screen and (max-width: 450px) {
        button {
            width: 100% !important;
        }
    }
    @media only screen and (max-width: 415px) {
        #Form {
            width: auto !important;
        }
    }
    @media only screen and (max-width: 385px) {
        h1 {
            font-size: 35px !important;
        }
        h2 {
            font-size: 25px !important;
        }
        h3 {
            font-size: 17px !important;
        }
        h4 {
            font-size: 13px !important;
        }
    }