ul
{
	list-style:none;
	margin:0;
	padding:0
}
ul li
{
	margin:0;
	padding:0
}
*
{
	box-sizing:border-box
}

.global-menu-open .icon,.global-menu-close .icon
{
	display:inline-block;
	position:relative;
	top:1px;
	width:17px;
	height:17px;
	margin-left:3px
}
.global-menu-open svg,.global-menu-close svg
{
	width:100%
}
.global-menu-open
{
	right:0
}
.global-menu-open:link,.global-menu-open:visited
{
	color:#586062;
	transition:0.2s opacity ease-out
}
.global-menu-open:hover
{
	text-decoration:none;
	opacity:0.7;
	transition:0.2s opacity ease-out
}
.mobile-visible .global-menu-open
{
	opacity:0;
	transition:0.2s opacity ease-out
}
.global-menu-open svg
{
	fill:#586062
}
.global-menu-open .text
{
	position:relative;
	text-indent:-99999px;
	display:inline-block
}
.global-menu-close
{
	top:20px;
	right:20px;
	color:#fff;
	z-index:101
}
.global-menu-close svg
{
	fill:#fff
}
.global-menu
{
	overflow:hidden
}

.global-menu a,.global-menu a:link,.global-menu a:visited
{
	font-family:'proxima-nova',sans-serif;	
	font-size:14px;
	font-size:0.875rem;
	line-height:20px;
	line-height:1.25rem;
	letter-spacing:1px;
	letter-spacing:0.0625rem;
	text-transform:uppercase;
	text-decoration:none;
	color:#586062;
	-webkit-font-smoothing:antialiased;
	transition:0.2s opacity ease-out
}

.global-menu a:hover
{
	opacity:0.7;
	transition:0.2s opacity ease-out
}
.global-menu .utils
{
	float:right
}
.global-menu .main
{
	float:left
}
.global-menu li
{
	float:left;
	line-height:normal;
	margin-left:40px;
	padding-top:14px
}
.global-menu li:first-child
{
	margin-left:0
}
.global-menu li.global-sign-up-cta
{
	padding:4px
}

.global-menu .button-v3-primary.medium.premium
{
	color:#fff
}
.global-menu .button-v3-primary.medium.premium:hover
{
	opacity:1
}

.global-menu .button-v3-secondary.download-evernote-btn
{
	display:none
}

.hide-desktop
{
	display:none
}

.header-sprite
{
	display:block;
	background:url(header-sprite.png) no-repeat
}
.header-sprite:focus
{
	border-bottom:0
}
.eu-cookie-banner a

{
	text-decoration:none;
	color:#e7048f;
	border-bottom:1px solid #e7048f
;

}
.eu-cookie-banner a:hover,.eu-cookie-banner a:focus
{
	border:none
}

