@charset "UTF-8";
html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
	
}



a, a:hover {
	outline: 0!important
}
#PC_window, .PC_header, .PC_overlay {
	left: 0;
	position: absolute
}
.PC_header, table {
	border-collapse: collapse
}
#PC_window, .PC_header, .PC_overlay, .PC_tooltip_win, .PC_top_arrow {
	position: absolute
}
.avatar-framed, .button, .button-social, .flex--gutter-h-sm>*, .flex--gutter-h>*, .flex--match>*>* {
	box-sizing: border-box
}
#top_menu li, .ebookimg {
	float: left
}
.form__control--select, .tabboxes--navbar {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
#_form_1_ *, .form__control:focus {
	outline: 0
}
@font-face {
	font-family: 'PT Sans';
	src: url(../fonts/PTS55F.ttf);
	font-weight: 400;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: 'Roboto Condensed';
	src: url(../fonts/roboto-condensed.bold.ttf);
	font-weight: 600
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased
}
.PC_header .inner, body {
	font-family: 'PT Sans'
}
#PC_middle img, .PC_Window .close img, .PC_header .caption, img {
	vertical-align: middle
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
a {
	color: #0686dd;
	text-decoration: none
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-spacing: 0
}
b, h1, h2, h3, h4, h5, h6, strong {
	font-weight: 600
}
q {
	quotes: inherit
}
q::before {
	content: open-quote
}
q::after {
	content: close-quote
}
.PC_overlay {
	background: rgba(102,102,102,.5);
	margin: auto;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in
}
.PC_header, .PC_header .close img {
	z-index: 500
}
.overlay_transparent {
	opacity: 0!important
}
#PC_window {
	top: 0;
	overflow: visible;
	margin-bottom: 20px;
	margin-top: 55px;
	padding: 25px 0;
	border-radius: 4px;
	background-color: #fff
}
#PC_window div.content {
	width: auto;
	margin: 0;
	padding: 0 30px
}
#PC_window.no_side_padding div.content {
	padding: 0
}
#PC_window .iframe_holder {
	padding-top: 10px
}
#PC_frame {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	white-space: nowrap
}
.PC_header {
	top: 10px;
	border-bottom: 2px solid #555;
	border-top: 2px solid #555;
	margin: 0;
	width: 100%
}
.PC_header .inner {
	padding: 2px 20px
}
.PC_header .caption {
	text-align: left;
	white-space: nowrap
}
.PC_header .close {
	text-align: right
}
.PC_header .close span {
	padding: 10px;
	margin-right: -10px;
	cursor: pointer
}
.PC_header .middle {
	white-space: nowrap;
	text-align: center
}
#PC_middle {
	color: #eee
}
#PC_middle img {
	cursor: pointer
}
#PC_middle .disabled {
	cursor: default
}
#PC_middle .left {
	padding-right: 10px
}
#PC_middle .right {
	padding-left: 10px
}
.PC_Window .g_header {
	width: 100%;
	margin: 0;
	color: #333;
	background-color: #fff!important
}
.PC_Window .caption {
	font-size: 13px;
	text-align: left;
	font-weight: 700;
	padding-right: 20px
}
.PC_Window .close, .PC_Window .close div {
	text-align: right!important
}
.PC_Window .close span {
	font-size: 12px;
	cursor: pointer
}
.PC_Window .close img {
	cursor: pointer;
	opacity: .5
}
.PC_Window .on img {
	opacity: 1!important
}
.PC_tooltip_win {
	margin-top: 0!important
}
#PC_window.PC_tooltip_win {
	padding: 16px 0!important
}
#PC_window.PC_tooltip_win div.content {
	padding: 0 20px
}
#PC_window.PC_tooltip_win .caption {
	padding-left: 20px
}
#PC_window.PC_tooltip_win .close {
	padding-right: 20px
}
#PC_window.PC_tooltip_win.shadow {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.4)
}
.PC_top_arrow {
	margin-top: -1px
}
.PC_fixed_pos, .PC_top_arrow_fixed {
	position: fixed!important
}
.PC_header .inner {
	background-color: #ffffe5
}
.PC_header .caption {
	color: #333;
	font-size: 17px
}
.PC_Window table {
	border: 0
}
#PC_window.shadow {
	border-collapse: separate;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.5), 0 0 10px 0 rgba(0,0,0,.2)
}
.PC_Window_holder .cmp_small_close {
	margin-top: -3px
}
.PC_iframe_html {
	text-align: center!important
}
.section-banner.direction_center, .text-center {
	text-align: center
}
.PC_Window .caption, .PC_Window .close {
	height: 20px;
	padding-top: 0!important;
	padding-bottom: 0;
	color: #5c5c5c;
	line-height: 16px;
	white-space: normal
}
.PC_Window .close {
	padding-right: 30px
}
.PC_Window .caption {
	padding-left: 30px
}
.PC_Window .close img {
	padding-left: 0 5px
}
.PC_Window .close_top {
	vertical-align: top
}
.avatar-framed__image, .button, .button-play span, .svgicon:before {
	vertical-align: middle
}
.appdowico {
	margin-bottom: 20px
}
html.PC-bigscreen-enable {
	height: 100%
}
html.PC-bigscreen-enablebody {
	position: relative;
	overflow: hidden;
	height: 100%
}
#logo, #top_menu {
	position: absolute
}
html.PC-bigscreen-enable.PC_window_full {
	width: 100%;
	height: 100%;
	overflow-y: visible
}
#logo a, .avatar-framed, .banner-video, .features__more-overlay, .overflow-hidden {
	overflow: hidden
}
html.PC-bigscreen-enable.PC_window_full .PC_Window_holder {
	height: 100%
}
html.PC-bigscreen-enable.PC_window_full .PC_frame {
	width: 100%;
	height: 100%
}
html.PC-bigscreen-enable.PC_window_full .content {
	height: 100%
}
.full_width {
	padding: 15px 0!important;
	margin-top: 0!important;
	width: 100%!important;
	left: 0!important;
	border-radius: 0!important
}
.full_width .PC_Window_holder {
	width: auto!important;
	padding: 0 10px!important
}
.full_width .PC_frame {
	width: 100%!important
}
.cmp_small_close {
	background: url(../images/spblaicon.png) no-repeat;
	width: 16px;
	height: 16px
}
.arrow_top {
	font-size: 0!important;
	margin: 0!important;
	padding: 0!important
}
.svgicon {
	font-size: 10px
}
.svgicon:before {
	content: ' ';
	display: inline-block;
	background-size: 9em 331.2em
}
.no-svg .svgicon:before {
	background-image: url(../svg/sprite.png)
}
.svgicon.arrow-scribble-up-left:before {
	background-position: 0 0;
	width: 5em;
	height: 4.6em
}
.svgicon.icon-features-activity-v1:before {
	background-position: 0 -4.6em;
	width: 3.2em;
	height: 2.7em
}
.svgicon.icon-features-admin-v1:before {
	background-position: 0 -7.3em;
	width: 3.4em;
	height: 2.9em
}
.svgicon.icon-features-back-ups-v1:before {
	background-position: 0 -10.2em;
	width: 3.3em;
	height: 2.8em
}
.svgicon.icon-features-backups:before {
	background-position: 0 -13em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-backups-premium:before {
	background-position: 0 -17.2em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-comments-v1:before {
	background-position: 0 -21.4em;
	width: 3.4em;
	height: 3em
}
.svgicon.icon-features-dates:before {
	background-position: 0 -24.4em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-dates-premium:before {
	background-position: 0 -28.6em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-email-v1:before {
	background-position: 0 -32.8em;
	width: 3.2em;
	height: 2.5em
}
.svgicon.icon-features-emails:before {
	background-position: 0 -35.3em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-emails-premium:before {
	background-position: 0 -39.5em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-encryption-v1:before {
	background-position: 0 -43.7em;
	width: 3.4em;
	height: 2.9em
}
.svgicon.icon-features-files-v1:before {
	background-position: 0 -46.6em;
	width: 2.4em;
	height: 2.7em
}
.svgicon.icon-features-filters:before {
	background-position: 0 -49.3em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-filters-premium:before {
	background-position: 0 -53.5em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-filters-v1:before {
	background-position: 0 -57.7em;
	width: 2.1em;
	height: 3.2em
}
.svgicon.icon-features-icalendar:before {
	background-position: 0 -60.9em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-icalendar-premium:before {
	background-position: 0 -65.1em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-karma-v1:before {
	background-position: 0 -69.3em;
	width: 3.8em;
	height: 2.9em
}
.svgicon.icon-features-labels:before {
	background-position: 0 -72.2em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-labels-premium:before {
	background-position: 0 -76.4em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-labels-v1:before {
	background-position: 0 -80.6em;
	width: 3.2em;
	height: 2.3em
}
.svgicon.icon-features-location:before {
	background-position: 0 -82.9em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-location-premium:before {
	background-position: 0 -87.1em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-notes:before {
	background-position: 0 -91.3em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-notes-premium:before {
	background-position: 0 -95.5em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-notifications:before {
	background-position: 0 -99.7em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-notifications-premium:before {
	background-position: 0 -103.9em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-notifications-v1:before {
	background-position: 0 -108.1em;
	width: 2.6em;
	height: 3em
}
.svgicon.icon-features-priority:before {
	background-position: 0 -111.1em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-priority-premium:before {
	background-position: 0 -115.3em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-priority-v1:before {
	background-position: 0 -119.5em;
	width: 2.8em;
	height: 2.8em
}
.svgicon.icon-features-recurring:before {
	background-position: 0 -122.3em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-recurring-premium:before {
	background-position: 0 -126.5em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-recurring-v1:before {
	background-position: 0 -130.7em;
	width: 3.2em;
	height: 2.8em
}
.svgicon.icon-features-reminders:before {
	background-position: 0 -133.5em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-reminders-premium:before {
	background-position: 0 -137.7em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-reminders-v1:before {
	background-position: 0 -141.9em;
	width: 3.4em;
	height: 3.1em
}
.svgicon.icon-features-search:before {
	background-position: 0 -145em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-search-premium:before {
	background-position: 0 -149.2em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-share:before {
	background-position: 0 -153.4em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-share-premium:before {
	background-position: 0 -157.6em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-stats:before {
	background-position: 0 -161.8em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-stats-premium:before {
	background-position: 0 -166em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-subprojects:before {
	background-position: 0 -170.2em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-subprojects-premium:before {
	background-position: 0 -174.4em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-subtasks:before {
	background-position: 0 -178.6em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-subtasks-premium:before {
	background-position: 0 -182.8em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-sync:before {
	background-position: 0 -187em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-sync-premium:before {
	background-position: 0 -191.2em;
	width: 4.2em;
	height: 4.2em
}
.svgicon.icon-features-sync-v1:before {
	background-position: 0 -195.4em;
	width: 3.4em;
	height: 2.4em
}
.svgicon.icon-logo-dribbble:before {
	background-position: 0 -197.8em;
	width: 3em;
	height: 3em
}
.svgicon.icon-logo-facebook:before {
	background-position: 0 -200.8em;
	width: 2.8em;
	height: 2.8em
}
.svgicon.icon-logo-flipboard:before {
	background-position: 0 -203.6em;
	width: 2.8em;
	height: 2.8em
}
.svgicon.icon-logo-google:before {
	background-position: 0 -206.4em;
	width: 3.2em;
	height: 2.1em
}
.svgicon.icon-logo-instagram:before {
	background-position: 0 -208.5em;
	width: 2.8em;
	height: 2.8em
}
.svgicon.icon-logo-linkedin:before {
	background-position: 0 -211.3em;
	width: 2.8em;
	height: 2.8em
}
.svgicon.icon-logo-pinterest:before {
	background-position: 0 -214.1em;
	width: 3em;
	height: 3em
}
.svgicon.icon-logo-twitter:before {
	background-position: 0 -217.1em;
	width: 2.5em;
	height: 2.1em
}
.svgicon.icon-logo-youtube:before {
	background-position: 0 -219.2em;
	width: 3.2em;
	height: 2.3em
}
.svgicon.icon-media-play:before {
	background-position: 0 -221.5em;
	width: 6.4em;
	height: 6.4em
}
.svgicon.icon-tabboxes-android:before {
	background-position: 0 -227.9em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-android-phone:before {
	background-position: 0 -231.1em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-android-tablet:before {
	background-position: 0 -234.3em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-android-wear:before {
	background-position: 0 -237.5em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-apple:before {
	background-position: 0 -240.7em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-apple-watch:before {
	background-position: 0 -243.9em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-business:before {
	background-position: 0 -247.1em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-chrome:before {
	background-position: 0 -250.3em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-chromebook:before {
	background-position: 0 -253.5em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-email:before {
	background-position: 0 -256.7em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-firefox:before {
	background-position: 0 -259.9em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-gmail:before {
	background-position: 0 -263.1em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-ipad:before {
	background-position: 0 -266.3em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-iphone:before {
	background-position: 0 -269.5em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-osx:before {
	background-position: 0 -272.7em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-outlook:before {
	background-position: 0 -275.9em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-postbox:before {
	background-position: 0 -279.1em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-safari:before {
	background-position: 0 -282.3em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-thunderbird:before {
	background-position: 0 -285.5em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-purposecolor:before {
	background-position: 0 -288.7em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-web:before {
	background-position: 0 -291.9em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-tabboxes-windows:before {
	background-position: 0 -295.1em;
	width: 3.2em;
	height: 3.2em
}
.svgicon.icon-play:before {
	background-position: 0 -298.3em;
	width: 3.6em;
	height: 3.6em
}
.svgicon.icon-play-red:before {
	background-position: 0 -301.9em;
	width: 2.4em;
	height: 2.4em
}
.svgicon.icon-play-white:before {
	background-position: 0 -304.3em;
	width: 3.6em;
	height: 3.6em
}
.svgicon.icon-reasons-collaborate:before {
	background-position: 0 -307.9em;
	width: 7.5em;
	height: 8.1em
}
.svgicon.icon-reasons-design:before {
	background-position: 0 -316em;
	width: 8.1em;
	height: 8.8em
}
.svgicon.icon-reasons-everywhere:before {
	background-position: 0 -324.8em;
	width: 9em;
	height: 6.4em
}
#top_bar, .width-full {
	width: 100%
}
.display-inline-block {
	display: inline-block;
	max-width: 100%
}
.text-hide {
	font: "0/0" a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.button, .form__control {
	-webkit-font-smoothing: inherit
}
.text-color-inherit {
	color: inherit!important
}
.text-color-white {
	color: #fff!important
}
.text-scrim-dark-1 {
	text-shadow: 0 0 1em rgba(0,0,0,.1)
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex>* {
	-ms-flex-negative: 1
}
.flex--center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.flex--top {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}
.flex--middle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.flex--row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.flex--wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.flex--gutter-h {
	margin-left: -30px
}
.flex--gutter-h>* {
	padding-left: 30px
}
.flex--gutter-v>* {
	margin-bottom: 30px
}
.flex--gutter-h-sm {
	margin-left: -20px
}
.contentareacontainer, .m-h-auto {
	margin-right: auto;
	margin-left: auto
}
.flex--gutter-h-sm>* {
	padding-left: 20px
}
.flex--gutter-v-sm>* {
	margin-bottom: 20px
}
.flex--match>* {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex--match>*>* {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: 100%
}
.flex--m-b-0 {
	margin-bottom: -30px
}
.responsive-width {
	max-width: 100%!important;
	height: auto
}
[class*=" push-"], [class*=" pull-"], [class^=push-], [class^=pull-] {
position:relative
}
.m-b-0 {
	margin-bottom: 0!important
}
.m-b-2 {
	margin-bottom: 12px!important
}
.m-b-3 {
	margin-bottom: 18px!important
}
.m-b-4 {
	margin-bottom: 24px!important
}
.m-b-5 {
	margin-bottom: 30px!important
}
.m-b-6 {
	margin-bottom: 36px!important
}
.m-b-10 {
	margin-bottom: 60px!important
}
.m-b-12 {
	margin-bottom: 72px!important
}
.m-tn-10 {
	margin-top: -60px!important
}
.m-bn-28 {
	margin-bottom: -168px!important
}
.p-t-0 {
	padding-top: 0!important
}
.p-t-28 {
	padding-top: 168px!important
}
.p-b-0 {
	padding-bottom: 0!important
}
.border-none {
	border: none!important
}
.border-b-none {
	border-bottom: none!important
}
.border-top-s {
	border-top-style: solid!important
}
.opacity-lower-1 {
	opacity: .85
}
.z-1 {
	z-index: 1!important
}
#top_bar {
	font-size: 14px;
	background-color: #fff;
	height: 58px;
	position: fixed;
	z-index: 999;
	border-bottom: 1px solid #dfdfdf
}
#logo a, #logo.logo-business a, #logo.logo-premium a {
	background: url(../images/pclogo.png) left 12px no-repeat
}
.pc-download-button a, .pc-download-button a:hover {
	border: none!important;
	display: block;
	color: #7d8485;
	text-decoration: none!important
}
#logo a {
	-webkit-transition: width .3s ease-in;
	transition: width .3s ease-in;
	width: 213px;
	height: 35px;
	text-indent: -1000px;
	display: block;
	padding: 17px 0
}
#logo.logo-business a {
	width: 163px
}
#logo.logo-premium a {
	width: 166px
}
#top_menu {
	right: 25px
}
.avatar-framed::before, .button-social::before {
	bottom: 0;
	left: 0;
	right: 0;
	content: ''
}
.pc-download-button {
	padding:6px 10px 0 0!important
}
.pc-download-button a {
	padding: 0!important
}
.pc-download-button a:hover {
	background: 0 0!important
}
#top_menu a {
	display: block;
	color: #7d8485;
	padding: 23px 10px 19px;
	border-bottom: 2px solid transparent;
	-webkit-transition: background .3s ease-in, border .3s ease-in;
	transition: background .3s ease-in, border .3s ease-in
}
#top_menu a:hover {
	border-color: #0686dd
}
@media only screen and (max-width:767px) {
#top_bar {
	font-size: 14px;
	background-color: #fff;
	height: 58px;
	position: inherit;
	width: 100%;
	z-index: inherit
}
#top_menu {
	display: none
}
}
.avatar-framed {
	position: relative;
	display: inline-block;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	max-width: 100%;
	border-radius: 9999px
}
.avatar-framed::before {
	position: absolute;
	top: 0;
	border-radius: 9999px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.125) inset
}
.avatar-framed__image {
	height: auto;
	max-width: 100%
}
.alert {
	background: #4b4b4c;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 15px
}
.alert>:last-child {
	margin-bottom: 0
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
	color: inherit
}
.alert--success {
	background: #f2fae3;
	color: #659f13
}
.alert--warning {
	background: #fffceb;
	color: #e28327
}
.alert--danger {
	background: #fff1f0;
	color: #d85030
}
.section-banner {
	background-color: #e1e1e1;
	color: #444
}
.banner-contentarea {
	padding: 160px 25px!important
}
.contentareacontainer {
	padding-right: 15px;
	padding-left: 15px;
	max-width: 960px;
	width: auto;
	height: auto
}
.section-banner h1, .section-gplay-appstore {
	max-width: 750px;
	width: 50%
}
.ebookcontent {
	width: 72.5%;
	float: left;
	line-height: 22px;
	margin-top: -17px;
	font-style: italic
}
.ebookimg {
	width: 12%
}
.ebookimg img {
	margin-top: -64px
}
.ebookbutton {
	width: auto
}
.section-banner .inner {
	min-height: 257px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}
.section-banner h1 {
	font-size: 38px;
	font-weight: 700;
	padding-bottom: 10px;
	line-height: 1.2em
}
.section-banner h2 {
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 25px
}
.section-banner .section-banner__h1 {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.125
}
.section-banner .section-banner__lead {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55555556
}
.section-banner .section-banner__lead b {
	font-weight: 500
}
.section-banner .section-banner__lead--muted {
	color: #7d8485
}
.section-banner.direction_left .inner h2, .section-banner.direction_right .inner h2 {
	font-weight: 700;
	padding-bottom: 0;
	max-width: 500px;
	line-height: 33px
}
@media(min-width:480px) {
.flex-\@sm {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex-\@sm>* {
	-ms-flex-negative: 1
}
.flex--space-between-\@sm {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.width-auto-\@sm {
	width: auto
}
.width-1-2-\@sm {
	width: 50%
}
.width-1-3-\@sm {
	width: 33.33333333%
}
.section-banner .section-banner__lead--muted-\@sm {
	color: #7d8485
}
}
.section-banner.direction_center .inner {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.section-banner.direction_left .inner {
	text-align: left
}
.section-banner.direction_left .inner h2 {
	width: 50%
}
.section-banner.direction_right .inner {
	text-align: left;
	margin-left: 50%
}
.section-banner.direction_right .inner h1 {
	width: auto
}
.section-banner .seperator {
	margin-top: 25px
}
@media only screen and (max-width:767px) {
.contentareacontainer {
	text-align: center
}
.ebookcontent {
	width: 100%;
	float: left;
	line-height: 22px;
	margin-bottom: 10px
}
.ebookimg {
	float: none;
	width: 100%;
	margin: 0 auto
}
.section-banner {
	padding: 50px 0 0
}
.section-banner h1 {
	font-size: 26px
}
.section-banner h2 {
	font-size: 18px
}
.banner-contentarea {
	padding: 28px 25px 78px!important
}
}
@media only screen and (max-width:479px) {
.ebookimg img {
	margin-top: 0;
	width: 80px
}
.section-banner h1, .section-banner h2, .section-banner.direction_left .inner h2, .section-gplay-appstore {
	width: 100%!important
}
.section-banner {
	background-position: right center!important
}
.section-banner .inner {
	text-align: center!important;
	margin: -50px 0 0;
	padding: 50px;
	background-color: rgba(0,0,0,.5);
	color: #fff
}
.section-gplay-appstore a img {
	margin-bottom: 5px!important
}
.section-banner .button, .section-banner .button-play {
	margin: 0 auto
}
.section-banner.direction_right {
	background-position: left center!important
}
.section-banner.direction_right .inner {
	margin-left: 0
}
.section-banner--no-overlay .inner {
	background-color: transparent;
	color: inherit
}
.main-view .section-banner {
	background-position: 60% center!important
}
}
@media only screen and (max-width:767px) {
.direction_left .inner h2 {
	max-width: 400px!important
}
.ebookimg img {
	margin-top: -64px;
	margin-bottom: 10px
}
}
.main-view .section-banner h2 {
	font-weight: 400!important;
	width: 45%!important
}
.button {
	-webkit-appearance: none;
	display: inline-block;
	padding: 13px 17px;
	color: #fff;
	cursor: pointer;
	background-color: #0686dd;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	-webkit-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
	margin-left: 20px
}
.button:hover {
	background-color: #0479c9;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	text-decoration: none!important
}
.button--sm {
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	padding: 11px 14px
}
.button--disabled, .button--disabled:focus, .button--disabled:hover, .button:disabled, .button:disabled:focus, .button:disabled:hover {
	background-color: #fcfcfc;
	box-shadow: none;
	color: #b7b7b7;
	cursor: default
}
[class*=' button--outline-'], [class*=' button--outline-']:focus, [class*=' button--outline-']:hover, [class^=button--outline-], [class^=button--outline-]:focus, [class^=button--outline-]:hover {
background-color:transparent
}
.button--outline-primary {
	border-color: #db4c3f;
	color: #db4c3f
}
.button-play {
	opacity: .5;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	color: #fff
}
.button-play .svgicon {
	margin-right: 8px
}
.button-play .play--text {
	font-size: 14px;
	position: relative;
	top: 2px
}
.button-play:hover {
	opacity: 1
}
.button-play-text {
	display: block;
	color: #db4c3f;
	font-size: 14px
}
.button-play-text .svgicon {
	margin-left: 8px
}
.button-play-text:hover {
	text-decoration: underline
}
.button-social, .button-social::before {
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease
}
.button-social {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .7;
	position: relative;
	width: 60px
}
.button-social::before {
	box-shadow: 0 3px 8px 0 rgba(0,0,0,.06), 0 10px 32px 0 rgba(0,0,0,.04), 0 16px 32px 0 rgba(0,0,0,.06);
	opacity: 0;
	position: absolute;
	top: 0
}
.button-social:hover, .button-social:hover::before {
	opacity: 1
}
.button--normalcase {
	text-transform: none
}
.button--facebook {
	background-color: #3b55a0;
	color: #fff
}
.button--facebook:focus, .button--facebook:hover {
	background-color: #3f5bab;
	color: #fff
}
.button--facebook.is-active, .button--facebook:active {
	background-color: #314786;
	color: #fff
}
.button--google {
	background-color: #db4a39;
	color: #fff
}
.button--google:focus, .button--google:hover {
	background-color: #dd5646;
	color: #fff
}
.button--google.is-active, .button--google:active {
	background-color: #cb3625;
	color: #fff
}
.button--twitter {
	background-color: #1b95e0;
	color: #fff
}
.button--twitter:focus, .button--twitter:hover {
	background-color: #269ce5;
	color: #fff
}
.button--twitter.is-active, .button--twitter:active {
	background-color: #1780c0;
	color: #fff
}
.button--white, .button--white:focus, .button--white:hover {
	background-color: #fff;
	color: #a8a8a8
}
.button--white.is-active, .button--white:active {
	background-color: #ededed;
	color: #a8a8a8
}
.button--subtle-secondary {
	background-color: #d9d9d9;
	border-color: rgba(0,0,0,.05);
	color: #fff
}
.button--subtle-secondary:focus, .button--subtle-secondary:hover {
	background-color: #d1d1d1;
	color: #fff
}
.button--subtle-secondary.is-active, .button--subtle-secondary:active {
	background-color: #c7c7c7;
	color: #fff
}
.button--icon {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-bottom: 11px;
	padding-top: 11px
}
.button__icon {
	fill: currentColor;
	margin-right: 10px;
	margin-top: -1px;
	width: 20px
}
.button--player:after {
	-moz-transform: scale(.9999);
	border-color: transparent transparent transparent currentColor;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	content: '';
	display: inline-block;
	height: 0;
	margin-left: 10px;
	width: 0
}
.button--lg_v1 {
	border: 0;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1.2;
	padding: 20px 35px
}
.button--outline-premium_v1 {
	color: #ff9200;
	border-color: initial;
	border-width: 2px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .05em
}
@media(max-width:767px) {
.hidden-\@sm-down {
	display: none!important
}
.text-center-\@sm-down {
	text-align: center
}
.p-b-0-\@sm-down {
	padding-bottom: 0!important
}
.button--icon {
	text-align: left;
	padding-left: 47px
}
.button__icon {
	margin-left: -30px
}
}
@media(min-width:960px) {
.hidden-\@lg-up {
	display: none!important
}
.flex--top-\@lg {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}
.float-end-\@lg {
	float: right
}
.width-1-2-\@lg {
	width: 50%
}
.width-13-24-\@lg {
	width: 54.16666667%
}
.responsive-width-reset-\@lg {
	max-width: none!important;
	height: invalid
}
.pull-1-10-\@lg {
	left: -10%
}
.p-b-0-\@lg {
	padding-bottom: 0!important
}
.button--min-w_v1 {
	min-width: 265px
}
}
.tabboxes {
	font-size: 0
}
nav.tabboxes {
	border-bottom: 1px solid #dedede
}
.tabboxes-item {
	display: inline-block;
	height: 66px;
	width: 65px;
	padding: 10px 0 0;
	position: relative;
	vertical-align: top;
	border-bottom: 2px solid transparent
}
.tabboxes-divider {
	display: block;
	clear: both;
	margin-bottom: 5px
}
.tabboxes-action {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	cursor: pointer;
	display: table;
	height: 100%;
	opacity: .5;
	width: 100%
}
.tabboxes-action:hover {
	opacity: 1;
	text-decoration: none
}
.pc-benefits-premium:hover, .pcfeatures-grid article a:hover {
	text-decoration: underline
}
.tabboxes-icon {
	display: table-cell;
	height: 40px;
	text-align: center;
	vertical-align: middle
}
.tabboxes-name {
	color: #7d8485;
	display: table-row;
	font-size: 11px;
	line-height: 1.1;
	text-align: center;
	white-space: normal
}
.tabboxes-name--caret:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 3px 0;
	border-color: #7d8485 transparent transparent
}
.tabboxes-item.is-active {
	border-color: #db4c3f
}
.tabboxes-item.is-active .tabboxes-action {
	opacity: 1
}
.tabboxes--dropdown {
	display: none;
	position: absolute;
	right: 50%
}
.tabboxes--dropdown .tabboxes-items {
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(154,154,154,.12);
	padding: 15px 15px 10px;
	position: relative;
	right: -50%;
	white-space: nowrap;
	z-index: 1000
}
.tabboxes--dropdown .tabboxes-items:after, .tabboxes--dropdown .tabboxes-items:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.tabboxes--dropdown .tabboxes-items:after {
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 6px;
	margin-left: -6px
}
.tabboxes--dropdown .tabboxes-items:before {
	border-color: rgba(237,237,237,0);
	border-bottom-color: #ededed;
	border-width: 7px;
	margin-left: -7px
}
.tabboxes--dropdown .tabboxes-item {
	display: inline-block
}
.is-open>.tabboxes--dropdown {
	display: block
}
.tabboxes--navbar {
	-webkit-touch-callout: none;
	user-select: none;
	display: none;
	border-bottom: 1px solid #dedede;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center
}
.tabboxes--navbar .tabboxes--dropdown .tabboxes-items {
	top: 15px
}
.tabboxes--navbar .tabboxes-item--dropdown.is-active:after {
	background: #dedede;
	content: '';
	display: block;
	height: 3px;
	top: 3px;
	position: relative
}
.alexa>.tabboxes, .business>.tabboxes, .premium>.tabboxes {
	display: none
}
@media only screen and (max-width:767px) {
.tabboxes {
	display: none
}
}
.respo-mobilemenu {
	position: absolute;
	top: 58px;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
	opacity: 0;
	height: 0;
	-webkit-transition: height .35s ease-in, opacity .35s ease-in;
	transition: height .35s ease-in, opacity .35s ease-in;
	visibility: hidden
}
.respo-mobilemenu--shown {
	opacity: 1;
	visibility: visible
}
.respo-mobilemenu .inner {
	margin: 0;
	text-align: left;
	background-color: #fff
}
.respo-mobilemenu li {
	display: block;
	vertical-align: top
}
.respo-mobilemenu a {
	display: block;
	color: #7d8485;
	padding: 15px 0 15px 4px!important;
	font-size: 17px;
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	-webkit-transition: .35s color;
	transition: .35s color
}
.respo-mobilemenu .secondary {
	display: block
}
.respo-mobilemenu .secondary a:before {
	display: none
}
.respo-mobilemenu .svgicon {
	margin-left: -40px;
	margin-right: 8px;
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle;
	opacity: .8;
	-webkit-transition: .35s opacity;
	transition: .35s opacity
}
.section-pc-container .button-play-text, .section-pc-container p+p {
	margin-top: 20px
}
#top-navigation-menu {
	display: none;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px
}
.section-pc-blogcontainer, .section-pc-container .inner {
	padding: 80px 25px
}
.hamburger {
	cursor: pointer;
	position: relative;
	width: 48px;
	height: 48px;
	-webkit-transition: all .25s;
	transition: all .25s
}
.hamburger--bottom-bun, .hamburger--top-bun {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	width: 24px;
	height: 1px;
	background: #0686dd;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .25s;
	transition: all .25s
}
.hamburger--top-bun {
	top: 23px;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}
.hamburger--bottom-bun {
	bottom: 24px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}
.open {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.open .hamburger--top-bun {
	-webkit-transform: rotate(45deg) translateY(0);
	transform: rotate(45deg) translateY(0)
}
.open .hamburger--bottom-bun {
	-webkit-transform: rotate(-45deg) translateY(0);
	transform: rotate(-45deg) translateY(0)
}
.hamburger_shown #top-navigation-menu {
	display: block;
	position: absolute;
	right: 0
}
.hamburger_shown #footer, .hamburger_shown #top_menu, .hamburger_shown .section-pc-container {
	display: none
}
.section-pc-container {
	border-bottom: 1px solid #eee
}
.section-pc-container .section-title, .section-pc-container h2:not([class]) {
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 20px;
	color: #4b4b4c
}
#testimonials h2 {
	color: #fff!important
}
.section-pc-container p {
	font-size: 17px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	color: #333;
}
.section-pc-container div:not([class]), .section-pc-container h2, .section-pc-container li, .section-pc-container p {
	text-align: center
}
.section-pc-container-secondary .section-title, .section-pc-container-secondary h2:not([class]) {
	font-size: 22px;
	font-weight: 400
}
.section-pc-container-secondary p {
	font-size: 15px
}
.section-pc-container-borderless {
	border: 0
}
.section--grey {
	background-color: #fcfcfc
}
.section--dark-grey {
	background-color: #333
}
.section--dark-grey h2 {
	color: #fff!important
}
.section__h1 {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.125;
	margin-bottom: 20px;
	color: #4b4b4c
}
.section__h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 10px;
	color: #535a5b
}
.section__h-spacer {
	margin-bottom: 30px!important
}
@media only screen and (max-width:767px) {
.section-banner h1, .section-gplay-appstore {
	max-width: 750px;
	width: 100%
}
.main-view .section-banner h2 {
	font-weight: 400!important;
	width: 105%!important
}
#top-navigation-menu {
	display: block;
	position: absolute;
	right: 0
}
.section-pc-container.section-pc-container-mobile {
	background: 0;
	display: block;
	overflow: hidden
}
.section-pc-container.section-pc-container-mobile>.inner {
	display: block;
	height: auto;
	padding-bottom: 0;
	text-align: center
}
.section-pc-container.section-pc-container-mobile>.inner h2 {
	margin-bottom: .5em
}
.section-pc-container.section-pc-container-mobile>.inner>* {
	margin: 0;
	max-width: 100%;
	text-align: inherit
}
.section-pc-container.section-pc-container-mobile>.inner::after {
	content: "";
	display: block;
	min-height: 40vh;
	margin-left: -20px;
	margin-top: 26.67px;
	width: 100vw
}
.section-pc-container.section-pc-container-mobile.section--bg-common1>.inner::after {
	background: url(../images/3.jpg) center no-repeat;
	background-size: cover
}
.section-pc-container.section-pc-container-mobile.section--bg-common3>.inner::after {
	background: url(../images/2.jpg) center no-repeat;
	background-size: cover
}
.section-pc-container.section-pc-container-mobile.section--bg-common2>.inner::after {
	background: url(../images/4.jpg) center center no-repeat;
	background-size: cover
}
}
.section, .section__inner {
	position: relative
}
@media(min-width:768px) {
.hidden-\@md-up {
	display: none!important
}
.text-start-\@md {
	text-align: left
}
.flex-\@md {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex-\@md>* {
	-ms-flex-negative: 1
}
.flex--space-between-\@md {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.width-auto-\@md {
	width: auto
}
.width-1-2-\@md {
	width: 50%
}
.width-1-3-\@md {
	width: 33.33333333%
}
.width-5-12-\@md {
	width: 41.66666667%
}
.width-2-5-\@md, .width-4-10-\@md {
	width: 40%
}
.width-7-10-\@md {
	width: 70%
}
.offset-1-10-\@md {
	margin-left: 10%
}
.m-b-4-\@md {
	margin-bottom: 24px!important
}
.m-b-6-\@md {
	margin-bottom: 36px!important
}
.m-b-7-\@md {
	margin-bottom: 42px!important
}
.m-b-10-\@md {
	margin-bottom: 60px!important
}
.section-banner h1 {
	width: 100%
}
.main-view .section-banner h2 {
	font-weight: 400!important;
	width: 100%!important
}
.section__h-spacer {
	margin-bottom: 60px!important
}
.section__h-spacer-sm {
	margin-bottom: 40px!important
}
}
.section__h-spacer-sm {
	margin-bottom: 30px!important
}
.section--text--light {
	color: #fff
}
.section--reduced-top-bottom-padding .inner {
	padding-top: 50px;
	padding-bottom: 50px;
	height: auto!important
}
.section--left h2, .section--left p, .section--right h2, .section--right p {
	text-align: left;
	max-width: 400px
}
.section--left .inner, .section--right .inner {
	height: 450px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section--left p, .section--right p {
	margin: 0
}
.section--right h2, .section--right p {
	margin-left: 60%
}
.section--content--video, .section--content-image {
	width: 50%
}
.section--content-image-lg {
	width: 70%
}
.section--content--video video {
	max-width: 220px
}
.section--flex--left .inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.section--flex--right .inner {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.section--image {
	padding-bottom: 215px;
	padding-top: 215px
}
@media only screen and (max-width:767px) {
.section-pc-container .inner {
	padding: 20px
}
.section-pc-container .section-title, .section-pc-container h2:not([class]) {
	font-size: 22px;
	margin-bottom: 0
}
.section--flex--left, .section--flex--right {
	display: block!important
}
.section--flex--left .inner, .section--flex--right .inner {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section--flex--left .inner .section--content--video, .section--flex--left .inner .section--content-image, .section--flex--right .inner .section--content--video, .section--flex--right .inner .section--content-image {
	margin-bottom: 35px
}
.section--flex--left .inner .section--content--video img, .section--flex--left .inner .section--content-image img, .section--flex--right .inner .section--content--video img, .section--flex--right .inner .section--content-image img {
	max-width: 190px
}
.section--left, .section--right {
	display: none
}
.section--image {
	padding-bottom: 100px;
	padding-top: 100px
}
.section-sony .inner h1 {
	text-align: left!important;
	font-size: 20px!important
}
}
.container {
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	padding: 0 20px
}
.container::after, .container::before {
	content: '';
	display: table
}
.container::after {
	clear: both
}
.section {
	border-color: #f0f0f0;
	border-top-style: none;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 40px
}
@media(min-width:768px) {
.section {
	padding-top: 70px;
	padding-bottom: 70px
}
}
.section--alt {
	background: #fafcfc
}
[class*=' section--overlay-']::before, [class^=section--overlay-]::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
@media(max-width:959px) {
.hidden-\@md-down {
	display: none!important
}
.p-b-0-\@md-down {
	padding-bottom: 0!important
}
.bg-img-none-\@md-down {
	background-image: none!important
}
.section--overlay-dark-\@md-down::before {
	background: rgba(0,0,0,.25)
}
}
.section--bg-common1 {
	background: url(../images/3.jpg) center no-repeat;
	background-size: cover
}
.section--bg-common2 {
	background: url(../images/4.jpg) center center no-repeat;
	background-size: cover
}
.section--bg-common3 {
	background: url(../images/2.jpg) center no-repeat;
	background-size: cover
}
@media only screen and (max-width:960px) {
.section--bg-optimized-for-android-tablet {
	background-size: 500px
}
.section--bg-karma-goals, .section--bg-karma-levels {
	background-size: 250px
}
}
@media only screen and (max-width:865px) {
.section--bg-optimized-for-android {
	background-size: 375px
}
.section--bg-optimized-for-android-tablet {
	background-size: 400px
}
}
.banner-video-holder .inner {
	position: static;
	overflow: hidden
}
.banner-video, .banner-video-content {
	position: absolute;
	top: 58px;
	left: 0;
	right: 0
}
.banner-video-holder .inner h1 {
	font-size: 35px;
	text-align: center
}
.banner-video-holder .inner h2 {
	font-size: 20px;
	font-weight: 400!important;
	text-align: center
}
.banner-video {
	z-index: 0;
	height: 517px
}
.banner-video video {
	display: block;
	width: 100%;
	min-width: 550px;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain
}
.banner-video-content {
	background-color: rgba(0,0,0,.4);
	z-index: 10;
	height: 517px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.features__section, .inner {
	position: relative
}
.section-top-points div.svgicon, .section-top-points ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}
.section-footer .section-footer-row, .section-top-points ul {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal
}
@media only screen and (max-width:767px) {
.banner-video-holder {
	padding: 0
}
.banner-video, .banner-video-content {
	height: 309px
}
.banner-video video {
	width: 100%!important;
	height: auto!important
}
}
@media only screen and (max-width:920px) {
.banner-video video {
	width: auto;
	height: 100%
}
}
.section-top-points ul {
	margin: 55px 0;
	display: flex;
	-webkit-flex-direction: rows;
	-ms-flex-direction: rows;
	flex-direction: rows;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-top-points li {
	padding: 0 30px
}
.section-top-points div.svgicon {
	height: 88px;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.section-top-points div.desc {
	color: #424849;
	font-weight: 700;
	padding: 15px 0
}
.section-top-points a:not([class]) {
	color: #db4c3f
}
@media only screen and (max-width:767px) {
.section-top-points ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 10px 0
}
.section-top-points li {
	margin-bottom: 5px;
	padding: 0!important;
	width: auto
}
.section-top-points div.desc {
	padding-top: 8px
}
}
.inner {
	text-align: center;
	max-width: 960px;
	padding: 0 25px;
	margin: auto
}
@media only screen and (max-width:767px) {
.section-gplay-appstore a img {
	margin-bottom: 5px!important
}
.appdowico, .appdowico a img {
	margin-bottom: 10px!important
}
.appdowico a img {
	width: 140px
}
.section-footer-social-media__wrapper .inner {
	padding: 0
}
.inner {
	padding: 0 20px
}
.pcfeatures-grid {
	margin-top: 10px!important
}
}
.pcfeatures-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
	text-align: center
}
.pcfeatures-grid article {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 32%;
	height: auto;
	padding: 0 100px 0 0;
	margin-bottom: 35px;
	margin-top: 35px
}
.pcfeatures-grid article:nth-child(2), .pcfeatures-grid article:nth-child(4) {
	padding: 0
}
.pcfeatures-grid article p {
	margin: 0
}
.pcfeatures-grid article a {
	display: block;
	color: #db4c3f;
	margin-top: 5px
}
.pcfeatures-grid article .svgicon {
	height: 42px
}
.pcfeatures-grid-premium article a {
	color: #d79833
}
.pc-benefits-title {
	font-size: 16px;
	color: #424849;
	margin-bottom: 10px
}
.pc-benefits-description {
	font-size: 16px!important;
	line-height: 24px!important;
	color: #333!important
}
.pc-benefits-description strong {
	font-weight: 700
}
.pc-benefits-icon {
	margin-bottom: 15px
}
.pc-benefits-premium {
	color: #db4c3f;
	font-size: 11px;
	margin-bottom: 8px
}
@media only screen and (max-width:768px) {
#_form_1_ ._field-wrapper {
	float: left;
	width: 30%!important
}
.pcfeatures-grid article {
	width: 100%;
	padding: 0 5px 0 0!important
}
.pcfeatures-grid article:nth-child(2), .pcfeatures-grid article:nth-child(4) {
	padding: 0 5px 0 0
}
}
@media only screen and (max-width:479px) {
.pcfeatures-grid article {
	width: 50%;
	padding: 0 4px 0 0
}
.section-top-points .inner .icon .svgicon img {
	width: 50px;
	height: 50px
}
.section-top-points ul {
	margin: 4px 0
}
.section-top-points div.desc {
	padding-top: 0;
	padding-bottom: 3px
}
.section-top-points div.svgicon {
	height: 60px
}
.section-pc-container .inner {
	padding: 5px
}
.section-pc-container .section-title, .section-pc-container h2:not([class]) {
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 700
}
.section-pc-container p {
	font-size: 14px;
	line-height: 1.6
}
.pcfeatures-grid article .svgicon {
	height: 34px
}
.pc-benefits-icon {
	margin-bottom: 26px
}
.pcfeatures-grid article {
	height: auto;
	margin-bottom: -10px
}
.pc-benefits-description {
	font-size: 14px!important
}
.videowrapper {
	top: 20px!important
}
#footer {
	margin-top: 20px
}
}
.feature-highlights {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: left
}
@media(min-width:768px) {
.feature-highlights {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	text-align: center
}
}
.feature-highlights__item {
	display: table-row
}
@media(min-width:768px) {
.feature-highlights__item {
	display: block
}
}
.feature-highlights__body, .feature-highlights__head {
	display: table-cell;
	padding-bottom: 12px;
	padding-top: 12px;
	vertical-align: middle
}
.feature-highlights__body {
	color: #646666;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	padding-left: 6px
}
.feature-highlights__icon {
	height: 65px;
	vertical-align: middle;
	width: auto
}
@media(min-width:768px) {
.feature-highlights__body, .feature-highlights__head {
	display: block;
	padding-bottom: 0;
	padding-top: 0
}
.feature-highlights__body {
	display: inline-block;
	font-size: 16px;
	padding-left: 0;
	max-width: 200px
}
.feature-highlights__icon {
	height: 150px;
	margin-bottom: 25px
}
}
.features {
	text-align: center
}
.features__section:nth-child(n+2) {
	padding-top: 30px
}
.features__section:nth-last-child(n+2) {
	padding-bottom: 30px
}
@media(min-width:1220px) {
.p-v-16-\@xl {
	padding-top: 96px!important;
	padding-bottom: 96px!important
}
.p-v-24-\@xl {
	padding-top: 144px!important;
	padding-bottom: 144px!important
}
.features__section:nth-child(n+2) {
	padding-top: 48px
}
.features__section:nth-last-child(n+2) {
	padding-bottom: 48px
}
}
.features__section:nth-last-child(n+2)::after {
	background: -webkit-linear-gradient(left, rgba(244,244,244,0) 0, #f4f4f4 50%, rgba(244,244,244,0) 100%);
	background: linear-gradient(to right, rgba(244,244,244,0) 0, #f4f4f4 50%, rgba(244,244,244,0) 100%);
	content: '';
	height: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0
}
.features__section-number {
	color: #ffaf47;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 3px
}
.features__section-headline {
	color: #8f9294;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: 30px
}
@media(min-width:960px) {
.features__section-headline {
	margin-bottom: 48px
}
}
.features__icon {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 9px;
	vertical-align: middle;
	width: 40px
}
.features__description {
	color: #848c8c;
	font-size: 14px;
	line-height: 1.5
}
.features__title {
	color: #646666;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.5;
	margin-bottom: 9px;
	text-transform: uppercase
}
.features__more {
	position: relative
}
.features__more-input {
	opacity: 0;
	position: absolute;
	z-index: -1
}
.features__more-cta {
	position: absolute;
	bottom: 0;
	z-index: 1;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.features__more-overlay {
	max-height: 200px;
	padding-bottom: 72px;
	position: relative
}
.features__more-overlay::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,.4) 0, rgba(255,255,255,.8) 50%, #fff 100%, #fff 100%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,.4) 0, rgba(255,255,255,.8) 50%, #fff 100%, #fff 100%)
}
.features__more-input~.features__more-cta::before {
	content: attr(data-features-more)
}
.features__more-input:checked~.features__more-cta::before {
	content: attr(data-features-less)
}
.features__more-input:checked~.features__more-overlay {
	max-height: 1600px;
	-webkit-transition: max-height .4s ease-in;
	transition: max-height .4s ease-in
}
.features__more-input:checked~.features__more-overlay::after {
	opacity: 0
}
.main-view .section-banner {
	background: url(../images/1-2.jpg) center center no-repeat #000;
	background-size: cover
}
.section-testimonials {
	clear: both;
	background: url(../images/bg-fallback-feedback.jpg) center center no-repeat #000;
	background-size: cover
}
.section-testimonials h2 {
	text-align: center;
	margin-bottom: 70px
}
.section-testimonials ul {
	list-style: none;
	text-align: center;
	margin: auto
}
.section-testimonials li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 210px;
	margin: 0 30px
}
.section-testimonials img {
	display: inline-block;
	margin: auto auto 40px
}
.section-testimonials h3 {
	font-size: 18px;
	margin-bottom: 15px
}
.section-testimonials ul p {
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px
}
.section-testimonials ul p strong {
	font-weight: 400
}
.section-testimonials button {
	display: none;
	border: 0
}
@media screen and (max-width:719px) {
.section-testimonials .inner {
	position: relative
}
.section-testimonials button {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 390px;
	margin-left: -49%;
	background: url(../images/leftrightarrow.png) left top no-repeat;
	width: 35px;
	height: 60px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer
}
.section-testimonials button+button {
	left: auto;
	right: 50%;
	margin-right: -49%;
	background-position: right top
}
.section-testimonials ul {
	width: 100%;
	max-width: 510px;
	height: 450px;
	position: relative;
	overflow: hidden
}
.section-testimonials li {
	display: block;
	width: 100%;
	height: 450px;
	margin: auto;
	position: absolute;
	left: 100%;
	top: 0;
	-webkit-transition: left .2s linear;
	transition: left .2s linear
}
.section-testimonials li p {
	margin-left: 0
}
.section-testimonials li.current {
	left: 0
}
.section-testimonials li.left {
	left: -100%
}
.section-testimonials li.right {
	left: 100%
}
.section-testimonials li img {
	display: block;
	margin-left: auto;
	margin-right: auto
}
}
.form__control--select, .section-footer-social-media__icon:before {
	background-repeat: no-repeat
}
.section-footer-cta p {
	margin-bottom: 30px
}
@media only screen and (max-width:767px) {
.section-footer-cta img {
	max-width: 100%
}
}
.section-footer-social-media__channel--dribbble .section-footer-social-media__icon:before {
	background-position: -25px -20px;
	height: 20px;
	width: 21px
}
.section-footer-social-media__channel--facebook .section-footer-social-media__icon:before {
	background-position: 0 -40px;
	height: 20px;
	width: 20px
}
.section-footer-social-media__channel--flipboard .section-footer-social-media__icon:before {
	background-position: -20px -40px;
	height: 20px;
	width: 20px
}
.section-footer-social-media__channel--googleplus .section-footer-social-media__icon:before {
	background-position: 0 0;
	height: 20px;
	width: 32px
}
.section-footer-social-media__channel--instagram .section-footer-social-media__icon:before {
	background-position: -40px -40px;
	height: 20px;
	width: 20px
}
.section-footer-social-media__channel--pinterest .section-footer-social-media__icon:before {
	background-position: -61px 0;
	height: 20px;
	width: 20px
}
.section-footer-social-media__channel--twitter .section-footer-social-media__icon:before {
	background-position: 0 -20px;
	height: 20px;
	width: 25px
}
.section-footer-social-media__channel--youtube .section-footer-social-media__icon:before {
	background-position: -32px 0;
	height: 20px;
	width: 29px
}
.section-footer {
	background-color: #343434;
	padding: 0;
	overflow: auto
}
.section-footer .section-footer-container {
	padding: 0 40px;
	max-width: 960px;
	margin: auto
}
.section-footer, .section-footer a {
	color: #919191
}
.section-footer a:hover {
	-webkit-transition: color .3s ease-out;
	transition: color .3s ease-out;
	color: #c4c4c4
}
.section-footer .section-footer-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: rows;
	-ms-flex-direction: rows;
	flex-direction: rows
}
.section-footer .section-footer-menu {
	margin-bottom: 25px;
	padding: 0 15px;
	width: 28%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	float: left
}
.playapp{ width: 33% !important;}
.section-footer-menu p {
	line-height: 20px;
}
.section-footer .section-footer-menu.section-footer-menu--main {
	margin-bottom: 25px;
	width: 200px;
	margin-right: 50px
}
.section-footer .section-footer-menutitle {
	color: #c4c4c4;
	font-size: 15px;
	font-weight: 600;
	line-height: 2.35;
	margin-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid #636363;
	letter-spacing: 1.3px
}
.section-footer .section-footer-menu .section-footer-menuitems {
	list-style-type: none
}
.section-footer .section-footer-menu, .section-footer .section-footer-menu .section-footer-menuitems {
	font-size: 13px
}
.section-footer .section-footer-menu .section-footer-menuitems .section-footer__new_entry {
	background-color: #db4c3f;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fff;
font-size:.6rem;
	font-weight: 500;
margin-left:.4rem;
	padding: .5em .5em .2em;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
vertical-align:.1rem
}
.section-footer .section-footer-menu .section-footer-menuitems>li {
	margin-bottom: 8px;
	padding-bottom: 5px
}
.section-footer-menuitems p {
	width: 70%;
	float: left;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 5px
}
.section-footer-menuitems p a {
	font-size: 13px
}
.section-footer-menuitems p.time {
	width: 30%;
	font-size: 12px;
	font-style: italic
}
.section-footer .section-footer-menu .section-footer-menuitems>.section-footer-menucombo {
	font-size: 15px;
	font-weight: 600
}
.section-footer .section-footer-menu .section-footer-menuitems>.section-footer-menucombo:not(:last-child) {
	margin-bottom: 15px
}
.section-footer .section-footer-menu .section-footer-menuitems>.section-footer-menucombo .section-footer-dropdown {
	width: 150px;
	display: block;
	margin-top: 3px
}
.section-footer-social-media {
	margin-bottom: 0;
	padding: 40px 40px 30px
}
.section-footer-social-media2 {
	margin-bottom: 0;
	padding: 5px;
	border-top: 1px solid #505050
}
@media only screen and (max-width:768px) {
.section-footer-social-media {
	padding-left: 0;
	padding-right: 0
}
}
@media only screen and (max-width:767px) {
.section-footer-social-media .section-footer-container {
	padding: 0
}
.section-footer .section-footer-menu {
	width: 90%
}


.playapp{ width: 90% !important;}




}
.section-footer-social-media__wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 15px;
	text-align: center
}
@media only screen and (max-width:768px) {
.section-footer-social-media__wrapper {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}
}
.section-footer-social-media__wrapper>* {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.section-footer-social-media__wrapper p {
	font-size: 12px;
	line-height: 20px
}
.pcfeatures-grid video {
	margin: 0 auto;
	width: 50%
}
.pvpolicy {
	margin-left: 20px
}
.section-footer-social-media__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 20px 0;
	padding: 0;
	width: 100%
}
@media only screen and (max-width:768px) {
.section-footer-social-media__list {
	margin: 5px 0 14px!important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.pcfeatures-grid video {
	margin: 0 auto;
	width: 100%
}
}
.section-footer-social-media__channel {
	margin: 0 10px;
	opacity: .5;
	-webkit-transition: opacity 350ms;
	transition: opacity 350ms
}
.section-footer-social-media__channel:hover {
	opacity: .8;
	-webkit-transition: opacity 150ms;
	transition: opacity 150ms
}
.section-footer-social-media__link {
	display: block;
	padding: 10px
}
@media only screen and (max-width:767px) {
.section-footer-social-media__channel {
	margin: 1%
}
.section-footer-social-media__channel--googleplus .section-footer-social-media__link {
	padding-left: 16px
}
}
.section-footer-social-media__channel .section-footer-social-media__icon:before {
	content: "";
	display: block;
	margin: 0 auto
}
#social_share {
	height: 55px;
	margin-top: -55px
}
#social_share div {
	display: inline-block;
	margin: 0 20px
}
@media only screen and (max-width:767px) {
.section-footer .section-footer-row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: columns;
	-ms-flex-direction: columns;
	flex-direction: columns
}
#social_share {
	position: absolute;
	left: 0;
	width: 100%
}
#social_share div {
	margin: 0 5px
}
}
@media only screen and (max-width:768px) {
.section-footer .section-footer-row {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.section-footer .section-footer-menu--main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%
}
}
.p-h-0 {
	padding-left: 0!important;
	padding-right: 0!important
}
.p-v-0 {
	padding-top: 0!important;
	padding-bottom: 0!important
}
.form__control {
	box-sizing: border-box;
	font: inherit;
	height: 2.25rem;
	max-width: 100%;
padding:.375rem .75rem;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background-color: #fff;
	color: #535a5b;
font-size:.9375rem;
	-webkit-transition: background-color linear .2s, border-color linear .2s, box-shadow linear .2s;
	transition: background-color linear .2s, border-color linear .2s, box-shadow linear .2s
}
.form__control--sm {
	height: 1.875rem;
padding:.375rem .75rem;
font-size:.75rem
}
.form__control--select {
	text-transform: none;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	user-select: none;
	padding-right: 1.75rem;
	background-color: #fff;
background-position:right .75rem center;
background-size:.625rem;
padding-right:.75rem\9;
	background-image: none\9
}
.videowrapper {
	position: relative;
	top: 0;
	margin: 0px auto !important;
	text-align: center !important;
	border: 1px solid #dfdfdf;
}
.play_video {
	width: 100%
}
.cta {
	padding: 40px 0
}
.bg-blue {
	background-color: #0686dd;
	background: rgba(0,0,0,.6)
}
.text-white {
	color: #fff
}
@media(min-width:768px) and (max-width:959px) {
.ebookcontent {
	width: 62%;
	float: left;
	line-height: 22px;
	margin-top: -30px
}
.section-footer .section-footer-menu {
	width: 28%
}
}
.main_content_container {
	max-width: 768px;
	margin: 0 auto
}
#main_content_container .inner {
	text-align: left
}
.site-main {
	padding-top: 3em;
	padding-bottom: 0
}
.main_content_container #primary {
	position: relative;
	left: 0
}
.main_content_container #primary article {
	margin-bottom: 15px
}
.entry-title {
	padding-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 1.45rem
}
.entry-header .avatar {
	float: left;
	border-radius: 50%;
	max-width: 75px;
	margin-bottom: 1em;
	margin-right: 20px
}
.hentry .sumome-share-client-wrapper {
	padding: 20px 0 10px
}
.sumome-share-client-wrapper {
	display: block;
	background: 0 0;
	position: static
}
.entry-content img {
	max-width: 100%
}
.entry-content p {
	line-height: 1.625rem;
	margin: 0 0 1.5rem;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	max-width: 768px
}
.entry-content h4 {
	font-size: 1.15em
}
.entry-content h2 {
	font-size: 20px!important
}
.tdb-article__meta {
	text-align: left!important
}
.entry-content .form-group {
	margin-bottom: 1rem;
	width: 80%
}
.entry-content label {
	display: inline-block;
margin-bottom:.5rem
}
[role=button], a, area, button, input, label, select, summary, textarea {
-ms-touch-action:manipulation;
touch-action:manipulation
}
.entry-content a, i, small, span {
	display: inline-block;
	text-decoration: none
}
.entry-content .form-control {
	display: block;
	width: 100%;
padding:.5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
border-radius:.25rem;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.entry-content .formgroup-wrap {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	display: flex
}
.entry-content .formgroup-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: 0;
	margin-top: 20px
}
.entry-content .form-group textarea {
	overflow: auto;
	resize: vertical;
	width: 100%
}
.formgrp100 {
	width: 92%!important
}
.comment, h4.comments-heading {
	margin-bottom: 2rem
}
.pc-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.pc-2 p {
	float: left;
	margin-right: 10px
}
.rounded-circle {
	border-radius: 17%;
	max-width: 75px!important
}
.img-fluid {
	max-width: 100%;
	height: auto
}
.pccommentwrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px
}
.pc-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 90%;
	max-width: 90%
}
.comment p.posted {
	color: #868e96;
	font-size: 90%;
	margin-bottom: -15px;
	padding-bottom: 0
}
.comment p {
	color: #adb5bd;
	font-size: 15px
}
.btn, .btn-template-outlined {
	font-weight: 400;
	border: 1px solid #dfdfdf;
	padding: 5px 20px;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: 25px;
	transition: all .15s ease-in-out
}
.btn-template-outlined:hover {
	border-color: #0686dd!important;
	color: #0686dd!important
}
.btn-primary, .btn-template {
	color: #fff;
	background-color: #0686dd;
	border-color: #0686dd
}
.btn-primary:hover, .btn-template:hover {
	color: #fff;
	background-color: #333;
	border-color: #333
}
#_form_1_ {
	font-size: 14px;
	line-height: 1.6;
	font-family: arial, helvetica, sans-serif;
	margin: 0
}
._form_hide {
	display: none;
	visibility: hidden
}
._form_show {
	display: block;
	visibility: visible
}
#_form_1_._form-top {
	top: 0
}
#_form_1_._form-bottom {
	bottom: 0
}
#_form_1_._form-left {
	left: 0
}
#_form_1_._form-right {
	right: 0
}
#_form_1_ input[type=text], #_form_1_ input[type=date], #_form_1_ textarea {
	padding: 16px;
	height: auto;
	border: 1px solid #979797;
	border-radius: 4px;
	color: #000!important;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#_form_1_ textarea {
	resize: none
}
#_form_1_ ._submit {
	-webkit-appearance: none;
	cursor: pointer;
	font-family: arial, sans-serif;
	font-size: 14px;
	text-align: center;
	background: #333!important;
	border: 0!important;
	color: #fff!important;
	padding: 16px!important
}
#_form_1_ ._close-icon {
	cursor: pointer;
	background-image: url(https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png);
	background-repeat: no-repeat;
	background-size: 14.2px 14.2px;
	position: absolute;
	display: block;
	top: 11px;
	right: 9px;
	overflow: hidden;
	width: 16.2px;
	height: 16.2px
}
#_form_1_ ._close-icon:before {
	position: relative
}
#_form_1_ ._form-body {
	margin-bottom: 30px
}
#_form_1_ ._form-image-left {
	width: 150px;
	float: left
}
#_form_1_ ._form-content-right {
	margin-left: 164px
}
#_form_1_ ._form-branding {
	color: #fff;
	font-size: 10px;
	clear: both;
	text-align: left;
	margin-top: 30px;
	font-weight: 100
}
#_form_1_ ._form-branding ._logo {
	display: block;
	width: 130px;
	height: 14px;
	margin-top: 6px;
	background-image: url(https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png);
	background-size: 130px auto;
	background-repeat: no-repeat
}
#_form_1_ ._form-label, #_form_1_ ._form_element ._form-label {
	font-weight: 700;
	margin-bottom: 5px;
	display: none;
	float: left
}
#_form_1_._dark ._form-branding {
	color: #333
}
#_form_1_._dark ._form-branding ._logo {
	background-image: url(https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png)
}
#_form_1_ ._form_element {
	position: relative;
	margin-bottom: 10px;
	font-size: 0;
	max-width: 100%
}
#_form_1_ ._form_element * {
	font-size: 14px
}
#_form_1_ ._form_element._clear {
	clear: both;
	width: 100%;
	float: none
}
#_form_1_ ._clear-element, #_form_1_ ._form_element._clear:after {
	clear: left
}
#_form_1_ ._form_element input[type=text], #_form_1_ ._form_element input[type=date], #_form_1_ ._form_element select, #_form_1_ ._form_element textarea:not(.g-recaptcha-response) {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f4f4f4;
	line-height: 1.1em;
	margin-right: 8px;
	border-color: #CECECE
}
#_form_1_ ._field-wrapper {
	float: left;
	width: 37%
}
#_form_1_ ._inline-style {
	float: left
}
#_form_1_ ._inline-style input[type=text] {
	width: 150px
}
#_form_1_ ._inline-style:not(._clear)+._inline-style:not(._clear) {
	margin-left: 20px
}
#_form_1_ ._form_element img._form-image {
	max-width: 100%
}
#_form_1_ ._full_width {
	width: 100%
}
#_form_1_ ._form_full_field {
	display: block;
	width: 100%;
	margin-bottom: 10px
}
#_form_1_ input[type=text]._has_error, #_form_1_ textarea._has_error {
	border: 1px solid #f37c7b
}
#_form_1_ input[type=checkbox]._has_error {
	outline: #f37c7b solid 1px
}
#_form_1_ ._error {
	display: block;
	position: absolute;
	font-size: 13px;
	z-index: 10000001
}
#_form_1_ ._error._above {
	padding-bottom: 4px;
	top: -41px;
	right: 0
}
#_form_1_ ._error._below {
	padding-top: 4px;
	top: 100%;
	right: 0
}
#_form_1_ ._error._above ._error-arrow, #_form_1_ ._error._below ._error-arrow {
	right: 15px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}
#_form_1_ ._error._above ._error-arrow {
	bottom: 0;
	border-top: 5px solid #f37c7b
}
#_form_1_ ._error._below ._error-arrow {
	top: 0;
	border-bottom: 5px solid #f37c7b
}
#_form_1_ ._error-inner {
	padding: 8px 12px;
	background-color: #f37c7b;
	font-size: 13px;
	font-family: 'PT Sans';
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
#_form_1_ ._error-inner._form_error {
	margin-bottom: 5px;
	text-align: left
}
#_form_1_ ._error-html, #_form_1_ ._error-inner._no_arrow {
	margin-bottom: 10px
}
#_form_1_ ._button-wrapper ._error-inner._form_error {
	position: static
}
#_form_1_ ._error-arrow {
	position: absolute;
	width: 0;
	height: 0
}
.pika-single {
	z-index: 10000001!important
}
@media all and (min-width:320px) and (max-width:667px) {
#_form_1_, #_form_1_ ._form-content {
	margin: 0;
	width: 100%
}
::-webkit-scrollbar {
display:none
}
#_form_1_ {
	min-width: 100%;
	max-width: 100%;
	box-sizing: border-box
}
#_form_1_ * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em
}
#_form_1_ ._form-inner {
	display: block;
	min-width: 100%
}
#_form_1_ ._form-title, #_form_1_ ._inline-style {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0
}
#_form_1_ ._form-title {
	font-size: 1.2em
}
#_form_1_ ._form_element {
	margin: 0 0 20px;
	padding: 0;
	width: 100%
}
#_form_1_ ._form-element, #_form_1_ ._inline-style, #_form_1_ input[type=text], #_form_1_ label, #_form_1_ p, #_form_1_ textarea:not(.g-recaptcha-response) {
	float: none;
	display: block;
	width: 100%;
	margin-bottom: 10px
}
#_form_1_ ._row input[type=checkbox]+span label, #_form_1_ ._row._checkbox-radio label {
	display: inline
}
#_form_1_ ._row, #_form_1_ label, #_form_1_ p {
	margin-bottom: .7em;
	width: 100%
}
#_form_1_ ._row input[type=checkbox], #_form_1_ ._row input[type=radio], #_form_1_ ._row span label {
	margin: 0!important;
	vertical-align: middle!important
}
#_form_1_ ._row span label {
	width: initial!important
}
#_form_1_ ._form-image {
	max-width: 100%;
	height: auto!important
}
#_form_1_ input[type=text] {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	line-height: 1.3em;
	-webkit-appearance: none
}
#_form_1_ ._field-wrapper {
	float: none;
	width: 100%!important
}
#_form_1_ input[type=checkbox], #_form_1_ input[type=radio] {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	font-size: 1em;
	margin: 0 .3em 0 0;
	vertical-align: baseline
}
#_form_1_ button[type=submit] {
	font-size: 14px;
	width: 100%;
	padding: 20px
}
#_form_1_ ._inline-style {
	margin: 20px 0 0!important
}
}
.penci-image-holder, ul.penci-grid {
	vertical-align: top;
	display: inline-block
}
#_form_1_ {
	position: relative;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0 solid #b0b0b0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	color: #000!important;
	margin-bottom: 30px
}
#_form_1_ ._form-title {
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 0
}
#_form_1_:after, #_form_1_:before {
	content: " ";
	display: table
}
.cat>a.penci-cat-name::after, .grid-post-box-meta span::after, .list-post .header-list-style::after, .penci-image-holder::before {
	content: ""
}
#_form_1_:after {
	clear: both
}
#_form_1_._inline-style {
	width: auto;
	display: inline-block
}
#_form_1_._inline-style input[type=text], #_form_1_._inline-style input[type=date] {
	padding: 10px 12px
}
#_form_1_._inline-style button._inline-style {
	position: relative;
	top: 27px
}
#_form_1_._inline-style p {
	margin: 0
}
#_form_1_._inline-style ._button-wrapper {
	position: relative;
	margin: 27px 12.5px 0 20px
}
#_form_1_ ._form-thank-you {
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 18px
}
@media all and (min-width:320px) and (max-width:667px) {
#_form_1_._inline-form._inline-style ._inline-style._button-wrapper {
	margin-top: 20px!important;
	margin-left: 0!important
}
}
#main {
	width: 70%;
	padding-right: 30px;
	float: left;
	text-align: left
}
.penci-sidebar-content {
	width: 25%;
	float: right
}
ul.penci-grid {
	width: 100%;
	padding: 0;
	margin: 0
}
.penci-grid li.list-post {
	width: 100%!important;
	margin-right: 0!important;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEDEDE
}
.penci-grid>li {
	list-style: none!important
}
.penci-grid li.list-post .item>.thumbnail {
	margin: 0;
	width: 40%;
	float: left;
	max-width: 370px
}
.penci-image-holder {
	position: relative;
	width: 100%;
	background: url(images/no-image.jpg) center center no-repeat #f5f5f5;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	overflow: hidden
}
.penci-image-holder::before {
	display: block;
	width: 100%;
	padding-top: 66.6667%;
	background: 0 0!important;
	box-shadow: none!important
}
.penci-holder-load:not([style*=background-image]), .penci-image-holder:not([style*=background-image]), .penci-lazy[src*=penci-holder] {
	background-image: linear-gradient(to left, #f5f5f5 0, #efefef 15%, #f5f5f5 40%, #f5f5f5 100%);
	background-repeat: no-repeat!important;
	background-color: #f5f5f5;
	background-size: 900px 1700px!important;
	background-position: center center!important;
	animation: pencipreload 1s infinite linear forwards;
	-webkit-animation: pencipreload 1s infinite linear forwards
}
.penci-lazy[src*=penci-holder] {
	width: 100%;
	height: auto
}
.holder-square.penci-lazy[src*=penci-holder] {
	height: 0;
	padding-bottom: 100%
}
.instagram-square-lazy.penci-lazy[src*=penci-holder] {
	height: 0!important;
	padding-bottom: 100%!important
}
.penci-grid li.list-post .item .content-list-right {
	margin: 0;
	padding-left: 300px
}
.list-post .header-list-style {
	position: relative;
	padding-bottom: 17px
}
.list-post .header-list-style::after {
	width: 60px;
	height: 1px;
	background: #6eb48c;
	display: block;
	bottom: 0;
	left: 0;
	position: absolute
}
.penci-grid li .item .cat, .penci-masonry .item-masonry .cat {
	color: #6eb48c;
	display: block;
	margin-bottom: 8px
}
.penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name {
	color: #8a8f6a
}
.cat>a.penci-cat-name:first-child {
	margin-left: 0
}
.cat>a.penci-cat-name {
	font-size: 13px;
	color: #6eb48c;
	line-height: 1.2;
	margin: 0 18px 5px 0;
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	background: 0 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	font-weight: 400;
	position: relative;
	text-decoration: none
}
.cat>a.penci-cat-name::after {
	display: inline-block;
	border: 1px solid;
	font-size: 12px;
	margin-left: 11px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	width: 3px;
	height: 3px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}
.penci-border-arrow, .penci-grid .cat a.penci-cat-name::after, .penci-masonry .cat a.penci-cat-name::after {
	border-color: #8a8f6a
}
.grid-post-box-meta {
	margin: 12px 0 0;
	font-size: 14px
}
.grid-post-box-meta span {
	color: #888
}
.grid-post-box-meta span a, .grid-title, .grid-title a {
	color: #313131
}
.grid-post-box-meta span::after {
	width: 1px;
	height: 10px;
	background: #DEDEDE;
	margin: 0 11px 0 15px;
	display: inline-block
}
.penci-grid .mixed-detail .item-content, .penci-grid li .item .item-content, .penci-masonry .item-masonry .item-content {
	margin-top: 18px;
	text-align: left
}
.penci-grid li .item p, .penci-masonry .item-masonry p {
	margin-bottom: 0;
	line-height: 1.8;
	font-size: 14px
}
.grid-title {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	font-family: 'Roboto Condensed', sans-serif!important
}
.grid-title a:hover {
	color: #666
}
.penci-sidebar-content .widget {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-bottom: 60px;
	clear: both
}
.penci-border-arrow {
	border-bottom: 2px solid #313131
}
.penci-border-arrow .inner-arrow {
	border: 1px solid #313131;
	background: #313131;
	position: relative;
	text-transform: uppercase;
	padding: 8px 12px 7px;
	z-index: 3;
	font-size: 14px;
	border-left-width: 2px;
	border-bottom-color: #8a8f6a;
	display: inline-block;
	border-bottom-width: 2px;
	margin-bottom: -2px;
	color: #fff
}
.testimonial .post, .testimonial .title {
	font-style: italic;
	text-transform: capitalize
}
.widget ul {
	list-style: none
}
.widget ul.side-newsfeed::after, .widget ul.side-newsfeed::before {
	display: table;
	content: '';
	clear: both;
	line-height: 0
}
.widget ul.side-newsfeed li.featured-news {
	width: 100%!important;
	margin-right: 0
}
.widget ul.penci-feed-2columns li {
	width: 47%;
	float: left;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-bottom: none
}
.widget ul.side-newsfeed li {
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-left: 0;
	position: relative
}
.widget ul li {
	margin-bottom: 11px;
	padding-bottom: 12px;
	border-bottom: 1px solid #DEDEDE;
	font-size: 14px;
	color: #888
}
.widget ul.side-newsfeed li .side-item {
	overflow: hidden;
	position: relative
}
.widget ul.side-newsfeed li.featured-news .side-image {
	float: none!important;
	margin: 0 0 12px!important
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
	margin-bottom: 6px;
	color: #313131;
	display: block;
	font-size: 14px;
	line-height: 1.3;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	font-family: 'Roboto Condensed', sans-serif!important
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
	letter-spacing: 0;
	color: #888;
	font-family: 'PT Serif', sans-serif;
	font-size: 13px
}
.widget ul.penci-2columns-featured>li:nth-child(2n) {
	clear: both;
	margin-right: 6%
}
.widget ul.penci-feed-2columns li .side-item .side-image, .widget ul.penci-feed-2columns li .side-item .side-image.thumbnail-right {
	width: 100%;
	margin: 0 0 16px;
	float: none!important
}
.thbla {
	font-style: italic;
	color: #0686dd
}
.feed-container {
	font-size: 14px;
	font-family: 'PT Sans'
}
.feed-container .header {
	color: #919191;
	margin: 0;
	padding: 0;
	font-size: 14px;
	border-bottom: 1px solid #919191
}
.feed-container .footer {
	margin: 0;
	color: #919191
}
.feed-container .header .title {
	margin: 0;
	padding: 0;
	font-weight: 400;
	color: #919191
}
.feed-container .header a, .feed-container .header a:hover {
	text-decoration: none;
	color: #919191
}
.feed-container .content {
	margin: 0
}
.feed-container .content .item {
	padding: 10px 0;
	border-bottom: 1px solid #404040
}
.feed-container .content .item .title {
	margin: 1px 0;
	padding: 1px 2px 1px 0;
	color: #919191;
	font-weight: 400;
	line-height: 20px;
	font-size: 12px
}
.feed-container .content .item .title a {
	color: #919191;
	text-decoration: none
}
.feed-container .content .item .title a:hover {
	color: #c4c4c4;
	text-decoration: none
}
.feed-container .content .item .description {
	padding: 0 2px 0 3px;
	color: #919191
}
.feed-container .content .item .description a, .feed-container .content .item .description a:hover {
	text-decoration: none;
	color: #919191
}
.pubDt {
	font-style: italic;
	font-size: 11px
}
.testimonial {
	text-align: center
}
.testimonial .description {
	font-size: 15px;
	color: #fff;
	line-height: 27px;
	margin-bottom: 30px;
	text-align: justify
}
.testimonial .pic {
	display: inline-block;
	width: 116px;
	height: 116px;
	margin-bottom: 15px;
	position: relative
}
.testimonial .pic img {
	width: 100%;
	height: auto
}
.testimonial .title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 7px;
	line-height: 23px
}
.testimonial .post {
	display: block;
	font-size: 15px;
	color: #585656
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center
}
.owl-theme .owl-controls .owl-page span {
	transition: all .4s ease 0s
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel, .owl-carousel .owl-wrapper {
	display: none;
	position: relative
}
.owl-carousel {
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: .5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) center center no-repeat
}
@media only screen and (max-width:767px) {
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	color: #7d8485;
	margin-top: 10px
}
.testimonial .description {
	text-align: left;
	padding: 5px
}
}
.YouTubePopUp-Wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #666;
	background-color: rgba(102,102,102,.8)!important;
	top: 0;
	left: 0;
	z-index: 9999999999999
}
.YouTubePopUp-animation {
	opacity: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUp;
	animation-name: YouTubePopUp
}
@-webkit-keyframes YouTubePopUp {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes YouTubePopUp {
0% {
opacity:0
}
100% {
opacity:1
}
}
body.logged-in .YouTubePopUp-Wrap {
	top: 32px;
	z-index: 99998
}
.YouTubePopUp-Content {
	max-width: 680px;
	display: block;
	margin: 0 auto;
	height: 100%;
	position: relative;
	top: -80px
}
.YouTubePopUp-Content iframe {
	max-width: 98%!important;
	width: 98%!important;
	display: block!important;
	height: 356px!important;
	border: none!important;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: #fff;
	padding: 2%!important;
	border-collapse: separate;
	border-radius: 4px!important;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.5), 0 0 10px 0 rgba(0,0,0,.2)!important
}
.YouTubePopUp-Hide {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUpHide;
	animation-name: YouTubePopUpHide
}
@-webkit-keyframes YouTubePopUpHide {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes YouTubePopUpHide {
0% {
opacity:1
}
100% {
opacity:0
}
}
.YouTubePopUp-Close {
	position: absolute;
	top: 0;
	cursor: pointer;
	bottom: 412px;
	right: -14px;
	margin: auto 0;
	width: 24px;
	height: 24px;
	background: url(../images/spblaicon.png) no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	z-index: 999
}
.YouTubePopUp-Close:hover {
	opacity: .5
}
@media all and (max-width:768px) and (min-width:10px) {
.YouTubePopUp-Content {
	max-width: 90%
}
}
@media all and (max-width:600px) and (min-width:10px) {
.YouTubePopUp-Content iframe {
	height: 320px!important
}
.YouTubePopUp-Close {
	bottom: 362px
}
}
@media all and (max-width:480px) and (min-width:10px) {
.YouTubePopUp-Content iframe {
	height: 220px!important
}
.YouTubePopUp-Close {
	bottom: 262px
}
}
#page {
	min-height: 100vh;
	padding-bottom: 0
}
#page, img {
	height: auto
}
#page, sub, sup {
	position: relative
}
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden
}
.logo, .logo::before, .site-footer, .site-header {
	position: absolute
}
.site-header {
	width: 100%
}
hr, p {
	margin-bottom: 1.5em
}
.logo {
font-family:'PT Sans' font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	left: 20px;
	line-height: 1;
	top: 20px;
	white-space: nowrap;
	z-index: 10550
}
.logo, .logo::before, .main-navigation.alt li a {
	transition: all .5s ease-in-out
}
.logo::before {
	background-color: #000;
	bottom: 0;
	content: '';
	height: 1px;
	left: 1px;
	width: 15px
}
.main-navigation {
	clear: both;
	display: none;
	position: relative;
	width: 100%;
	z-index: 2
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 20px;
	text-align: center
}
.main-navigation li {
	font-family: 'PT Sans';
font-size:.6875rem;
	font-style: normal;
	font-weight: 500;
	display: inline-block;
	letter-spacing: .1em;
	text-transform: uppercase
}
.purpclr-text h1, .purpclr-text h1 span {
	font-weight: 600;
	font-family: 'Roboto Condensed'!important
}
#purpclr-content {
	overflow: hidden
}
#purpclr-earbuds {
	position: absolute;
	top: 40px;
	bottom: 0;
	margin: auto;
	z-index: 1;
	width: 270px
}
.wp-caption, embed, iframe, img, object, pre {
	max-width:100%
}
.purpclr-wrapper {
	background: #e6eaed;
	position: relative;
	height: 85vh;
	min-height: 480px;
	box-sizing: initial;
	padding: 52px 0
}
@media(min-width:640px) {
.purpclr-inner {
	width: 100%
}
}
@media(max-width:1440px) {
.purpclr-text #purpclr-phone {
	top: 84px;
	width: 260px
}
.purpclr-text {
	padding-left: 300px!important
}
.purpclr-wrapper {
	padding: 39px 0
}
.purpclr-text h1 {
	font-size: 46px;
	line-height: 65px
}
.purpclr-text p {
	font-size: 16px
}
}
@media(max-width:1200px) {
.purpclr-text {
	padding-left: 0!important;
	z-index: 1;
	width: 85%!important;
	margin: 0 auto!important
}
.purpclr-text #purpclr-phone {
	right: 0;
	left: auto
}
.purpclr-text .purpclr-text-inner {
	width: 65%
}
}
@media(max-width:1024px) {
.purpclr-text #purpclr-phone {
	position: fixed;
	top: 66px!important
}
.purpclr-text .purpclr-text-inner {
	padding-top: 50px
}
#_form_1_ ._field-wrapper {
	float: left;
	width: 32%
}
}
@media(max-width:768px) {
.section-thankyou .inner {
	padding-top: 36px!important;
	background-color: rgba(255,255,255,.5);
	min-height: 100vh
}
.purpclr-wrapper {
	background: #e6eaed;
	position: relative;
	box-sizing: initial;
	padding: 73px 0
}
.flama-form input[type=text], .flama-form input[type=email] {
	width: 24%
}
.purpclr-text #purpclr-phone {
	width: 132px
}
.purpclr-text h1 {
	font-size: 24px!important;
	line-height: 30px!important
}
.purpclr-text p {
	font-size: 14px
}
}
@media(max-width:480px) {
#purpclr-earbuds {
	display: none!important
}
.purpclr-text #purpclr-phone {
	width: 200px;
	display: none
}
.purpclr-text {
	padding-left: 0!important;
	z-index: 1;
	width: 93%!important;
	margin: 0 auto!important
}
.flama-form, .purpclr-text .purpclr-text-inner {
	width: 100%
}
.purpclr-wrapper {
	background: #e6eaed;
	position: relative;
	height: 85vh;
	box-sizing: initial
}
.purpclr-text h1 {
	font-size: 18px!important;
	line-height: 24px!important
}
.purpclr-text h1 span {
	font-size: 14px!important;
	letter-spacing: .9px!important
}
.flama-form input[type=text], .flama-form input[type=email] {
	font-size: 10px
}
button, input[type=button], input[type=submit], input[type=reset] {
	font-size: 10px;
	padding: 5px
}
}
.purpclr-text {
	padding-left: 400px;
	width: 620px;
	box-sizing: content-box;
	margin: 0 auto
}
#purpclr-phone {
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 0;
	margin: auto;
	z-index: 1;
	width: 330px
}
.purpclr-text h1 {
	font-size: 32px;
	line-height: 40px;
	margin: 0
}
.purpclr-text h1 span {
	font-size: 16px;
	letter-spacing: 1.2px
}
.purpclr-text, .purpclr-text h1 .underlined {
	position: relative
}
.purpclr-text h1 .subtext {
	font-family: 'PT Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-transform: none
}
.purpclr-text p {
	line-height: 32px
}
.purpclr-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px
}
form {
	outline: 0!important
}
.purpclr-form input {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.flama-form input, .purpclr-btn-mobile {
	font-family: flama-book, sans-serif
}
.purpclr-copyright, .purpclr-text small {
	font-family: 'PT Sans'
}
input[type=text], input[type=email], input[type=search], input[type=url], input[type=password], textarea {
	padding: 10px 15px;
	border: 1px solid #ddd;
	outline: 0!important;
	transition: border-color .1s;
	width: 95%
}
button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover {
	background: 0 0;
	color: #000
}
button, input[type=button], input[type=submit], input[type=reset] {
	transition: background-color .15s, color .15s, border-color .15s;
	border: 1px solid #000;
	border-radius: 0;
	background-color: #000;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	outline: 0!important
}
.purpclr-text small {
	display: inline-block;
	font-size: 14px
}
.purpclr-btn-mobile {
	display: none;
	text-transform: uppercase;
	padding: 10px 15px
}
.modal .modal-state {
	display: none
}
.flama-form input[type=text], .flama-form input[type=email] {
	background: 0 0;
	line-height: 1.1em;
	margin-right: 8px;
	border-color: #CECECE
}
.modal-optin-how-get-anything input, .modal-optin-how-get-anything input[type=submit] {
	width: 100%;
	margin-bottom: 20px;
	padding: 14px 19px
}
.purpclr-footer {
	background: #e6eaed;
	padding: 10px 0;
	border-top: 1px solid #dfdfdf;
	text-align: center
}
.purpclr-footer-container {
	max-width: 1140px;
	margin: 0 auto
}
.htgayw-sponsors {
	list-style: none;
	margin: 0 auto;
	padding: 30px 15px;
	border-bottom: 1px solid #eae4e3
}
.purpclr-vcenter {
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
.sponsors-logo-pond {
	padding-left: 0;
	margin: 0 auto;
	height: 30px
}
.htgayw-sponsors .as-seen-on {
font-size:.40625rem;
	font-style: normal;
	font-weight: 500;
	color: #6f6868;
	line-height: 14px;
	letter-spacing: .1em;
	vertical-align: middle
}
.purpclr-copyright, .purpclr-footer-links li a {
	font-size: 10px;
	color: #7c7c7c
}
.sponsors-logo-pond li.forbes {
	background-size: 37px 12px;
	width: 37px
}
.purpclr-footer-links {
	list-style: none;
	margin: 0;
	display: inline-block;
	padding: 0 15px
}
.purpclr-footer-links li {
	display: inline-block;
	margin-right: 15px
}
.htgayw-sponsors .as-seen-on, .purpclr-footer-links li a {
	font-family: 'PT Sans';
	text-transform: uppercase
}
.blackbook, .section-thankyou h1 {
	font-family: 'Roboto Condensed'!important;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 38px;
	line-height: 32px;
	color: #000
}
.thank-you-wrapper {
	max-width: 960px;
	text-align: center
}
.section-thankyou {
	clear: both;
	background: url(../images/thankyou-bkg.jpg) center center no-repeat #000;
	background-size: cover;
	min-height: 99.99vh
}
.section-thankyou .inner {
	padding-top: 280px
}
.section-thankyou h1 {
	text-transform: uppercase
}
.section-thankyou p {
	font-size: 21px;
	color: #000;
	font-family: 'PT Sans'
}
.ebookin {
	width: auto;
	margin-bottom: 20px
}
.ebookin ul {
	margin-top: 10px
}
.ebookin ul li {
	list-style-type: disc;
	line-height: 24px;
	font-size: 14px;
	margin-left: 14px
}
#twitter-widget-0 {
	min-height: 100px !important;
}
.section-download {
	clear: both;
	background: url(../images/mission-landingpage.jpg) center center no-repeat #000;
	background-size: cover;
	min-height: 99.99vh;
}
.section-download .purpclr-wrapper{ background:none !important;}
.section-download .section-gplay-appstore {
	max-width: 750px;
 width:100% !important; 
}
.section-download .purpclr-text p {
	line-height: 32px;
	color: #fff;
	font-size: 22px;
}

/*===================2052019 downloadios css starts here========================*/
.Downloadios-wrap{
	
	background: url(../images/iosbkg.jpg) center center no-repeat #000;
	background-size: cover;
	min-height: 99.99vh;
}

.Dwioslogo{max-width:200px; text-align: center; margin: 0px auto;}
.Dwioslogo img{margin-top: 10px;}
.Downloadios-wrap p{ text-align: center; margin: 0px auto; color: #333; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.5px; padding-top: 5px; font-size: 12px;}
.DWiosscreen { display: none !important; /*max-width: 300px;margin: 0px auto !important;text-align: center !important;padding-top: 10px;position: relative;bottom:0px;*/}
.DWiosscreendesk{display: block !important; max-width:300px;margin: 0px auto !important;text-align: center !important;padding-top: 10px;position: relative;bottom:0px;}

.Downloadios-wrap h1{color: #333; text-align: center; font-weight: bold; margin: 0px auto; font-family: 'Roboto Condensed', sans-serif; font-size: 60px;padding-top:10px;}
.downiosqpeople{font-size: 14px; text-align: right; text-transform: uppercase;}
.apstorebtnwrap{position: fixed; background: #fff; height: 60px; width: 100%; bottom: 0px; margin: 0px auto; text-align: center; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; /*border-radius: 15px 15px 0px 0px;*/}
.apstorebtnwrap img {
	margin-top: 10px;
	max-width: 120px;
}

.DWiosscreendesk{display: block;}


/*===================2052019 downloadios css starts here========================*/

@media only screen and (max-width:768px) {
	.apstorebtnwrap{position: fixed; background: #0686dd;}
.Downloadios-wrap{ background: #fff; width: 100%; height: 100%;}	
.DWiosscreen{display: block !important;position: absolute; height:auto;width: 100%; bottom:-8px !important; margin: 0px auto; text-align: center;}
.DWiosscreendesk{display: none !important;}
.Downloadios-wrap h1{font-size:30px; padding-top:15px;}	
.Downloadios-wrap{ background: #fff; width: 100%; height: 100%;}
.DWiosscreen img{max-width: 60%;}
	
}
@media only screen and (max-width:600px) {
.DWiosscreen img{max-width:74%;}	
	
}


@media only screen and (max-width:480px) {
.DWiosscreen img{max-width:88%;}	
	
}


.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center;
}
.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .cd-title {
    line-height: 250px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px;
  }
  .cd-title h1 {
    font-size: 3rem;
  }
}

.cd-intro {
  width: 90%;
  max-width: 768px;
  text-align: center;
}

.cd-intro {
  margin: 4em auto;
}
@media only screen and (min-width: 768px) {
  .cd-intro {
    margin: 5em auto;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    margin: 6em auto;
  }
}

.cd-headline {
  font-size: 3rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 4.4rem;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 6rem;
  }
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
color:#17a5f6;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}

/* The version of Bourbon used in this Pen was 4.* */
/*
@import "bourbon"; // http://bourbon.io/

@import '../partials/variables'; // colors, fonts etc...

@import '../partials/mixins'; // custom mixins

@import '../partials/layout'; // responsive grid and media queries

*, *::after, *::before {
	@include box-sizing(border-box);
}*/


.cd-title {
	position: relative;
	height: 160px;
	line-height: 230px;
	text-align: center;

	
}

.cd-intro {
	width: 100%;
	text-align: center;
}

.cd-intro {
	margin:10px auto;
text-align: center;
}

.cd-headline {
	font-size: 3rem;
	line-height: 1.2;
	
}

.cd-words-wrapper {
	display: inline-block;
	position: relative;
	text-align: left;
	
	}

	


.cd-headline.rotate-1 {
	
	.cd-words-wrapper {
		@include perspective(300px);
	}

	b {
		opacity: 0;
		@include transform-origin(50% 100%);
		@include transform(rotateX(180deg));

		&.is-visible {
			opacity: 1;
			@include transform(rotateX(0deg));
			@include animation(cd-rotate-1-in 1.2s);
		}

		&.is-hidden {
			@include transform(rotateX(180deg));
			@include animation(cd-rotate-1-out 1.2s);
		}
	}
}

@include keyframes(cd-rotate-1-in) {
	0% {
		@include transform(rotateX(180deg));
		opacity: 0;
	}

	35% {
		@include transform(rotateX(120deg));
		opacity: 0;
	}

	65% {
		opacity: 0;
	}

	100% {
		@include transform(rotateX(360deg));
		opacity: 1;
	}
}

@include keyframes(cd-rotate-1-out) {
	0% {
		@include transform(rotateX(0deg));
		opacity: 1;
	}

	35% {
		@include transform(rotateX(-40deg));
		opacity: 1;
	}

	65% {
		opacity: 0;
	}

	100% {
		@include transform(rotateX(180deg));
		opacity: 0;
	}
}

/**ANDER*/

// breakpoints
   
$S:     480px;   
$M:     768px;     
$L:     1170px;     

// media queries

@mixin MQ($canvas) {
  @if $canvas == S {
   @media only screen and (min-width: $S) { @content; } 
  }
  @else if $canvas == M {
   @media only screen and (min-width: $M) { @content; } 
  }
  @else if $canvas == L {
   @media only screen and (min-width: $L) { @content; } 
  }
}
// center vertically and/or horizontally an absolute positioned element

@mixin center($xy:xy) {
  @if $xy == xy {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    @include transform(translateX(-50%) translateY(-50%));
  }
  @else if $xy == x {
    left: 50%;
    right: auto;
    @include transform(translateX(-50%));
  }
  @else if $xy == y {
    top: 50%;
    bottom: auto;
    @include transform(translateY(-50%));
  }
}
// colors

$color-1: #aebcb9; // Tower Gray
$color-2: #0096a7; // Bondi Blue
$color-3: #0d0d0d; // Cod Gray

// fonts 

$primary-font: 'Source Sans Pro', sans-serif;