@import url(https://fonts.googleapis.com/css?family=Roboto:700,400,300);

@font-face {

	font-family: Raavi;

	src: url(/font/raavi.ttf);

}



html,

body {

	width: 100%;

	height: 100%;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

}

img { max-width: 100% }
.pmf-faq-body img { max-height: 895px }

a {

	transition: all .35s;

}

hr {

	max-width: 100px;

	margin: 25px auto 0;

	border-width: 1px;

	border-color: rgba(34, 34, 34, 0.1);

}



hr.light {

	border-color: white;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: 300;

	letter-spacing: 1px;

}



p {

	font-size: 18px;

	line-height: 1.5;

	margin-bottom: 20px;

}



section {

	padding: 60px 0;

}



section h2 {

	font-size: 40px;

}





.app-button { height: 25px;

	width: 25px;

	border-radius: 50%;

	display: inline-block;

}



#mainNav {

	border-color: rgba(34, 34, 34, 0.05);

	transition: all .35s;

	font-family: 'Raavi', 'Helvetica', 'Arial', 'sans-serif';

	font-weight: 200;

	letter-spacing: 1px;

}



#mainNav .navbar-brand {

	font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';

	font-weight: 200;

	letter-spacing: .02rem;

}



#mainNav .navbar-toggler {

	font-size: 18px;

	padding: 8px 10px;

	border: none ;

}



#mainNav .navbar-nav > li { padding:0 4px; }

#mainNav .navbar-nav > li > a {

	font-size: 11px;

	font-family: 'Tahoma', 'Helvetica', 'Arial', 'sans-serif';

	letter-spacing: 2px;

	text-transform: uppercase;

}



#mainNav .navbar-nav > li > a.active:hover {

	background-color: transparent;

}





#mainNav-logo {

	padding-right:6px;vertical-align: middle;

}



.navbar-brand { font-size: 1.5em;

	margin-right: 4px; display: flex;
	align-items:center;

}



header.masthead {

	position: relative;

	width: 100%;

	padding-top: 60px;

	padding-bottom: 60px;

}



header.masthead .header-content {

	margin-bottom: 20px;

	text-align: center;

}



header.masthead .header-content h1 {

	font-size: 30px;

}



header.masthead .device-container {

	max-width: 325px;

	margin-right: auto;

	margin-left: auto;

}



header.masthead .device-container .screen img {

	border-radius: 3px;

}

.home-intro { text-align: left; }

.home-app-store {
	display: inline-block;
	padding: 30px 10px 20px 10px;text-align: center;
}
.home-app-store img {
	max-width: 98%;
}
.app_badges, .app_badges_sm { text-align: center; margin-bottom: 20px; }
.app_badges img, .app_badges_sm img { padding: 12px; }
.app_badges_sm img { max-width: 210px; }
.app_badges_sm h3 {	font-size: 1.60rem; }

section.download {

	position: relative;

	padding: 100px 0;

}



section.download h2 {

	font-size: 34px;
	letter-spacing: 0.5px;
	margin-top: 0;

}



section.download .badges .badge-link {

	display: block;

	margin-bottom: 25px;

}



section.download .badges .badge-link:last-child {

	margin-bottom: 0;

}



section.download .badges .badge-link img {

	height: 60px;

}



@media (min-width: 768px) {

	section.download .badges .badge-link {

		display: inline-block;

		margin-bottom: 0;

	}

}



@media (min-width: 768px) {

	section.download h2 {

		font-size: 64px;

	}

}



section.features .section-heading {

	margin-bottom: 4px;

}



section.features .section-heading p {

	margin-bottom: 0;

}



section.features .device-container,

section.features .feature-item {

	max-width: 325px;

	margin: 0 auto;

}



section.features .device-container {

	margin-bottom: 100px;

}


section.features .feature-item {

	padding-top: 36px;

	padding-bottom: 36px;

	text-align: center;

}



section.features .feature-item h3 {

	font-size: 30px;

}

section.features .feature-item h3 a { text-decoration: none; }


section.contact {

	text-align: center;

}



section.contact p.contactHeader {

	margin-top: 0;
	margin-bottom: 25px;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.2;

}



section.contact p.contactHeader i {

	color: #b31427;

}



section.contact ul.list-social {

	margin-bottom: 0;

}



section.contact ul.list-social li a {

	font-size: 40px;

	line-height: 80px;

	display: block;

	width: 80px;

	height: 80px;

	color: white;

	border-radius: 100%;

}



footer {

	padding: 25px 0;

	text-align: center;

	color: rgba(255, 255, 255, 0.3);

	background-color: #222222;

}



footer p {

	font-size: 12px;

	margin: 0;

}



footer ul {

	margin-bottom: 0;

}



footer ul li a {

	font-size: 12px;

	color: rgba(255, 255, 255, 0.3);

}



footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {

	text-decoration: none;

}





.no-gutter > [class*='col-'] {

	padding-right: 0;

	padding-left: 0;

}



.btn {

	border-radius: 300px;

	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';

	letter-spacing: 2px;

	text-transform: uppercase;

}