header .row
{
	position:relative
}
	header .logo-container
{
	float:left;
	line-height:15px;
	line-height:0.9375rem
}
	header .logo-container a
{
	width:200px;
	height:45px;
	text-decoration:none;
	color:white
}
	header .logo-container a:hover,header .logo-container a:active
{
	border-bottom:0
}
	header .logo-container a span
{
	position:relative;
	text-indent:-99999px;
	display:inline-block;
	position:absolute
}
	header .logo-container a .svg
{
	width:200px;
	width:12.5rem;
	height:42px;
	height:2.625rem;
	margin-left:-7px;
	margin-left:-0.4375rem
}
	header .logo-container .header-sprite
{
	background-position:-100px -100px
}
	header .logo-container.yx a
{
	width:131px;
	height:45px
}
	header .logo-container.yx .header-sprite
{
	background-position:-97px 0
}
	header .right-panel
{
	position:absolute;
	right:0
}
	header .right-panel .pricing
{
	font-family:'proxima-nova',sans-serif;	
	text-decoration:none;
	text-transform:uppercase;
	margin-right:20px;
	margin-right:1.25rem;
	color:#848484;
	border-bottom:1px solid transparent;
	font-size:12px;
	font-size:0.75rem;
	-webkit-transition:border 0.2s ease-in-out 0s;
	-moz-transition:border 0.2s ease-in-out 0s;
	-o-transition:border 0.2s ease-in-out 0s;
	transition:border 0.2s ease-in-out 0s
}
	header .right-panel .pricing:focus,header .right-panel .pricing:hover
{
	border-color:#848484
}
	header .right-panel .signup-button
{
	font-family:'proxima-nova',sans-serif;	
	text-decoration:none;
	text-transform:uppercase;
	color:#333333;
	border:1px solid #696969;
	background:#f9f9f9;
	font-size:12px;
	font-size:0.75rem;
	padding:8px 20px;
	padding:0.5rem 1.25rem;
	margin-right:20px;
	margin-right:1.25rem;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition:background 0.3s ease-in-out 0;
	-moz-transition:background 0.3s ease-in-out 0;
	-o-transition:background 0.3s ease-in-out 0;
	transition:background 0.3s ease-in-out 0
}
	header .right-panel .signup-button:hover,header .right-panel .signup-button:focus
{
	color:white;
	border:1px solid #e7048f
;
	background:#e7048f
;
	-webkit-transition:background 0.3s ease-in-out 0;
	-moz-transition:background 0.3s ease-in-out 0;
	-o-transition:background 0.3s ease-in-out 0;
	transition:background 0.3s ease-in-out 0
}
	header .right-panel .sign-in-cta
{
	font-family:'proxima-nova',sans-serif;
	text-decoration:none;
	color:white;
	background:#00a7cf;
	text-transform:uppercase;
	font-size:11px;
	font-size:0.6875rem;
	letter-spacing:0.75px;
	letter-spacing:0.04688rem;
	padding:4px 8px;
	padding:0.25rem 0.5rem;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-right:20px;
	margin-right:1.25rem;
	-webkit-transition:background 0.3s ease-in-out 0s;
	-moz-transition:background 0.3s ease-in-out 0s;
	-o-transition:background 0.3s ease-in-out 0s;
	transition:background 0.3s ease-in-out 0s
}
	header .right-panel .sign-in-cta:hover,header .right-panel .sign-in-cta:focus
{
	background:#00afd9;
	-webkit-transition:background 0.3s ease-in-out 0s;
	-moz-transition:background 0.3s ease-in-out 0s;
	-o-transition:background 0.3s ease-in-out 0s;
	transition:background 0.3s ease-in-out 0s
}
	header .right-panel .cta
{
	font-family:'proxima-nova',sans-serif;
	text-decoration:none;
	color:#7d7d7d;
	border:1px solid #848484;
	padding:5px 10px;
	padding:0.3125rem 0.625rem;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:14px;
	font-size:0.875rem;
	margin-right:20px;
	margin-right:1.25rem;
	-webkit-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	-moz-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	-o-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s
}

	header .right-panel .cta:hover,header .right-panel .cta:focus
{
	color:black;
	border:1px solid black;
	-webkit-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	-moz-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	-o-transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s;
	transition:border 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s
}
	header .right-panel .cta.view-pricing
{
	font-family: 'proxima-nova',sans-serif;
	margin-right:25px;
	padding:0;
	border:none;
	border-bottom:1px solid transparent;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	font-weight: 400;
	font-size: 14px;
	color: #4d4d4d;
}
	header .right-panel .cta.view-pricing:hover,header .right-panel .cta.view-pricing:focus
{
	border-bottom:1px solid #696969;
	-webkit-transition:border 0.3s ease-in-out 0s;
	-moz-transition:border 0.3s ease-in-out 0s;
	-o-transition:border 0.3s ease-in-out 0s;
	transition:border 0.3s ease-in-out 0s
}
	header .right-panel .light-text
{
	font-family:'proxima-nova',sans-serif;
	color:#848484;
	font-size:13px;
	font-size:0.8125rem;
	margin-right:10px;
	margin-right:0.625rem
}
	header .right-panel .menu
{
	font-family:'proxima-nova',sans-serif;	
	position:relative;
	text-decoration:none;
	/* text-transform:uppercase; */
	color:#4d4d4d;
	z-index:4;
	font-size:12px;
	font-size:0.75rem
}
	header .right-panel .menu .text
{
	position:relative;
	text-indent:-99999px;
	display:inline-block
}
	header .right-panel .menu:focus,header .right-panel .menu:hover
{
	color:black;
	border:0
}
	header .right-panel .menu:focus .header-sprite,header .right-panel .menu:hover .header-sprite
{
	opacity:1;
	filter:alpha(opacity=100)
}
	header .right-panel .menu .header-sprite
{
	width:20px;
	height:20px;
	background-position:-28px -28px;
	margin-left:10px;
	margin-left:0.625rem;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline
}
	header.promo .right-panel .view-pricing
{
	padding:0 0 4px;
	color:#848484;
	
	text-decoration:none;
	border-bottom:1px solid transparent;
	font-size:12px;
	font-size:0.75rem;
	-webkit-transition:border 0.2s ease-in-out 0s;
	-moz-transition:border 0.2s ease-in-out 0s;
	-o-transition:border 0.2s ease-in-out 0s;
	transition:border 0.2s ease-in-out 0s
}
	header.promo .right-panel .view-pricing:focus,header.promo .right-panel .view-pricing:hover
{
	border-color:#848484
}
	header.promo .right-panel .cta
{
	border:none;
	border-radius:0;
	margin:0 30px 0 0;
	padding:0 0 4px;
	color:#848484;
	
	text-decoration:none;
	border-bottom:1px solid transparent;
	font-size:12px;
	font-size:0.75rem;
	-webkit-transition:border 0.2s ease-in-out 0s;
	-moz-transition:border 0.2s ease-in-out 0s;
	-o-transition:border 0.2s ease-in-out 0s;
	transition:border 0.2s ease-in-out 0s
}
	header.promo .right-panel .cta:focus,header.promo .right-panel .cta:hover
{
	border-color:#848484
}
	a.header-business-cta
{
	display:inline-block;
	font-family:'proxima-nova',sans-serif;
	font-size:11px;
	font-size:0.6875rem;
	letter-spacing:1px;
	letter-spacing:0.0625rem;
	text-transform:uppercase;
	text-decoration:none;
	color:#848484;
	border-radius:5px;
	border:1px solid #eee;
	background:transparent;
	border-color:#848484;
	margin-left:40px;
	padding:10px 20px
}
.white a.header-business-cta
{
	border-color:white;
	color:white
}

.header-social
{
	float:right;
	margin-top:12px
}

.header-social li
{
	float:left;
	margin-left:15px
}
.header-social li:first-child
{
	margin-left:0
}
.header-social a,.header-social a:link,.header-social a:visited
{
	display:block;
	width:15px;
	height:15px;
	border-bottom:0
}
.header-social a:hover,.header-social a:active,.header-social a:link:hover,.header-social a:link:active,.header-social a:visited:hover,.header-social a:visited:active
{
	border-bottom:0
}
.header-social a:hover svg,.header-social a:active svg,.header-social a:link:hover svg,.header-social a:link:active svg,.header-social a:visited:hover svg,.header-social a:visited:active svg
{
	fill:#7B868A;
	transition:0.2s fill ease-out
}
.header-social svg
{
	width:100%;
	height:100%;
	fill:#AEB6B8;
	transition:0.2s fill ease-out
}
	a.skip-link,a.skip-link:hover,a.skip-link a:visited
{
	position:absolute;
	text-decoration:none;
	position:relative;
	text-indent:-99999px;
	display:inline-block;
	top:-5555px;
	top:-347.1875rem
}
	a.skip-link:focus
{
	top:0;
	text-decoration:none;
	text-indent:0;
	color:#333333;
	border:2px solid #333333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	padding:0.3125rem
}
.drawer-nav
{
	display:none;
	position:absolute;
	top:0;
	right:-50%;
	width:50%;
	min-height:100%;
	z-index:999999;
	padding:0px 0px 0px 50px;
	padding:0rem 0rem 0rem 3.125rem;
	background:rgba(0,0,0,0.85) 0%;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.85) 0%), color-stop(100%, rgba(0,0,0,0.98) 100%));
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.85) 0%', endColorstr='rgba(0,0,0,0.98) 100%', GradientType=0 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#000000')
}

.drawer-nav a:hover,.drawer-nav a:active
{
	border:0
}
.drawer-nav li
{
	font-family:'proxima-nova',sans-serif;
	-webkit-font-smoothing:initial
}
.drawer-nav .container
{
	position:relative;
	max-width:600px;
	max-width:37.5rem
}
/*
.drawer-nav .close
{
	font-family:'proxima-nova',sans-serif;	
	position:absolute;
	right:46%;
	font-size:12px;
	font-size:1.35rem;
	text-decoration:none !important;
	text-transform:uppercase;
	color:#FFFFFF !important;
	top:28px;
	top:1.75rem;
	line-height:27px;
	vertical-align:middle;
	font-size:13px !important;
	font-weight: 400 !important;
}
*/
.drawer-nav .close:hover,.drawer-nav .close:focus
{
	opacity:0.6;
	filter:alpha(opacity=60)
}
.drawer-nav .close .header-sprite
{
	width:20px;
	height:20px;
	background-position:0 -6px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	float:left;
	zoom:1;
	*display:inline;
	margin-left:10px;
	margin-left:0.625rem;
	margin-top:4px;
	margin-top:0.25rem
}
.drawer-nav .download
{
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	color:white;
	border:1px solid white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:10px 20px
}
.drawer-nav .download:hover,.drawer-nav .download:focus
{
	color:#e7048f;
	border-color:#e7048f;
}
.drawer-nav .download-item
{
	border:none
}
.drawer-nav .sub-upgrade
{
	margin-top:-10px;
	margin-left:15px;
	border:none;
	padding-bottom:0
}
.drawer-nav .sub-upgrade li
{
	margin-bottom:10px;
	margin-bottom:0.625rem
}
.drawer-nav .sub-upgrade li a
{
	font-size:12px;
	font-size:0.75rem;
	text-transform:capitalize
}
.drawer-nav ul
{
	width:50% !important;
	/* border-bottom:1px solid #606060; */
	margin-bottom:20px;
	margin-bottom:2.25rem
}