.btn-xl {

	font-size: 11px;

	padding: 15px 45px;

}



.head-android { width:22px; }

.homeTitle { font-size: 3.85em; }

.homeSMP {

	font-size: 0.9em;}

.homePlay { width:240px;margin-top: 12px; }



.homeMore { text-align: center;}

.home-phone { margin-top:30px;max-width: 100%;max-height:100%; }

.header-logo { margin: 0;padding: 0; }

.header-play { text-align: center;margin-top: 24px; }



.feature-item { text-align: center; }

.feature-item img { margin-bottom: 14px;max-height:80px; }

.feature-item img:not(.filter-blue-off) { width:70px;height:70px;margin-bottom: 24px; }



.privacy h2 { font-size: 24px;font-weight: bold; }

.shareSection { padding: 0 0 36px 0; }
.share-div { text-align: center; }

footer {

	padding: 25px 0 6px 0;

	text-align: center;

}



footer p {

	font-size: 14px;

	margin: 12px 0 0 0;

}



footer ul {

	margin-bottom: 0

}



footer ul li a {

	font-size: 14px;

	color: rgba(255, 255, 255, .3)

}



footer ul li a.active, footer ul li a:active, footer ul li a:focus, footer ul li a:hover {

	text-decoration: none

}



ul.footer-nav li {

	display:inline;

}

ul.footer-nav { padding: 0; }

ul.footer-nav  li + li::before {

	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */

	font-weight: bold; /* If you want it to be bold */

	display: inline-block; /* Needed to add space between the bullet and the text */

	width: 1em; /* Also needed for space (tweak if needed) */

	margin-left: 0.1em; /* Also needed for space (tweak if needed) */

}

.voice-over-top-buttons {
	text-align: left;
}
.voice-over-top-buttons a {
	display: block;
	padding: 12px;
	margin: 6px;
	width: 90%;
}

.youtube-video {
	aspect-ratio: 16 / 9;
	width: 100%;
}
lite-youtube {
	aspect-ratio: 16 / 9;
	width: 100%;
	margin: auto;
}

@media (min-width: 992px) {

	header.masthead {

		height: 100vh;

		min-height: 775px;

		padding-top: 0;

		padding-bottom: 0;

	}

	header.masthead .header-content {
		max-width: 96%;
		padding-top: 24px;

		margin-bottom: 0;

		text-align: left;

	}

	header.masthead .header-content h1 {

		font-size: 38px;

	}

	header.masthead .device-container {

		max-width: 325px;
		margin-bottom: 0;
		padding-top: 36px;

	}

	#mobile-top {

		display: none;

	}

}

@media (max-width: 991px) {

	header.masthead .device-container {

		display: none;

	}

	#mobile-top {

		display: block;

		text-align: center;

	}

	#mobile-top img {

		width:90%;

		margin-top:30px;

	}

	.mobile-top-space {

		min-height:80px;

		height:100%;

	}

	element.style {
	}
	@media (prefers-color-scheme: light)
		.outlinebg {
			text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white;
		}
		.lead {
			font-size: 1.25rem;
			font-weight: 300;
		}
		p {
			font-size: 18px;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		p {
			margin-top: 0;
			margin-bottom: 1rem;
		}
		*, ::after, ::before {
			box-sizing: border-box;
		}
		user agent stylesheet
		p {
			display: block;
			margin-block-start: 1em;
			margin-block-end: 1em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
		}

}

@media (min-width: 576px) {
	.container, .container-sm {
		max-width: 92%;
	}
}

@media (max-width: 420px) {

	.navbar-brand { font-size: 1.3em; }

	.homePlay { width:240px;margin-top: 8px; }

}

@media (max-width: 380px) {

	.navbar-brand { font-size: 1.2em; }

}

@media (max-width: 360px) {

	#mainNav .navbar-brand {

		letter-spacing: 0.9px;

		font-size: 0.9em; }

	.lead { font-size: 0.9em; }

}

.navbar-brandm { font-size: 1.2em; }

@media (max-width: 420px) {

	.navbar-brandm { font-size: 1.3em; }

}

@media (max-width: 380px) {

	.navbar-brandm { font-size: 1.1em; }

}

@media (max-width: 360px) {

	.navbar-brandm { font-size: 1.5em; }

}

.navbar-brandh { font-size: 1.2em; }

@media (max-width: 420px) {

	.navbar-brandh { font-size: 1.4em; }

}

@media (max-width: 380px) {

	.navbar-brandh { font-size: 1.3em; }

}

@media (max-width: 360px) {

	.navbar-brandh { font-size: 1.6em; }

}

@media (max-height: 599px) {

	.mobile-top-space {

		min-height:0px;

		height:0;

	}

	header.masthead .header-content h1 {

		font-size: 26px;

	}

}

@media  (min-height: 600px) and (max-height: 740px) {

	.mobile-top-space {

		min-height:36px;

	}



	.homePlay { width:240px;margin-top: 8px; }

}

@media (max-width: 800px),(max-height: 800px) {

	.topbar {

		background-image: none

	}

}



@media (min-width: 801px),(min-height: 801px) {

	.topbar {

		background-image: none

	}

}