.drawer-nav ul:first-child
{
	padding-top:100px;
	/* padding-top:6.25rem; */
	padding-top:1.25rem;
}
.drawer-nav ul li
{
	margin-bottom:20px;
	margin-bottom:1.25rem
}
.drawer-nav ul a
{
	text-decoration:none;
	text-transform:uppercase;
	color:white;
	font-size:14px !important;
	font-size:0.875rem
}
.drawer-nav ul a:hover,.drawer-nav ul a:focus
{
	color:#e7048f;
	font-weight:bold;

}
@media only screen and (max-width: 470px)
{
.header-social
{
	display:none
}
}

@media only screen and (max-width: 700px)
{
a.header-business-cta{
	display:none
}
}
@media only screen and (max-width: 710px)
{
.drawer-nav .container
{
	max-width:100%
}

}

@media only screen and (max-width: 768px) {
header .right-panel .sign-in-cta {
	display: none !important
}
header .right-panel .cta
{
	display:none !important
}
.drawer-nav
{
	width:100%
}
.drawer-nav .container
{
	max-width:70%
}
.drawer-nav .close
	{
		right:15px;
		right:0.9375rem
	}
.drawer-nav ul
	{
		width:80%
	}	
}

@media only screen and (max-width: 900px) {
		a.header-business-cta
{
	margin-left:10px
}

.global-menu .button-v3-secondary.download-evernote-btn {
	display: block;
	max-width: 300px;
	max-width: 18.75rem
}
.hide-desktop {
	display: block
}
.global-menu-open, .global-menu-close {
	display: block
}
.global-menu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.85);
	padding: 70px 40px;
	opacity: 0;
	transition: 0.2s opacity ease-out
}
.global-menu.mobile-visible {
	opacity: 1;
	transition: 0.2s opacity ease-out
}
.global-menu a, .global-menu a:link, .global-menu a:visited {
	color: #fff
}
.global-menu .utils {
	float: none;
	border-bottom: 2px solid #586062;
	padding-bottom: 10px
}
.global-menu .main {
	float: none;
	padding-top: 10px
}
.global-menu li {
	float: none;
	margin: 0 0 0 0;
	padding: 10px 0
}
.global-menu li:first-child {
	margin: 0
}
.global-menu li.global-sign-up-cta {
	padding: 10px 0
}
.global-menu .button-v3-primary.medium.premium {
	display: inline;
	min-width: 0;
	background: transparent;
	padding: 0
}
.global-menu .button-v3-primary.medium.premium:hover {
	opacity: 0.7
}
.global-menu .download-link {
	display: none
}
}

@media only screen and (max-width: 1310px) {
header {
	width: 100%;
	padding: 20px 15px 20px 15px;
	/* padding: 1.25rem 0.9375rem 1.25rem 0.9375rem */
	padding: 0;
}
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.header-sprite {
	background-image: url("header-sprite@2x.png");
	background-size: 227px 96px
}
}
@media only screen and (min-width: 769px) and (max-width: 2400px) {
.drawer-nav
{
	display:none;
	position:fixed;
	top:0;
	right:-50%;
	width:35%;
	min-height:100%;
	z-index:999999;
	padding:0px 0px 0px 50px;
	padding:0rem 0rem 0rem 3.125rem;
	background:rgba(0,0,0,0.85) 0%;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.85) 0%), color-stop(100%, rgba(0,0,0,0.98) 100%));
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.85) 0% 0%, rgba(0,0,0,0.98) 100% 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.85) 0%', endColorstr='rgba(0,0,0,0.98) 100%', GradientType=0 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#000000')
}

}