@media (min-width: 1441px),(min-height: 958px) {

	.topbar {

		background-image: none

	}

}



@media (prefers-color-scheme: light) {

	body {

		background-color: #FFF;

		color: #333;

	}

	a {

		color: #236eca;

	}

	a:hover, a:focus {

		color: #9bc2e9;

	}

	.app-button { background-color: #236eca; }

	.msc-blue { color:#236eca; }

	.filter-blue img:not(.filter-blue-off) {

		filter: brightness(0) saturate(100%) invert(39%) sepia(19%) saturate(3591%) hue-rotate(185deg) brightness(91%) contrast(95%);

	}

	#mainNav, .voice-over-top-buttons a {

		background-color: #e5effa;

	}

	#mainNav .navbar-nav > li > a,

	#mainNav .navbar-nav > li > a:focus {

		color: #071418;

	}



	#mainNav .navbar-nav > li > a:hover,

	#mainNav .navbar-nav > li > a:focus:hover {

		color: #236eca;

	}

	#mainNav .navbar-nav > li > a.active {

		color: #236eca !important;

		background-color: transparent;

	}

	#mainNav .navbar-brand {

		color: #236eca;

	}

	#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {

		color: #9bc2e9;

	}

	#mainNav .navbar-toggler {

		color: #071418;

	}
	.fa-men {
		display: inline-block;
	}
	.fa-men:before {
		content:"\2630";margin: 6px 0px 0px 6px;
		display: inline-block;
		font-weight: bold;font-style: normal;
		font-size: large;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	 }

	.outlinebg {

		text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white, 0 0 1px white;

	}

	header.masthead {

		color: #000;

		background: #fff;

	}

	section.features .section-heading h2 {

		margin-top: 0;

		color: #236eca;

	}
	section.features .feature-item h3 a { color: #000; }
	footer {

		background-color: #e5effa;

		color: #3e3e3e;

	}

	.footer-nav a {  color: #071418; }

	.footer-nav  a:hover, a:focus  { color: #236eca; }





	.botlink { color: #071418; }

	.botlink:hover { color: #236eca; }

	ul.footer-nav  li + li::before {

		color: #236eca;

	}

	.bg-primary-top {

		background: #236eca;

		background: linear-gradient(#ffffff, #236eca);

	}

	.bg-primary-bot {

		background: #3ac1fd;

		background: linear-gradient(#ffffff, #e5effa);

	}

}

@media (prefers-color-scheme: dark) {

	body {

		background-color: #000;

		color: #FFF;

	}

	a {

		color: #3ac1fd;

	}

	a:hover, a:focus {

		color: #b4e6fd;

	}

	.app-button { background-color: #3ac1fd; }

	.msc-blue { color:#3ac1fd; }

	.filter-blue img:not(.filter-blue-off) {

		filter: brightness(0) saturate(100%) invert(70%) sepia(31%) saturate(5411%) hue-rotate(174deg) brightness(106%) contrast(101%);

	}

	#mainNav, .voice-over-top-buttons a {

		background-color: #071418;

	}

	#mainNav .navbar-nav > li > a,

	#mainNav .navbar-nav > li > a:focus {

		color: #e0e0e0;

	}



	#mainNav .navbar-nav > li > a:hover,

	#mainNav .navbar-nav > li > a:focus:hover {

		color: #3ac1fd;

	}

	#mainNav .navbar-nav > li > a.active {

		color: #3ac1fd !important;

		background-color: transparent;

	}

	#mainNav .navbar-brand {

		color: #3ac1fd;

	}

	#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {

		color: #ffffff;

	}

	#mainNav .navbar-toggler {

		color: #ffffff;

	}

	.outlinebg {

		text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;

	}

	header.masthead {

		color: #fff;

		background: #000;

	}

	section.features .section-heading h2 {

		color: #3ac1fd;

	}

	section.features .feature-item h3 a { color: #fff; }


	footer {

		background-color: #071418;

		color: #e0e0e0;

	}

	.footer-nav a {  color: #ffffff; }

	.footer-nav  a:hover, a:focus  { color: #3ac1fd; }





	.botlink { color: #ffffff; }

	.botlink:hover { color: #3ac1fd; }

	ul.footer-nav  li + li::before {

		color: #3ac1fd;

	}

	.bg-primary-top {

		background: #3ac1fd;

		background: linear-gradient(#000000, #3ac1fd);

	}

	.bg-primary-bot {

		background: #3ac1fd;

		background: linear-gradient(#3ac1fd, #071418);

	}
	.otherApps {
		padding: 20px 0;
	}
}



@media  (min-width: 992px) {

	.header-logo { padding:10px 0 40px 0;}

	.homePlay {padding-top: 20px; }

}



@media  (max-width: 991px) {

	section.features .feature-item {

		padding-top: 28px;

		padding-bottom: 28px;

		text-align: center;

	}

}



.applegreen { color:#60bb44; }

.appleyellow { color:#fcb827; }

.appleorange { color:#f6821f; }

.applered { color:#e03a3c; }

.applepurple { color:#953d94; }

.appleblue { color:#009edd; }