body {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}
a,
a:hover {
	text-decoration: none;
	color: #333
}
.clearfix:after {
	content: '';
	display: block;
	clear: both
}
.root {
	padding-bottom: 120px
}
.root.no-bottom-padding {
	padding-bottom: 0
}
.location {
	width: 100%;
	height: 250px;
	margin-top: 60px
}
.location.img {
	display: none
}
.primary-btn {
	display: inline-block;
	margin: 30px 0 0;
	padding: 0 12px;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #5593d7;
	color: #FFF;
	border-radius: 5px
}
.primary-btn:hover {
	color: #FFF!important
}
.base-1 {
	width: 960px;
	margin: 0 auto
}
.al-btn {
	background-color: #FFF!important;
	font-size: 16px!important;
	font-weight: 600!important;
	text-transform: uppercase!important;
	padding: 0 13px!important;
	line-height: 32px!important;
	color: #5592d7!important;
	display: inline-block!important;
	text-decoration: none!important;
	border: 2px solid #FFF!important;
	border-radius: 5px!important
}
.al-btn:hover {
	background-color: transparent!important;
	color: #FFF!important
}
.al-btn:active {
	background-color: rgba(255, 255, 255, .5)!important;
	color: #FFF!important
}
.al-btn.invert {
	background-color: #5592d7!important;
	color: #FFF!important;
	border-color: #5592d7!important
}
.al-btn.invert:hover {
	background-color: transparent!important;
	color: #5592d7!important
}
.al-btn.invert:active {
	background-color: rgba(85, 146, 215, .5)!important;
	color: #FFF!important
}
.site-logo {
	height: 70px;
	position: relative
}
.site-logo .gray,
.site-logo .original {
	display: none
}
.site-logo img {
	width: 150px;
	display: block;
	position: absolute;
	bottom: 18px
}
.media-lnks {
	width: 960px;
	margin: 0 auto;
	padding-top: 50px
}
.media-lnks .media-lnks-b .media-lnks-i {
	width: 16.66%;
	height: 80px;
	display: inline-block;
	float: left
}
.media-lnks .media-lnks-b .media-lnks-i a {
	display: block;
	width: 100%;
	height: 100%
}
.media-lnks .media-lnks-b .media-lnks-i a img {
	width: 80%
}
.media-lnks .media-lnks-b .media-lnks-i a .rgb {
	display: none
}
.media-lnks .media-lnks-b .media-lnks-i a:hover .rgb {
	display: block
}
.media-lnks .media-lnks-b .media-lnks-i a:hover .gray {
	display: none
}
.primary-nav {
	height: inherit;
	display: inline-block;
	float: right
}
.primary-nav .primary-nav-b,
.primary-nav .primary-nav-in {
	list-style: none
}
.primary-nav .primary-nav-b {
	height: inherit;
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}
.primary-nav .primary-nav-in {
	display: none
}
.primary-nav .primary-nav-b>li {
	display: table;
	height: inherit;
	text-align: center;
	float: left
}
.primary-nav .primary-nav-b>li.link-btn a {
	margin-right: 15px;
	margin-bottom: -35px
}
.primary-nav .primary-nav-b>li a {
	display: table-cell;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 32px;
	padding: 0 15px 9px;
	color: #FFF;
	vertical-align: bottom;
	border-width: 0 0 4px;
	border-style: solid;
	border-color: transparent
}
.primary-nav .primary-nav-b>li a:hover {
	background-color: rgba(255, 255, 255, .1)
}
.primary-nav .primary-nav-b>li a:active {
	background-color: rgba(255, 255, 255, .2)
}
.primary-nav .primary-nav-b>li.active a {
	background-color: rgba(255, 255, 255, .1);
	border-color: #FFF
}
.primary-nav .primary-nav-b>li.link-button a {
	margin-bottom: -34px
}
.primary-nav .primary-nav-b>li.link-button .al-btn {
	margin-right: 15px
}
.nav-dropdown {
	position: relative
}
.nav-dropdown.open>a,
.nav-dropdown.open>a:hover {
	background-color: #FFF!important;
	color: #5593d7!important
}
.nav-dropdown>a .icn {
	width: 18px;
	height: 18px;
	margin-top: 8px;
	margin-left: 2px;
	float: right;
	display: inline-block;
	transform: rotate(180deg);
	transform-origin: center;
	background-image: url(../img/drop_arrow.59be.svg);
	background-position: center;
	background-repeat: no-repeat
}
.nav-dropdown.open>a .icn {
	background-image: url(../img/drop_arrow_blue.183d.svg);
	transform: rotate(0deg)
}
.nav-dropdown.open .nav-dropdown-b {
	display: block
}
.nav-dropdown .show-on-mob {
	display: none!important
}
.nav-dropdown .nav-dropdown-b {
	display: none;
	width: 240px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #FFF;
	list-style: none
}
.nav-dropdown .nav-dropdown-b>li {
	width: 100%
}
.nav-dropdown .nav-dropdown-b>li a {
	width: 100%;
	height: 100%;
	color: #4C4C4C;
	text-decoration: none;
	line-height: 48px;
	text-align: left;
	padding: 0 16px;
	display: block;
	font-weight: 400;
	font-size: 18px
}
.nav-dropdown .nav-dropdown-b>li a:hover {
	background-color: #E0E0E0!important
}
header {
	width: 100%;
	height: 70px;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}
header.invert {
	background-color: #FFF
}
header.onScroll {
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2)
}
header .header-b {
	padding: 0;
	position: relative
}
header .header-b .header-lt {
	width: 150px;
	height: inherit;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 16px
}
header .header-b .header-rt {
	width: 100%;
	height: 70px;
	padding-left: 166px;
	display: inline-block
}
header .site-logo .gray,
header.invert .site-logo .original {
	display: block
}
header .site-logo .original,
header.invert .site-logo .gray {
	display: none
}
header.invert .primary-nav .primary-nav-b>li a {
	color: #5593d7
}
header.invert .primary-nav .primary-nav-b>li a:hover {
	background-color: rgba(85, 146, 215, .1)
}
header.invert .primary-nav .primary-nav-b>li a:active {
	background-color: rgba(85, 146, 215, .2)
}
header.invert .primary-nav .primary-nav-b>li.active a {
	background-color: rgba(85, 146, 215, .1);
	border-color: #5593d7
}
header.invert .nav-dropdown.open a,
header.invert .nav-dropdown.open a:hover {
	background-color: #387FC7!important;
	color: #FFF!important
}
header.invert .nav-dropdown.open .nav-dropdown-b>li a:hover {
	background-color: #5593d7!important
}
header.invert .nav-dropdown>a .icn {
	background-image: url(../img/drop_arrow_blue.183d.svg)
}
header.invert .nav-dropdown.open>a .icn {
	background-image: url(../img/drop_arrow.59be.svg)
}
.app-footer {
	background-color: #1C6FAD
}
.app-footer .app-footer-b {
	width: 960px;
	margin: 0 auto
}
.app-footer .app-footer-r:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both
}
.app-footer .app-footer-r.top {
	width: 652px;
	text-align: center;
	margin: 0 auto
}
.app-footer .app-footer-r.middle {
	text-align: left
}
.app-footer .app-footer-r.bottom {
	text-align: right
}
.app-footer-btns-b {
	width: 100%;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center
}
.app-footer-btns-b .app-footer-btns {
	width: 60px;
	height: 60px;
	display: inline-block;
	background-color: transparent;
	margin: 20px 16.5px;
	background-image: url(../img/footer/footer_btns.svg);
	background-size: 426px
}
.app-footer-btns-b .app-footer-btns a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden
}
.app-footer-btns-b .app-footer-btns.community {
	background-position: 0 1px
}
.app-footer-btns-b .app-footer-btns.community:hover {
	background-position: 0 -60px
}
.app-footer-btns-b .app-footer-btns.twitter {
	background-position: -244px 1px
}
.app-footer-btns-b .app-footer-btns.twitter:hover {
	background-position: -244px -60px
}
.app-footer-btns-b .app-footer-btns.riot {
	background-position: -61px 1px
}
.app-footer-btns-b .app-footer-btns.riot:hover {
	background-position: -61px -60px
}
.app-footer-btns-b .app-footer-btns.youtube {
	background-position: -122px 1px
}
.app-footer-btns-b .app-footer-btns.youtube:hover {
	background-position: -122px -60px
}
.app-footer-btns-b .app-footer-btns.reddit {
	background-position: -183px 1px
}
.app-footer-btns-b .app-footer-btns.reddit:hover {
	background-position: -183px -60px
}
.app-footer-btns-b .app-footer-btns.telegram {
	background-position: -366px 1px
}
.app-footer-btns-b .app-footer-btns.telegram:hover {
	background-position: -366px -60px
}
.app-footer-btns-b .app-footer-btns.discord {
	background-position: -305px 1px
}
.app-footer-btns-b .app-footer-btns.discord:hover {
	background-position: -305px -60px
}
.app-footer .spliter {
	width: 100%;
	height: 2px;
	background-color: #5593d7;
	float: left
}
.footer-wig-a {
	text-align: center;
	color: #FFF;
	display: inline-block
}
.footer-wig-a:first-child {
	float: left
}
.footer-wig-a:last-child {
	float: right
}
.footer-wig-a-cont {
	padding: 7.5px 0;
	line-height: 55px;
	display: inline-block
}
.footer-wig-a-cont a {
	display: block;
	text-decoration: none;
	color: #FFF
}
.footer-wig-a-cont a img {
	width: 32px;
	margin: 0 5px 0 0
}
.footer-wig-a-cont a h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	display: inline-block
}
.footer-wig-b {
	width: 220px;
	color: #fff;
	display: inline-block;
	float: left;
	padding-top: 36px
}
.footer-wig-b-cont {
	width: 220px;
	display: inline-block
}
.footer-wig-b h3 {
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 16px;
	margin: 0
}
.footer-wig-b-cont>h3>a {
	color: #FFF
}
.footer-wig-b ul {
	margin: 0;
	padding: 0
}
.footer-wig-b ul li {
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 26px
}
.footer-wig-b ul li a {
	color: #fff;
	text-transform: capitalize;
	text-decoration: none
}
.footer-hz-li {
	padding: 22px 0 16px
}
.footer-hz-li ul {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: right
}
.footer-hz-li ul li {
	display: inline-block;
	list-style: none;
	line-height: 24px;
	padding-left: 16px
}
.footer-hz-li ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none
}
.home-bnr {
	width: 100%;
	background-color: #5592d7;
	position: relative
}
.home-bnr:after,
.home-bnr:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/safe_launcher_home_bg_transparent.e48e.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto
}
.home-bnr:before {
	transform: rotateY(180deg);
	transform-origin: center
}
.home-bnr .home-bnr-b {
	padding-top: 150px;
	position: relative;
	z-index: 1
}
.home-bnr .home-bnr-b .label-1 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 56px;
	font-weight: 400;
	text-align: center;
	color: #FFF
}
.home-bnr .home-bnr-b .label-1.for-touch {
	display: none
}
.home-bnr .home-bnr-b .content {
	margin: 60px auto 0;
	color: #FFF;
	text-align: center
}
.home-bnr .home-bnr-b .content .title {
	margin: 0;
	font-size: 28px;
	font-weight: 400;
	text-align: center
}
.home-bnr .home-bnr-b .content p {
	margin: 8px 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	text-align: left
}
.home-bnr .home-bnr-b .content-2 {
	padding: 0 0 150px
}
.home-bnr .home-bnr-b .content-2 img {
	width: 150px;
	height: auto;
	margin: 0 auto;
	display: block
}
.home-bnr .home-bnr-b .content-2 h4 {
	padding: 60px 0 0;
	text-align: center;
	font-size: 36px;
	line-height: 48px;
	font-weight: 600;
	color: #FFF;
	margin: 0
}
.home-bnr .home-bnr-b .download-lnk-btn:hover {
	background-color: transparent
}
.home-bnr .home-bnr-b .download-lnk-btn:hover a {
	color: #FFF
}
.home-bnr .home-bnr-b .download-lnk-btn a .icn {
	width: 44px;
	height: 44px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 6px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center
}
.no-support-content {
	display: none;
	padding-bottom: 60px
}
.no-support-content .no-support-content-b {
	background-color: #FFF;
	border-radius: 5px;
	padding: 16px;
	color: #5592d7
}
.no-support-content .no-support-content-b h3 {
	margin: 0;
	padding: 0;
	font-size: 20px
}
.home-bnr .lnk-btn {
	margin-top: 30px
}
.post-1 {
	background-color: transparent;
	width: 960px;
	margin: 100px auto 0;
	display: table;
	position: relative
}
.post-1 .media {
	display: table-cell;
	vertical-align: middle;
	width: 480px;
	text-align: left;
	margin: 0;
	padding: 0
}
.post-1 .media img {
	height: 360px;
	padding-left: 50px;
	padding-right: 0
}
.post-1 .media iframe {
	width: 100%;
	height: 300px;
	padding: 0 50px 0 0;
	margin: 0;
	border: 0
}
.post-1 .content {
	display: table-cell;
	vertical-align: middle;
	width: 480px;
	color: gray
}
.post-1 .content .title {
	margin: 0;
	font-size: 38px;
	line-height: 49px;
	font-weight: 400;
	text-align: left
}
.post-1 .content .p {
	margin: 8px 0 25px;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px
}
.post-1 .content .p a {
	color: #5593d7;
	font-weight: 700;
	text-decoration: none
}
.post-1 .content .p a:hover {
	color: #215A96;
	text-decoration: underline
}
.post-1 .foot {
	margin: 30px 0 0;
	text-align: center
}
.post-1.flip .media {
	padding-left: 0;
	padding-right: 50px
}
.post-2 {
	width: 960px;
	margin: 0 auto;
	padding-top: 60px
}
.post-2:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden
}
.post-2 .post-2-b {
	display: table
}
.post-2>.title {
	width: 480px;
	font-size: 38px;
	line-height: 42px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 20px;
	color: #606060;
	transform: translateX(480px)
}
.post-2 .post-2-media {
	width: 480px;
	display: table-cell;
	vertical-align: middle
}
.post-2 .post-2-media img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 300px;
	margin: -84px 0 0;
	padding: 0 50px;
	display: block
}
.post-2 .post-2-media iframe {
	width: 100%;
	padding: 0 50px 0 0;
	margin: -84px 0 0;
	height: 300px;
	border: 0
}
.post-2 .post-2-content {
	width: 480px;
	display: table-cell;
	vertical-align: top;
	color: #606060
}
.post-2 .post-2-content p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	margin: 25px 0 0
}
.post-2 .post-2-content p:first-child {
	margin-top: 0
}
.post-2.flip>.title {
	transform: translateX(0)
}
.post-2.flip .post-2-content {
	transform: translateX(-100%)
}
.post-2.flip .post-2-media {
	transform: translateX(100%)
}
.list-content {
	width: 100%
}
.list-content-b {
	width: 960px;
	margin: 0 auto
}
.list-content .title {
	font-size: 38px;
	line-height: 42px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 20px;
	color: #606060
}
.list-content .title.inline {
	display: inline-block;
	float: left
}
.list-content .p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #606060
}
.list-content .sub-title {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	color: #606060
}
.list-content .sub-title-i {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	color: #606060
}
.list-content .btn-b {
	text-align: center;
	margin-top: 40px
}
.list-content .list {
	list-style: none;
	margin: 0;
	padding: 0
}
.list-content .list li {
	margin: 0;
	padding: 0 0 0 26px;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #606060;
	position: relative
}
.list-content .quote {
	margin-top: 40px
}
.list-content .quote span {
	line-height: 40px
}
.list-content .quote .al-btn {
	margin-right: 40px;
	float: left
}
.list-content .list li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px
}
.list-content .list.bullet-1 li:before {
	background-image: url(../img/arrow_dark.d732.svg)
}
.list-content .list.bullet-2 li:before {
	background-image: url(../img/tick_white.d70d.svg)
}
.list-content .list.bullet-3 li:before {
	background-image: url(../img/box_white.b81e.svg)
}
.list-content .list.bullet-4 li:before {
	background-image: url(../img/box_dark.7690.svg)
}
.list-content .list.bullet-5 li:before {
	content: none
}
.list.bullet-5 li {
	list-style-type: disc;
	line-height: 32px;
	padding-left: 0;
	margin-left: 26px
}
.list-content.type-1 {
	margin-top: 40px;
	padding-bottom: 60px
}
.list-content.type-1 .sub-title {
	margin-top: 40px
}
.list-content.type-2 {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #5592d7
}
.list-content.type-2 .list li,
.list-content.type-2 .p,
.list-content.type-2 .quote,
.list-content.type-2 .sub-title,
.list-content.type-2 .title {
	color: #FFF
}
.list-content.type-3 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #77a8df
}
.list-content.type-3 .list li,
.list-content.type-3 .p,
.list-content.type-3 .sub-title,
.list-content.type-3 .title {
	color: #FFF
}
.list-content.type-4 .quote {
	margin-top: 50px;
	margin-bottom: 60px
}
.list-content.type-5 {
	margin-top: 60px
}
.list-content .tbl-view .tbl-c {
	padding-top: 30px
}
.list-content .tbl-view .tbl-c .title {
	cursor: pointer;
	display: inline-block
}
.list-content .tbl-view .tbl-c .title a {
	text-decoration: none;
	color: inherit
}
.list-content .tbl-view .sub-title {
	padding-bottom: 10px
}
.list-content .tbl-view .tbl-c .list {
	padding-top: 10px;
	margin-bottom: 40px
}
.list-content .tbl-view .tbl-c .tbl-cnt {
	display: none;
	padding-bottom: 30px
}
.list-content .tbl-view .btn-b {
	text-align: left
}
.list-content.type-6 {
	margin-top: 60px
}
.list-content.type-6 .title {
	padding-bottom: 18px
}
.list-content.type-6 .img-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}
.list-content.type-6 .img-list .img-list-i {
	height: 230px;
	margin-bottom: 40px;
	margin-right: 25px
}
.list-content.type-6 .img-list .img-list-i .img-list-i-b {
	width: 260px;
	padding: 0 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .26)
}
.list-content.type-6 .img-list .img-list-i .name {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #606060;
	line-height: 40px
}
.list-content.type-6 .img-list .img-list-i .img-list-i-media {
	width: 240px;
	background-color: #EEE;
	height: 140px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden
}
.list-content.type-6 .img-list .img-list-i .img-list-i-media img {
	width: auto;
	height: 100%;
	max-width: 90%;
	max-height: 100%;
	padding: 5% 0
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt {
	padding: 0;
	font-size: 16px;
	text-align: right
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt>.lt,
.list-content.type-6 .img-list .img-list-i .img-list-i-opt>.rt {
	width: 50%
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt>.lt {
	text-align: left;
	float: left
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt>.rt {
	text-align: right;
	float: right
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt a {
	margin: 10px 0;
	padding-left: 8px;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	color: #5593d7;
	display: inline-block;
	text-decoration: none;
	border-left: 1px solid #606060
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt div>a:first-child {
	padding-right: 8px;
	border: none
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info {
	width: 40px;
	position: relative
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info .popup {
	min-width: 300px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .26);
	z-index: 99;
	background-color: #f8f4f0
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info .popup h3 {
	margin: 0;
	padding: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: #eea450
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info .popup p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #606060
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info.open .popup {
	display: block
}
.list-content.type-6 .img-list .img-list-i .img-list-i-opt .info img {
	width: 100%
}
.download-btn {
	float: left;
	margin-top: 4px;
	margin-left: 20px
}
.download-btn .icn {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-top: 5px;
	display: inline-block;
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
	float: left
}
.download-btn .icn,
.download-btn:active .icn {
	background-image: url(../img/download.7971.svg)
}
.download-btn:hover .icn {
	background-image: url(../img/download_blue.3112.svg)
}
.inline {
	display: inline!important
}
.home-page {
	background-color: #5593d7
}
.wrapper {
	padding-left: 0;
	padding-right: 0
}
.root.sub-page-3 {
	padding-top: 70px;
	padding-bottom: 0
}
.root.sub-page-4 {
	padding-top: 70px;
	padding-bottom: 40px
}
.apply-but {
	padding-top: 80px;
	display: block;
	text-align: center
}
.apply-but a {
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	padding: 0 16px;
	color: #FFF;
	background-color: #1C6FAD;
	border-radius: 5px;
	text-decoration: none
}
.layout-1 {
	width: 960px
}
.layout-1 .lsec {
	width: 720px;
	display: inline-block;
	float: left;
	padding-right: 32px
}
.layout-1 .rsec {
	width: 240px;
	padding-left: 22px;
	display: inline-block;
	float: right
}
.transparent-strip-bottom:before {
	content: "";
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(85, 147, 215, .5);
	z-index: 99
}
.transparent-strip-top:before {
	content: "";
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	background-color: rgba(85, 147, 215, .5);
	left: 0;
	z-index: 99
}
.sub-page {
	padding-top: 70px
}
.banner-gradian {
	position: relative
}
.banner-gradian>div {
	position: relative;
	z-index: 2
}
.banner-gradian:after {
	content: "";
	width: 100%;
	height: 100%;
	max-height: 600px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(bottom, rgba(33, 57, 87, .9) 0, rgba(33, 57, 87, 0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(33, 57, 87, .9)), color-stop(100%, rgba(33, 57, 87, 0)));
	background: -webkit-linear-gradient(top, rgba(33, 57, 87, .9) 0, rgba(33, 57, 87, 0) 100%);
	background: -o-linear-gradient(top, rgba(33, 57, 87, .9) 0, rgba(33, 57, 87, 0) 100%);
	background: -ms-linear-gradient(top, rgba(33, 57, 87, .9) 0, rgba(33, 57, 87, 0) 100%);
	background: linear-gradient(to top, rgba(33, 57, 87, .9) 0, rgba(33, 57, 87, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
	z-index: 1
}
.page-banner {
	height: 416px;
	color: #fff;
	background-position: center;
	background-size: cover
}
.page-banner .page-banner-container {
	padding: 0 0 0 24px
}
.page-banner.company-page {
	height: 570px
}
.page-banner.safecoin {
	background-image: url(../img/safecoin_banner.8ad5.svg)
}
.page-banner.support {
	background-color: #3e2661;
	background-image: url(../img/support_page_banner.cabb.jpg)
}
.page-banner.safe-pod {
	background-color: #FFF;
	background-image: url(../img/maidsafe-map.png)
}
.page-banner.maidsafe-team {
	background-image: url(../img/MaidSafe-Team-6th-Nov.dcb0.jpg);
	background-position: center -50px
}
.page-banner .label-1 {
	margin-top: 118px;
	font-size: 49px;
	line-height: 59px
}
.page-banner .label-2 {
	margin: 45px 0;
	font-size: 24px;
	line-height: 27px
}
.page-1 {
	margin-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
	background-color: #fff;
	width: 960px
}
.page-1 .title {
	color: #5b94d9;
	font-size: 49px;
	line-height: 59px;
	font-weight: 300;
	margin: 0 0 40px
}
.page-1 .p {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
	margin: 24px 0;
	text-align: justify;
	color: gray
}
.page-1 .p a {
	color: #5b94d9
}
.page-1 .sec {
	margin-top: 40px
}
.page-1 .sub-title {
	margin: 0;
	font-size: 24px;
	color: gray
}
.page-1 .sec .sub-title {
	font-size: 22px;
	font-weight: 600
}
.page-1 .page-1-media {
	margin: 64px 0
}
.page-1 .media-two-col {
	display: table;
	padding: 0
}
.page-1 .media-two-col .media-src {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.page-1 .media-two-col .media-src img {
	width: 100%
}
.page-1 .media-two-col .media-context {
	width: 50%;
	display: table-cell;
	vertical-align: middle
}
.page-1 .list {
	font-size: 16px;
	padding: 0 0 0 18px;
	margin: 25px 0 0
}
.page-1 .list li {
	padding: 8px 0;
	color: gray;
	font-weight: 300
}
.page-1 .lnk {
	margin-top: 25px
}
.page-1 .lnk a {
	padding: 8px 0;
	line-height: 24px;
	font-size: 16px;
	text-decoration: none;
	color: #5b94d9;
	display: block
}
.page-2 {
	width: 960px;
	margin-top: 0;
	padding: 80px 0;
	background-color: #fff;
	text-align: center
}
.page-2:last-child {
	padding-bottom: 120px
}
.page-2 .title {
	color: #5b94d9;
	font-size: 49px;
	line-height: 59px;
	font-weight: 300;
	margin: 0 0 40px
}
.page-2 .p {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
	margin: 24px 0;
	text-align: justify;
	color: gray
}
.page-2 .p a {
	color: #5b94d9
}
.page-2 .quote {
	font-size: 20px;
	line-height: 29px;
	font-style: italic;
	margin-top: 80px;
	color: gray
}
.page-2 .sub-title {
	margin-top: 118px;
	font-size: 24px;
	color: gray
}
.page-2 .page-2-media {
	padding: 80px 0;
	display: table;
	text-align: left
}
.page-2 .page-2-media .media-src {
	width: 50%;
	display: table-cell
}
.page-2 .page-2-media .media-src img {
	width: 100%
}
.page-2 .page-2-media .media-content {
	width: 50%;
	padding-left: 36px;
	display: table-cell;
	vertical-align: middle
}
.page-2 .list {
	margin: 0;
	padding: 0
}
.page-2 .list li {
	font-size: 16px;
	line-height: 27px;
	padding-top: 16px;
	font-weight: 400;
	color: gray
}
.accordian {
	width: 100%;
	padding-bottom: 80px
}
.accordian ul {
	margin: 0;
	padding: 0
}
.accordian ul li {
	list-style: none;
	cursor: pointer
}
.accordian ul li h3 {
	margin: 0;
	font-size: 24px;
	line-height: 29px;
	font-weight: 400;
	color: gray;
	padding: 18px 40px 5px 8px;
	background-color: #FFF;
	border-bottom: 2px solid #CCC;
	position: relative
}
.accordian ul li h3:after {
	content: "";
	display: none;
	width: 24px;
	height: 18px;
	background-image: url(../img/faq_down.e566.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 8px;
	right: 16px
}
.accordian ul li:hover h3 {
	background-color: #EFEFEF
}
.accordian ul li:hover h3::after {
	display: block
}
.accordian ul li p {
	margin-top: 20px;
	margin-bottom: 20px;
	color: gray;
	font-size: 18px;
	padding: 0 16px;
	text-align: justify;
	font-weight: 400;
	line-height: 29px;
	display: none
}
.accordian ul li.active h3 {
	color: #5b94d9;
	background-color: #EFEFEF
}
.accordian ul li.active h3:after {
	background-image: url(../img/faq_up.2196.svg);
	display: block
}
.accordian ul li.active p {
	display: block
}
.box-1 {
	margin: 80px 0
}
.box-1 .item {
	width: 33.33%;
	display: inline-block;
	float: left;
	padding: 0 16px
}
.box-1 .item:first-child {
	padding-left: 0;
	padding-right: 32px
}
.box-1 .item:last-child {
	padding-right: 0;
	padding-left: 32px
}
.box-1 .item .content {
	height: 140px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.box-1 .item .content.bg-green {
	background-color: #668d5e
}
.box-1 .item .content.bg-blue {
	background-color: #668daa
}
.box-1 .item .content.bg-red {
	background-color: #aa6b66
}
.box-1 .item .foot {
	margin: 0;
	font-size: 18px;
	line-height: 60px;
	padding: 0 16px;
	text-align: left;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}
.box-2 {
	width: 100%;
	margin-top: 32px
}
.box-2 .item {
	width: 50%;
	display: inline-block;
	padding: 0
}
.box-2 .item a {
	text-decoration: none;
	display: block;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
	border-radius: 5px;
	outline: 0
}
.box-2 .item a:hover {
	box-shadow: 0 3px 18px rgba(0, 0, 0, .3)
}
.box-2 .item:first-child {
	padding-right: 25px
}
.box-2 .item:last-child {
	padding-left: 25px
}
.box-2 .item .content {
	height: 140px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #1C6FAD;
	text-align: center
}
.box-2 .item .content img {
	height: 100%;
	padding: 5% 0
}
.box-2 .item .foot {
	margin: 0;
	font-size: 18px;
	padding: 10px 16px;
	font-weight: 400;
	text-align: center;
	color: gray
}
.typing {
	position: relative;
	line-height: inherit;
	display: inline;
	color: #FFF;
	min-width: 1px;
	min-height: 20px
}
.typing span {
	width: 100%;
	min-width: 1px;
	height: 100%
}
.typing.lg {
	height: 60px
}
.typing.lg:after {
	height: 59px;
	top: 10px
}
.typing:after {
	content: "";
	position: absolute;
	top: 5%;
	right: -2px;
	width: 1px;
	border-right: 2px solid #FFF;
	animation: blink 1s infinite ease
}
@keyframes blink {
	0%, 50% {
		opacity: 0
	}
	100%,
	75% {
		opacity: 1%
	}
}
.parallax-effect {
	background-attachment: fixed;
	background-position: center 0!important
}
.content-1 {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	padding: 60px 0 0
}
.content-1 h3 {
	font-size: 49px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #5593d7
}
.content-1 p {
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	margin: 60px 0 0;
	color: gray
}
.content-1 p a {
	text-decoration: none;
	font-weight: 600;
	color: #5593d7
}
.content-2 {
	padding: 80px 0
}
.content-2.siblng {
	padding: 80px 0 0
}
.content-2 h3 {
	color: #5b94d9;
	font-size: 49px;
	line-height: 59px;
	font-weight: 300;
	margin: 0 0 40px
}
.content-2.siblng h3 {
	margin: 0
}
.content-2 p {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 27px;
	font-weight: 400;
	margin: 24px 0;
	text-align: justify;
	color: gray
}
.content-3 {
	width: 960px;
	text-align: left;
	margin: 60px auto 0;
	overflow: hidden
}
.content-3.type-1 {
	margin-top: 20px
}
.content-3 .title {
	font-size: 38px;
	line-height: 42px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 20px;
	color: #606060
}
.content-3 .p {
	margin: 0 0 16px;
	padding: 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #606060
}
.content-3 .p>a {
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	text-decoration: none;
	color: #5b94d9
}
.content-3 ul {
	list-style: disc;
	margin-top: 16px
}
.content-3 ul li {
	padding: 8px 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #606060
}
.content-3 .tbl {
	width: 100%;
	overflow-x: auto
}
.content-3 .tbl table {
	width: 100%
}
.content-3 .tbl table tr {
	border: 0
}
.content-3 .tbl table tr td {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	padding: 8px;
	text-align: justify;
	vertical-align: top
}
.content-3 .tbl table tr td a {
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	text-decoration: none;
	color: #5b94d9
}
.content-3 .sub-title {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	color: #606060
}
.content-3 .btn-list .al-btn {
	margin-top: 20px
}
.content-3 .btn-list .al-btn .icn {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: -4px
}
.content-3 .btn-list .al-btn:hover .icn.forum {
	background-image: url(../img/forum_button_blue.8943.svg)
}
.content-3 .btn-list .al-btn:hover .icn.riot {
	background-image: url(../img/riot_button_blue.ff45.svg)
}
.content-3 .btn-list .al-btn:hover .icn.github {
	background-image: url(../img/github_button_blue.2916.svg)
}
.content-3 .btn-list .al-btn .icn.forum,
.content-3 .btn-list .al-btn:active .icn.forum {
	background-image: url(../img/forum_button.4305.svg)
}
.content-3 .btn-list .al-btn .icn.riot,
.content-3 .btn-list .al-btn:active .icn.riot {
	background-image: url(../img/riot_button.768e.svg)
}
.content-3 .btn-list .al-btn .icn.github,
.content-3 .btn-list .al-btn:active .icn.github {
	background-image: url(../img/github_button.82a3.svg)
}
.content-3 .list {
	list-style: none;
	margin: 0;
	padding: 0 0 20px
}
.content-3 .list.top-pad {
	padding-top: 20px
}
.content-3 .list li {
	margin: 0;
	padding: 0 0 0 26px;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #606060;
	position: relative
}
.content-3 .list li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px
}
.content-3 .list li>a {
	text-decoration: none;
	font-weight: 600;
	color: #5593d7
}
.content-3 .list li>a:hover {
	font-weight: 700
}
.content-3 .list li:before {
	background-image: url(../img/arrow_blue.6cbd.svg)
}
.post-3 {
	width: 1085px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 99
}
.post-3 .post-3-cont {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 60px 0;
	background-color: #FFF;
	position: relative
}
.post-3:last-child .post-3-cont {
	padding-bottom: 0
}
.post-3 .post-3-cont .post-3-cont-i {
	width: 960px;
	display: inline-block
}
.post-3 .post-3-cont h3 {
	font-size: 38px;
	line-height: 42px;
	font-weight: 600;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #606060
}
.post-3 .post-3-cont p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	padding: 20px 0 0;
	margin: 0;
	text-align: justify
}
.post-3 .post-3-cont .ques {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 29px;
	color: #606060;
	margin: 60px 0 0
}
.post-3 .post-3-cont .ques span {
	padding-right: 50px
}
.post-3 .post-3-cont .ques button {
	margin: 0;
	border: 0;
	outline: 0
}
.team-img {
	width: 100%;
	min-height: 150px;
	background-color: #DDE9F7
}
.team-img:after {
	content: '';
	clear: both;
	z-index: 99
}
.team-img .team-img-i {
	width: 12.5%;
	height: auto;
	overflow: hidden;
	float: left;
	display: inline-block
}
.team-img .team-img-i img {
	width: 100%
}
.box-3 {
	width: 100%;
	margin-top: 80px;
	text-align: left
}
.box-3:after {
	content: '';
	display: block;
	clear: both
}
.box-3 .box-3-i {
	width: 100%;
	display: inline-block;
	float: left;
	color: #FFF
}
.box-3 .box-3-i:not(:first-child) {
	margin-top: 50px
}
.box-3 .box-3-i .box-3-cont {
	background-color: #5593d7;
	padding: 32px
}
.box-3 .box-3-i .box-3-cont .ttl {
	font-size: 39px;
	line-height: 47px
}
.box-3 .box-3-i .box-3-cont .desc {
	font-size: 20px;
	line-height: 27px;
	margin-top: 32px
}
.box-3 .box-3-i .box-3-cont .lnk {
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	padding: 32px 0 0;
	text-align: center;
	display: inline-block
}
.box-3 .box-3-i .box-3-cont .lnk a {
	text-decoration: none;
	color: #FFF
}
.overlay {
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}
.overlay .overlay-cont {
	width: 960px;
	height: 100%;
	display: table;
	margin: 0 auto
}
.overlay .overlay-cont .overlay-cont-i {
	display: table-cell;
	vertical-align: middle
}
.overlay .overlay-cont .overlay-cont-i iframe {
	width: 100%;
	height: 480px;
	border: 0;
	background-color: #000;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .35)
}
.credits-page .content-1 {
	padding-bottom: 60px
}
.credits-logo {
	width: 90px;
	float: left;
	margin: 25px 25px 0 0
}
.credits-page .card {
	float: left;
	width: calc(100% - 115px)
}
.platform {
	display: none
}
.platform.win-platform .win {
	display: block
}
.platform.win-platform .osx,
.platform.win-platform .unix {
	display: none
}
.platform.osx-platform .osx {
	display: block
}
.platform.osx-platform .unix,
.platform.osx-platform .win {
	display: none
}
.platform.unix-platform .unix {
	display: block
}
.platform.unix-platform .osx,
.platform.unix-platform .win {
	display: none
}
.platform .mob-alert {
	display: none;
	margin-top: 40px;
	background-color: #5891CC;
	padding: 24px;
	border-radius: 5px;
	color: #FFF;
	font-size: 18px;
	font-weight: 600
}
.al-title {
	font-size: 49px;
	color: #5891CC;
	font-weight: 400;
	padding-bottom: 35px;
	padding-top: 60px;
	margin: 0;
	text-align: center
}
.al-sub-title {
	font-size: 39px;
	color: #5592D7;
	font-weight: 400;
	padding: 0;
	margin: 0;
	text-align: center
}
.al-bold {
	font-size: 29px;
	color: #282828;
	font-weight: 400;
	padding: 0 0 20px;
	margin: 0;
	text-align: center
}
.al-bold-2 {
	font-size: 29px;
	color: #282828;
	font-weight: 400;
	padding: 25px 0 0;
	margin: 0;
	text-align: center
}
.al-p {
	font-size: 18px;
	margin: 0;
	padding: 20px 0 0;
	color: #282828
}
.al-p a {
	font-weight: 600;
	color: #5891CC
}
.al-p a:hover {
	color: #215A96;
	text-decoration: underline
}
.al-download {
	width: 100%;
	padding: 100px 0
}
.al-download .al-download-i {
	width: 50%;
	float: left;
	display: inline-block;
	text-align: center
}
.al-download-i .head {
	font-size: 28px;
	color: #282828;
	margin: 0
}
.al-download-i .cnt .icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #5891CC;
	margin: 20px 0;
	display: inline-block
}
.al-download-lnk {
	margin: 0 0 25px
}
.al-download-lnk a {
	display: inline-block;
	padding: 0 16px 0 56px;
	background-color: #5891CC;
	line-height: 44px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	border: 2px solid #5891CC;
	position: relative
}
.al-download-lnk a .icn {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 6px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px
}
.al-download-lnk a .icn.win {
	background-image: url(../img/white_win_icon.ba6d.svg)
}
.al-download-lnk a .icn.osx {
	background-image: url(../img/white_osx_icon.0379.svg)
}
.al-download-lnk a .icn.unix {
	background-image: url(../img/white_linux_icon.0fcf.svg)
}
.al-download-lnk a:hover {
	background-color: transparent;
	color: #5891CC
}
.al-download-lnk a:hover .icn.win {
	background-image: url(../img/win_icon.611f.svg)
}
.al-download-lnk a:hover .icn.osx {
	background-image: url(../img/osx_icon.69ba.svg)
}
.al-download-lnk a:hover .icn.unix {
	background-image: url(../img/linux_icon.d03c.svg)
}
.al-download-i .cnt .icon img {
	width: 100%
}
.al-download-i .foot p {
	font-size: 18px;
	color: #282828;
	padding: 0;
	margin: 0
}
.al-download-i .foot p a {
	font-weight: 700;
	color: #5891CC;
	text-decoration: none
}
.al-download-i .foot p a:hover {
	color: #215A96;
	text-decoration: underline
}
.al-download-i.light .head {
	color: #FFF
}
.al-download-i.light .al-download-lnk a {
	background-color: #FFF;
	color: #5891CC;
	border-color: #FFF
}
.al-download-i.light .al-download-lnk a:hover {
	background-color: transparent;
	color: #FFF
}
.al-download-i.light .al-download-lnk a .icn.win {
	background-image: url(../img/win_icon.611f.svg)
}
.al-download-i.light .al-download-lnk a .icn.osx {
	background-image: url(../img/osx_icon.69ba.svg)
}
.al-download-i.light .al-download-lnk a .icn.unix {
	background-image: url(../img/linux_icon.d03c.svg)
}
.al-download-i.light .al-download-lnk a:hover .icn.win {
	background-image: url(../img/white_win_icon.ba6d.svg)
}
.al-download-i.light .al-download-lnk a:hover .icn.osx {
	background-image: url(../img/white_osx_icon.0379.svg)
}
.al-download-i.light .al-download-lnk a:hover .icn.unix {
	background-image: url(../img/white_linux_icon.0fcf.svg)
}
.al-download-i.light .foot p,
.al-download-i.light .foot p a {
	color: #FFF
}
.al-download-i.light .foot p a:hover {
	text-decoration: underline
}
.al-media {
	margin: 40px 0;
	height: 400px;
	text-align: center
}
.al-media img {
	height: 100%
}
.al-banner {
	position: relative
}
.al-banner:after,
.al-banner:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/alpha_desktop.586f.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto
}
.al-banner:before {
	transform: rotateY(180deg);
	transform-origin: center
}
.al-banner-cnt {
	position: relative;
	z-index: 1
}
.al-banner-cnt .content {
	padding: 60px 0;
	margin: 80px 0 0
}
.al-banner-cnt .content img {
	width: auto;
	height: 150px;
	margin: 0 auto;
	display: block
}
.al-banner-cnt .content h4 {
	padding: 60px 0 0;
	text-align: center;
	font-size: 36px;
	line-height: 48px;
	font-weight: 600;
	color: gray;
	margin: 0 0 100px
}
.al-cnt {
	padding-bottom: 60px
}
.al-bg-blue {
	background-color: #5891CC;
	margin-top: 20px
}
.al-bg-blue .al-download {
	padding: 60px 0
}
.al-blue-stripe {
	display: block;
	width: 100%;
	height: 20px;
	background-color: #4c89c7;
	position: relative
}
.text-center {
	text-align: center
}
.download-sec {
	padding: 100px 0 140px
}
.download-sec .download-sec-cnt,
.download-sec .download-sec-media {
	width: 50%;
	display: block;
	float: left
}
.download-sec .download-sec-media {
	padding: 0 20px
}
.download-sec .download-sec-media img {
	width: 100%
}
.download-sec .download-sec-cnt .head {
	font-size: 29px;
	color: #282828;
	margin: 0;
	padding: 0
}
.download-sec .download-sec-cnt .p {
	font-size: 18px;
	color: #282828;
	margin: 0;
	padding: 20px 0 0
}
.download-sec .download-sec-cnt .p a {
	font-weight: 700;
	color: #5891CC
}
.download-sec .download-sec-cnt .p a:hover {
	color: #215A96;
	text-decoration: underline
}
.download-sec .download-sec-cnt .al-download-lnk {
	margin: 20px 0 0
}
.downloading-banner {
	position: relative
}
.downloading-banner:after,
.downloading-banner:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/downloading_desktop_updated.2f69.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto
}
.downloading-banner:before {
	transform: rotateY(180deg);
	transform-origin: center
}
.downloading-banner-cnt {
	position: relative;
	z-index: 1
}
.carousel {
	width: 100%;
	display: block;
	overflow: hidden
}
.carousel .carousel-b {
	display: table;
	visibility: hidden;
	transition: margin .5s ease
}
.carousel .carousel-b .carousel-i {
	display: table-cell;
	position: relative
}
.carousel-nav {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	position: relative;
	z-index: 1
}
.carousel-nav .carousel-nav-i {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background-color: rgba(85, 147, 215, .5);
	border-radius: 50%;
	border: 2px solid #5593d7;
	cursor: pointer
}
.carousel-nav .carousel-nav-i.active {
	background-color: #5593d7;
	width: 20px;
	height: 20px;
	margin-bottom: -3px
}
.b2f-bnr {
	background-color: #6557AA
}
.b2f-bnr:after,
.b2f-bnr:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/safe_launcher_home_bg_transparent.e48e.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto
}
.b2f-bnr:before {
	transform: rotateY(180deg);
	transform-origin: center
}
.b2f-bnr-b {
	padding-top: 150px;
	position: relative;
	z-index: 1
}
.b2f-bnr .title {
	margin: 0;
	padding: 0;
	font-size: 56px;
	font-weight: 400;
	text-align: center;
	color: #FFF
}
.b2f-bnr .sub-title {
	margin: 60px auto 0;
	font-size: 28px;
	font-weight: 400;
	text-align: center;
	color: #FFF
}
.b2f-bnr .bnr-img {
	margin: 50px 0;
	text-align: center
}
.b2f-bnr .bnr-img img {
	width: 600px
}
.b2f-bnr-b .foot {
	padding-bottom: 150px;
	text-align: center
}
.b2f-bnr-b .foot .al-btn {
	color: #6557AA!important
}
.b2f-bnr-b .foot .al-btn:hover {
	color: #FFF!important
}
.timeline {
	display: table;
	margin-top: 60px
}
.timeline .cntr,
.timeline .title {
	display: table-cell;
	vertical-align: top
}
.timeline .title {
	width: 280px;
	margin: 0;
	padding: 0;
	font-size: 38px;
	font-weight: 600;
	color: #606060
}
.timeline .timeline-i {
	position: relative;
	padding-left: 68px;
	padding-bottom: 40px
}
.timeline .timeline-i:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0
}
.timeline .timeline-i.completed:after {
	background-image: url(../img/complete.71d9.svg)
}
.timeline .timeline-i.in-progress:after {
	background-image: url(../img/in_progress.2fca.svg)
}
.timeline .timeline-i.pending:after {
	background-image: url(../img/pending.25e8.svg)
}
.timeline .timeline-i>h3 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 21px;
	font-weight: 700;
	color: #606060
}
.timeline .timeline-i>h4 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 21px;
	font-weight: 600;
	font-style: italic;
	color: #757575
}
.timeline .timeline-i>p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #606060
}
.timeline .timeline-i:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 12px;
	width: 6px;
	height: 100%;
	background-color: #5592D7
}
.timeline .timeline-i .highlight {
	background-color: rgba(255, 255, 255, .2);
	padding: 30px;
	margin-top: 20px;
	margin-bottom: 10px
}
.timeline .timeline-i .highlight>ul {
	margin-top: 16px
}
.timeline .timeline-i .highlight>h3,
.timeline .timeline-i .highlight>p,
.timeline .timeline-i .highlight>p a,
.timeline .timeline-i .highlight>ul li {
	margin: 0;
	padding: 0;
	color: #FFF
}
.timeline .timeline-i .highlight>p {
	margin-top: 20px
}
.timeline .timeline-i .highlight>p a {
	font-weight: 700;
	text-decoration: none
}
.timeline .timeline-i .highlight>p a:hover {
	text-decoration: underline
}
.timeline.white {
	margin-top: 0
}
.timeline.white .timeline-i>h3,
.timeline.white .timeline-i>h4,
.timeline.white .timeline-i>p,
.timeline.white .title {
	color: #FFF
}
.timeline.white .title {
	padding-top: 60px
}
.timeline.white .timeline-i>h4 {
	opacity: .8
}
.timeline.white .timeline-i:before {
	background-color: #FFF
}
.timeline-connect {
	height: 60px;
	position: relative
}
.timeline-connect:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 12px;
	width: 6px;
	height: 100%;
	background-color: rgba(255, 255, 255, .5)
}
.timeline .timeline-i.end:before {
	display: none
}
.bg-blue {
	background-color: #5891CC;
	overflow: hidden
}
.bnr-1 .bnr-1-b {
	background-color: #5593d7;
	padding-top: 70px
}
.bnr-1 .bnr-1-i {
	width: 100%;
	text-align: center;
	background-color: #85f9e6;
	position: relative;
	overflow: hidden
}
.bnr-1 .bnr-1-i a {
	width: 585px;
	display: block;
	padding-top: 45px;
	padding-bottom: 280px
}
.bnr-1 .bnr-1-i a .heading {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 300;
	color: #5593d7
}
.bnr-1 .bnr-1-i a .desc {
	margin: 14px 0 0;
	padding: 0 0 20px;
	font-size: 20px;
	font-weight: 300;
	color: #767573
}
.bnr-1 .bnr-1-i a .botton-img {
	width: 585px;
	height: 270px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -292.5px;
	background-image: url(../img/banner-assets/large_middle.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain
}
.bnr-1 .bnr-1-i a .left-img {
	width: 230px;
	height: 98%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -538.5px;
	background-image: url(../img/banner-assets/large_left.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain
}
.bnr-1 .bnr-1-i a .right-img {
	width: 100%;
	height: 96%;
	position: absolute;
	top: 2%;
	left: 50%;
	margin-left: 308.5px;
	background-image: url(../img/banner-assets/large_right.svg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain
}
.bnr-2-i {
	padding-top: 45px;
	background-color: #FFF;
	text-align: center
}
.bnr-2-i a {
	text-decoration: none
}
.bnr-2-i .base-1 {
	position: relative;
	padding-bottom: 248px;
	z-index: 1
}
.bnr-2-i .label-1 {
	margin: 0;
	padding: 0 0 35px;
	font-size: 30px;
	font-weight: 300;
	color: #5593d7
}
.bnr-2-i .label-2 {
	margin: 0;
	padding: 0 0 25px;
	font-size: 24px;
	font-weight: 300;
	color: #5593d7
}
.bnr-2-i .label-2 span {
	font-size: 45px
}
.bnr-2-i .label-3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 300;
	color: #757575
}
.bnr-2-i .label-3 b {
	text-decoration: none;
	font-weight: 700;
	color: #757575
}
.bnr-2-i .botton-img {
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 14px;
	left: 0;
	background-image: url(../img/banner-assets/LAPTOP-BUBBLES.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 0
}
.slider {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}
.slider .slider-b {
	height: auto;
	background-color: #fff;
	transition: margin-left 1s ease
}
.slider .slider-b:after {
	content: "";
	display: block;
	clear: both
}
.slider .slider-b .slider-i {
	width: 100%;
	display: inline-block;
	float: left
}
.slider .slider-nav {
	width: 100%;
	height: 50px;
	background-color: transparent;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
.slider .slider-nav-b {
	display: inline-block;
	margin: 0 auto;
	line-height: 50px
}
.slider .slider-nav-b span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background-color: #AAA;
	border-radius: 50%;
	cursor: pointer
}
.slider .slider-nav .slider-nav-b span.active {
	background-color: #5593d7
}
.safe-coins .title {
	text-align: center;
	font-size: 48px;
	color: #5593d7;
	margin: 0;
	padding: 72px 0
}
.safe-coins .desc {
	margin: 0;
	padding: 0 0 41px;
	font-size: 18px;
	color: #555
}
.safe-coins .exchanges:after {
	content: "";
	clear: both;
	display: block
}
.safe-coins .exchanges .exchange {
	width: 33.33%;
	display: inline-block;
	float: left;
	position: relative;
	text-align: left;
	margin: 12px 0 0;
	padding: 0 6px
}
.safe-coins .exchanges .exchange a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 30px;
	background-color: #e2e0e0;
	position: relative
}
.safe-coins .exchanges .exchange a:hover {
	background-color: #fff;
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .5)
}
.safe-coins .exchanges .exchange .icn {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 145px;
	left: 0;
	top: 0;
	line-height: 145px;
	padding: 0 30px
}
.safe-coins .exchanges .exchange .icn img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 145px
}
.safe-coins .exchanges .exchange p {
	margin: 145px 0 0;
	padding: 0;
	font-size: 16px;
	color: #555;
	min-height: 145px
}
.roadmap {
	position: relative;
	overflow: hidden;
	display: block
}
.roadmapChart {
	width: 80%;
	padding: 0!important
}
.roadmapChart-h {
	position: relative;
	padding: 8px 0 8px 15px
}
.roadmapChart-h:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden
}
.roadmapChart-h-desc-title {
	display: none
}
.roadmapChartMobile-b {
	width: 100%;
	display: block
}
.roadmapChart-h .roadmapChart-h-menu {
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(../img/roadmap_menu_icon.4018.svg);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}
.roadmapChart-h-t {
	margin: 0;
	padding: 0 40px 0 0;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	color: #2a98ea;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
	text-transform: capitalize;
	-webkit-user-select: none
}
.roadmapChart-h-t .info-icon {
	display: none;
	height: 22px;
	position: absolute;
	top: 0;
	right: 0
}
.roadmapChart-h-t .info-icon.closed,
.roadmapChart-h-t .info-icon.opened,
.roadmapChart-h-t.active .info-icon.closed,
.roadmapChart-h-t.active .info-icon.opened {
	display: none
}
.roadmapChart-h-desc {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #282828;
	font-weight: 400;
	float: left;
	display: none
}
.roadmapChart-h-t.active~.roadmapChart-h-desc {
	display: none
}
.roadmapChart-h-t.active:after {
	background-image: url(../img/roadmap_close_info.ffde.svg)
}
.chart-progress-b {
	fill: #EEE
}
.chart-progress {
	fill: #99d1ff
}
.roadmapBreadcrumb {
	padding: 16px 0 0 15px
}
.roadmapBreadcrumb:after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden
}
.roadmapBreadcrumb>.breadcrumb-i {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	padding-right: 8px;
	float: left;
	cursor: pointer
}
.roadmapBreadcrumb>.breadcrumb-i:not(:last-child):after {
	content: " >"
}
.listPadding {
	padding-left: 18px
}
.roadmap .roadmapNav {
	width: 20%;
	padding: 0;
	font-family: 'Open sans';
	font-size: 14px;
	border-right: 1px solid #DDD;
	position: relative;
	min-height: 1px;
	float: left;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto
}
.roadmap .roadmapNav .roadmapNav-b {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	z-index: 0
}
.listTitle {
	font-size: 24px;
	line-height: 29px;
	padding-left: 8px;
	cursor: pointer;
	position: relative;
	color: #888
}
.listTitle>.listPadding {
	padding-bottom: 8px;
	display: inline-block
}
.listBase {
	font-size: 14px;
	font-weight: 600;
	line-height: 29px;
	margin-left: 18px;
	padding-left: 3px;
	cursor: pointer;
	position: relative;
	color: #888;
	-webkit-user-select: none
}
.listBase>span {
	width: 98%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.listBase.listClose {
	height: 29px;
	overflow: hidden
}
.listBase.highlight {
	color: #fff
}
.listBase.highlight:before {
	width: 100%
}
.listBase.active {
	color: #fff
}
.listBase.active:before {
	width: 100%
}
.listBase:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 29px;
	top: 0;
	left: 0;
	z-index: -1
}
.roadmap .roadmapChart {
	width: 80%;
	padding: 0 0 0 5px;
	float: left;
	height: 100%;
	position: relative;
	box-sizing: border-box
}
.roadmap .roadmapChart .roadmapChart-b {
	width: 100%
}
.taskText {
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	cursor: pointer;
	fill: #FFF
}
.labelText {
	font-family: 'Roboto Mono Regular';
	font-size: 10px;
	font-weight: 400;
	text-transform: capitalize;
	cursor: pointer;
	fill: #FFF
}
.box {
	fill: #008cff;
	cursor: pointer;
	stroke-width: 2px
}
.mvp .mvpbox {
	fill: #ffdd50;
	stroke: #ffb92c
}
.mvp:hover .mvpbox {
	stroke-width: 3px!important
}
.mvp:hover text {
	font-weight: 700
}
.box.highlight {
	stroke: rgba(0, 0, 0, .5)
}
.line- {
	stroke: #4682b4
}
.line-label {
	cursor: pointer
}
.lineMarker {
	fill: none;
	stroke: #4682b4;
	stroke-width: 2.5px
}
.statusBox {
	cursor: pointer
}
.features-list {
	width: 100%;
	padding: 36px 20px 0
}
.features-list-h {
	margin: 0;
	padding: 0;
	font-size: 19px;
	color: #282828;
	font-weight: 600
}
.features-list-i {
	margin: 0;
	padding: 12px 0 0 24px;
	font-size: 16px;
	font-weight: 400;
	color: #282828;
	position: relative
}
.features-list-i:before {
	content: '';
	width: 12px;
	height: 18px;
	position: absolute;
	top: 14px;
	left: 0;
	border-radius: 40%;
	background-color: gray
}
.red-1.text {
	color: #b71c1c
}
.red-1:before {
	background-color: #b71c1c
}
.red-1.text .info-icon,
.svg-red-1 {
	fill: #b71c1c
}
.line-red-1 {
	stroke: #b71c1c
}
.features-red-1:before {
	background-color: #b71c1c!important
}
.red-2.text {
	color: #c62828
}
.red-2:before {
	background-color: #c62828
}
.red-2.text .info-icon,
.svg-red-2,
.svg-red-2 .box {
	fill: #c62828
}
.line-red-2,
.svg-red-2 .box {
	stroke: #c62828
}
.features-red-2:before {
	background-color: #c62828!important
}
.red-2.highlight:before {
	border: 2px solid #b71c1c
}
.line-red-2.highlight,
.svg-red-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #b71c1c
}
.red-2:active:before {
	background-color: #b71c1c
}
.svg-red-2:active .box {
	fill: #b71c1c!important
}
.red-3.text {
	color: #e53935
}
.red-3:before {
	background-color: #e53935
}
.red-3.text .info-icon,
.svg-red-3,
.svg-red-3 .box {
	fill: #e53935
}
.line-red-3,
.svg-red-3 .box {
	stroke: #e53935
}
.features-red-3:before {
	background-color: #e53935!important
}
.red-3.highlight:before {
	border: 2px solid #c62828
}
.line-red-3.highlight,
.svg-red-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #c62828
}
.red-3:active:before {
	background-color: #c62828
}
.svg-red-3:active .box {
	fill: #c62828!important
}
.red-4.text {
	color: #e57373
}
.red-4:before {
	background-color: #e57373
}
.red-4.text .info-icon,
.svg-red-4,
.svg-red-4 .box {
	fill: #e57373
}
.line-red-4,
.svg-red-4 .box {
	stroke: #e57373
}
.features-red-4:before {
	background-color: #e57373!important
}
.red-4.highlight:before {
	border: 2px solid #e53935
}
.line-red-4.highlight,
.svg-red-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #e53935
}
.red-4:active:before {
	background-color: #e53935
}
.svg-red-4:active .box {
	fill: #e53935!important
}
.red-5.text {
	color: #ef9a9a
}
.red-5:before {
	background-color: #ef9a9a
}
.red-5.text .info-icon,
.svg-red-5,
.svg-red-5 .box {
	fill: #ef9a9a
}
.line-red-5,
.svg-red-5 .box {
	stroke: #ef9a9a
}
.features-red-5:before {
	background-color: #ef9a9a!important
}
.red-5.highlight:before {
	border: 2px solid #e57373
}
.line-red-5.highlight,
.svg-red-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #e57373
}
.red-5:active:before {
	background-color: #e57373
}
.svg-red-5:active .box {
	fill: #e57373!important
}
.red-6.text {
	color: #ffcdd2
}
.red-6:before {
	background-color: #ffcdd2
}
.red-6.text .info-icon,
.svg-red-6,
.svg-red-6 .box {
	fill: #ffcdd2
}
.line-red-6,
.svg-red-6 .box {
	stroke: #ffcdd2
}
.features-red-6:before {
	background-color: #ffcdd2!important
}
.red-6.highlight:before {
	border: 2px solid #ef9a9a
}
.line-red-6.highlight,
.svg-red-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #ef9a9a
}
.red-6:active:before {
	background-color: #ef9a9a
}
.svg-red-6:active .box {
	fill: #ef9a9a!important
}
.pink-1.text {
	color: #880e4f
}
.pink-1:before {
	background-color: #880e4f
}
.pink-1.text .info-icon,
.svg-pink-1 {
	fill: #880e4f
}
.line-pink-1 {
	stroke: #880e4f
}
.features-pink-1:before {
	background-color: #880e4f!important
}
.pink-2.text {
	color: #ad1457
}
.pink-2:before {
	background-color: #ad1457
}
.pink-2.text .info-icon,
.svg-pink-2,
.svg-pink-2 .box {
	fill: #ad1457
}
.line-pink-2,
.svg-pink-2 .box {
	stroke: #ad1457
}
.features-pink-2:before {
	background-color: #ad1457!important
}
.pink-2.highlight:before {
	border: 2px solid #880e4f
}
.line-pink-2.highlight,
.svg-pink-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #880e4f
}
.pink-2:active:before {
	background-color: #880e4f
}
.svg-pink-2:active .box {
	fill: #880e4f!important
}
.pink-3.text {
	color: #d81b60
}
.pink-3:before {
	background-color: #d81b60
}
.pink-3.text .info-icon,
.svg-pink-3,
.svg-pink-3 .box {
	fill: #d81b60
}
.line-pink-3,
.svg-pink-3 .box {
	stroke: #d81b60
}
.features-pink-3:before {
	background-color: #d81b60!important
}
.pink-3.highlight:before {
	border: 2px solid #ad1457
}
.line-pink-3.highlight,
.svg-pink-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #ad1457
}
.pink-3:active:before {
	background-color: #ad1457
}
.svg-pink-3:active .box {
	fill: #ad1457!important
}
.pink-4.text {
	color: #f06292
}
.pink-4:before {
	background-color: #f06292
}
.pink-4.text .info-icon,
.svg-pink-4,
.svg-pink-4 .box {
	fill: #f06292
}
.line-pink-4,
.svg-pink-4 .box {
	stroke: #f06292
}
.features-pink-4:before {
	background-color: #f06292!important
}
.pink-4.highlight:before {
	border: 2px solid #d81b60
}
.line-pink-4.highlight,
.svg-pink-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #d81b60
}
.pink-4:active:before {
	background-color: #d81b60
}
.svg-pink-4:active .box {
	fill: #d81b60!important
}
.pink-5.text {
	color: #f48fb1
}
.pink-5:before {
	background-color: #f48fb1
}
.pink-5.text .info-icon,
.svg-pink-5,
.svg-pink-5 .box {
	fill: #f48fb1
}
.line-pink-5,
.svg-pink-5 .box {
	stroke: #f48fb1
}
.features-pink-5:before {
	background-color: #f48fb1!important
}
.pink-5.highlight:before {
	border: 2px solid #f06292
}
.line-pink-5.highlight,
.svg-pink-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #f06292
}
.pink-5:active:before {
	background-color: #f06292
}
.svg-pink-5:active .box {
	fill: #f06292!important
}
.pink-6.text {
	color: #f8bbd0
}
.pink-6:before {
	background-color: #f8bbd0
}
.pink-6.text .info-icon,
.svg-pink-6,
.svg-pink-6 .box {
	fill: #f8bbd0
}
.line-pink-6,
.svg-pink-6 .box {
	stroke: #f8bbd0
}
.features-pink-6:before {
	background-color: #f8bbd0!important
}
.pink-6.highlight:before {
	border: 2px solid #f48fb1
}
.line-pink-6.highlight,
.svg-pink-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #f48fb1
}
.pink-6:active:before {
	background-color: #f48fb1
}
.svg-pink-6:active .box {
	fill: #f48fb1!important
}
.purple-1.text {
	color: #6a1b9a
}
.purple-1:before {
	background-color: #6a1b9a
}
.purple-1.text .info-icon,
.svg-purple-1,
.svg-purple-1 .box {
	fill: #6a1b9a
}
.line-purple-1,
.svg-purple-1 .box {
	stroke: #6a1b9a
}
.features-purple-1:before {
	background-color: #6a1b9a!important
}
.purple-2.text {
	color: #7b1fa2
}
.purple-2:before {
	background-color: #7b1fa2
}
.purple-2.text .info-icon,
.svg-purple-2,
.svg-purple-2 .box {
	fill: #7b1fa2
}
.line-purple-2,
.svg-purple-2 .box {
	stroke: #7b1fa2
}
.features-purple-2:before {
	background-color: #7b1fa2!important
}
.purple-2.highlight:before {
	border: 2px solid #6a1b9a
}
.line-purple-2.highlight,
.svg-purple-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #6a1b9a
}
.purple-2:active:before {
	background-color: #6a1b9a
}
.svg-purple-2:active .box {
	fill: #6a1b9a!important
}
.purple-3.text {
	color: #ab47bc
}
.purple-3:before {
	background-color: #ab47bc
}
.purple-3.text .info-icon,
.svg-purple-3,
.svg-purple-3 .box {
	fill: #ab47bc
}
.line-purple-3,
.svg-purple-3 .box {
	stroke: #ab47bc
}
.features-purple-3:before {
	background-color: #ab47bc!important
}
.purple-3.highlight:before {
	border: 2px solid #7b1fa2
}
.line-purple-3.highlight,
.svg-purple-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #7b1fa2
}
.purple-3:active:before {
	background-color: #7b1fa2
}
.svg-purple-3:active .box {
	fill: #7b1fa2!important
}
.purple-4.text {
	color: #ba68c8
}
.purple-4:before {
	background-color: #ba68c8
}
.purple-4.text .info-icon,
.svg-purple-4,
.svg-purple-4 .box {
	fill: #ba68c8
}
.line-purple-4,
.svg-purple-4 .box {
	stroke: #ba68c8
}
.features-purple-4:before {
	background-color: #ba68c8!important
}
.purple-4.highlight:before {
	border: 2px solid #ab47bc
}
.line-purple-4.highlight,
.svg-purple-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #ab47bc
}
.purple-4:active:before {
	background-color: #ab47bc
}
.svg-purple-4:active .box {
	fill: #ab47bc!important
}
.purple-5.text {
	color: #ce93d8
}
.purple-5:before {
	background-color: #ce93d8
}
.purple-5.text .info-icon,
.svg-purple-5,
.svg-purple-5 .box {
	fill: #ce93d8
}
.line-purple-5,
.svg-purple-5 .box {
	stroke: #ce93d8
}
.features-purple-5:before {
	background-color: #ce93d8!important
}
.purple-5.highlight:before {
	border: 2px solid #ba68c8
}
.line-purple-5.highlight,
.svg-purple-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #ba68c8
}
.purple-5:active:before {
	background-color: #ba68c8
}
.svg-purple-5:active .box {
	fill: #ba68c8!important
}
.purple-6.text {
	color: #e1bee7
}
.purple-6:before {
	background-color: #e1bee7
}
.purple-6.text .info-icon,
.svg-purple-6,
.svg-purple-6 .box {
	fill: #e1bee7
}
.line-purple-6,
.svg-purple-6 .box {
	stroke: #e1bee7
}
.features-purple-6:before {
	background-color: #e1bee7!important
}
.purple-6.highlight:before {
	border: 2px solid #ce93d8
}
.line-purple-6.highlight,
.svg-purple-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #ce93d8
}
.purple-6:active:before {
	background-color: #ce93d8
}
.svg-purple-6:active .box {
	fill: #ce93d8!important
}
.navy-1.text {
	color: #283593
}
.navy-1:before {
	background-color: #283593
}
.navy-1.text .info-icon,
.svg-navy-1,
.svg-navy-1 .box {
	fill: #283593
}
.line-navy-1,
.svg-navy-1 .box {
	stroke: #283593
}
.features-navy-1:before {
	background-color: #283593!important
}
.navy-2.text {
	color: #303f9f
}
.navy-2:before {
	background-color: #303f9f
}
.navy-2.text .info-icon,
.svg-navy-2,
.svg-navy-2 .box {
	fill: #303f9f
}
.line-navy-2,
.svg-navy-2 .box {
	stroke: #303f9f
}
.features-navy-2:before {
	background-color: #303f9f!important
}
.navy-2.highlight:before {
	border: 2px solid #283593
}
.line-navy-2.highlight,
.svg-navy-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #283593
}
.navy-2:active:before {
	background-color: #283593
}
.svg-navy-2:active .box {
	fill: #283593!important
}
.navy-3.text {
	color: #5c6bc0
}
.navy-3:before {
	background-color: #5c6bc0
}
.navy-3.text .info-icon,
.svg-navy-3,
.svg-navy-3 .box {
	fill: #5c6bc0
}
.line-navy-3,
.svg-navy-3 .box {
	stroke: #5c6bc0
}
.features-navy-3:before {
	background-color: #5c6bc0!important
}
.navy-3.highlight:before {
	border: 2px solid #303f9f
}
.line-navy-3.highlight,
.svg-navy-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #303f9f
}
.navy-3:active:before {
	background-color: #303f9f
}
.svg-navy-3:active .box {
	fill: #303f9f!important
}
.navy-4.text {
	color: #7986cb
}
.navy-4:before {
	background-color: #7986cb
}
.navy-4.text .info-icon,
.svg-navy-4,
.svg-navy-4 .box {
	fill: #7986cb
}
.line-navy-4,
.svg-navy-4 .box {
	stroke: #7986cb
}
.features-navy-4:before {
	background-color: #7986cb!important
}
.navy-4.highlight:before {
	border: 2px solid #5c6bc0
}
.line-navy-4.highlight,
.svg-navy-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #5c6bc0
}
.navy-4:active:before {
	background-color: #5c6bc0
}
.svg-navy-4:active .box {
	fill: #5c6bc0!important
}
.navy-5.text {
	color: #9fa8da
}
.navy-5:before {
	background-color: #9fa8da
}
.navy-5.text .info-icon,
.svg-navy-5,
.svg-navy-5 .box {
	fill: #9fa8da
}
.line-navy-5,
.svg-navy-5 .box {
	stroke: #9fa8da
}
.features-navy-5:before {
	background-color: #9fa8da!important
}
.navy-5.highlight:before {
	border: 2px solid #7986cb
}
.line-navy-5.highlight,
.svg-navy-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #7986cb
}
.navy-5:active:before {
	background-color: #7986cb
}
.svg-navy-5:active .box {
	fill: #7986cb!important
}
.navy-6.text {
	color: #c5cae9
}
.navy-6:before {
	background-color: #c5cae9
}
.navy-6.text .info-icon,
.svg-navy-6,
.svg-navy-6 .box {
	fill: #c5cae9
}
.line-navy-6,
.svg-navy-6 .box {
	stroke: #c5cae9
}
.features-navy-6:before {
	background-color: #c5cae9!important
}
.navy-6.highlight:before {
	border: 2px solid #9fa8da
}
.line-navy-6.highlight,
.svg-navy-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #9fa8da
}
.navy-6:active:before {
	background-color: #9fa8da
}
.svg-navy-6:active .box {
	fill: #9fa8da!important
}
.blue-1.text {
	color: #01579b
}
.blue-1:before {
	background-color: #01579b
}
.blue-1.text .info-icon,
.svg-blue-1,
.svg-blue-1 .box {
	fill: #01579b
}
.line-blue-1,
.svg-blue-1 .box {
	stroke: #01579b
}
.features-blue-1:before {
	background-color: #01579b!important
}
.blue-2.text {
	color: #0277bd
}
.blue-2:before {
	background-color: #0277bd
}
.blue-2.text .info-icon,
.svg-blue-2,
.svg-blue-2 .box {
	fill: #0277bd
}
.line-blue-2,
.svg-blue-2 .box {
	stroke: #0277bd
}
.features-blue-2:before {
	background-color: #0277bd!important
}
.blue-2.highlight:before {
	border: 2px solid #01579b
}
.line-blue-2.highlight,
.svg-blue-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #01579b
}
.blue-2:active:before {
	background-color: #01579b
}
.svg-blue-2:active .box {
	fill: #01579b!important
}
.blue-3.text {
	color: #039be5
}
.blue-3:before {
	background-color: #039be5
}
.blue-3.text .info-icon,
.svg-blue-3,
.svg-blue-3 .box {
	fill: #039be5
}
.line-blue-3,
.svg-blue-3 .box {
	stroke: #039be5
}
.features-blue-3:before {
	background-color: #039be5!important
}
.blue-3.highlight:before {
	border: 2px solid #0277bd
}
.line-blue-3.highlight,
.svg-blue-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #0277bd
}
.blue-3:active:before {
	background-color: #0277bd
}
.svg-blue-3:active .box {
	fill: #0277bd!important
}
.blue-4.text {
	color: #29b6f6
}
.blue-4:before {
	background-color: #29b6f6
}
.blue-4.text .info-icon,
.svg-blue-4,
.svg-blue-4 .box {
	fill: #29b6f6
}
.line-blue-4,
.svg-blue-4 .box {
	stroke: #29b6f6
}
.features-blue-4:before {
	background-color: #29b6f6!important
}
.blue-4.highlight:before {
	border: 2px solid #039be5
}
.line-blue-4.highlight,
.svg-blue-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #039be5
}
.blue-4:active:before {
	background-color: #039be5
}
.svg-blue-4:active .box {
	fill: #039be5!important
}
.blue-5.text {
	color: #81d4fa
}
.blue-5:before {
	background-color: #81d4fa
}
.blue-5.text .info-icon,
.svg-blue-5,
.svg-blue-5 .box {
	fill: #81d4fa
}
.line-blue-5,
.svg-blue-5 .box {
	stroke: #81d4fa
}
.features-blue-5:before {
	background-color: #81d4fa!important
}
.blue-5.highlight:before {
	border: 2px solid #29b6f6
}
.line-blue-5.highlight,
.svg-blue-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #29b6f6
}
.blue-5:active:before {
	background-color: #29b6f6
}
.svg-blue-5:active .box {
	fill: #29b6f6!important
}
.blue-6.text {
	color: #b3e5fc
}
.blue-6:before {
	background-color: #b3e5fc
}
.blue-6.text .info-icon,
.svg-blue-6,
.svg-blue-6 .box {
	fill: #b3e5fc
}
.line-blue-6,
.svg-blue-6 .box {
	stroke: #b3e5fc
}
.features-blue-6:before {
	background-color: #b3e5fc!important
}
.blue-6.highlight:before {
	border: 2px solid #81d4fa
}
.line-blue-6.highlight,
.svg-blue-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #81d4fa
}
.blue-6:active:before {
	background-color: #81d4fa
}
.svg-blue-6:active .box {
	fill: #81d4fa!important
}
.cyan-1.text {
	color: #006064
}
.cyan-1:before {
	background-color: #006064
}
.cyan-1.text .info-icon,
.svg-cyan-1,
.svg-cyan-1 .box {
	fill: #006064
}
.line-cyan-1,
.svg-cyan-1 .box {
	stroke: #006064
}
.features-cyan-1:before {
	background-color: #006064!important
}
.cyan-2.text {
	color: #00838f
}
.cyan-2:before {
	background-color: #00838f
}
.cyan-2.text .info-icon,
.svg-cyan-2,
.svg-cyan-2 .box {
	fill: #00838f
}
.line-cyan-2,
.svg-cyan-2 .box {
	stroke: #00838f
}
.features-cyan-2:before {
	background-color: #00838f!important
}
.cyan-2.highlight:before {
	border: 2px solid #006064
}
.line-cyan-2.highlight,
.svg-cyan-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #006064
}
.cyan-2:active:before {
	background-color: #006064
}
.svg-cyan-2:active .box {
	fill: #006064!important
}
.cyan-3.text {
	color: #00acc1
}
.cyan-3:before {
	background-color: #00acc1
}
.cyan-3.text .info-icon,
.svg-cyan-3,
.svg-cyan-3 .box {
	fill: #00acc1
}
.line-cyan-3,
.svg-cyan-3 .box {
	stroke: #00acc1
}
.features-cyan-3:before {
	background-color: #00acc1!important
}
.cyan-3.highlight:before {
	border: 2px solid #00838f
}
.line-cyan-3.highlight,
.svg-cyan-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #00838f
}
.cyan-3:active:before {
	background-color: #00838f
}
.svg-cyan-3:active .box {
	fill: #00838f!important
}
.cyan-4.text {
	color: #26c6da
}
.cyan-4:before {
	background-color: #26c6da
}
.cyan-4.text .info-icon,
.svg-cyan-4,
.svg-cyan-4 .box {
	fill: #26c6da
}
.line-cyan-4,
.svg-cyan-4 .box {
	stroke: #26c6da
}
.features-cyan-4:before {
	background-color: #26c6da!important
}
.cyan-4.highlight:before {
	border: 2px solid #00acc1
}
.line-cyan-4.highlight,
.svg-cyan-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #00acc1
}
.cyan-4:active:before {
	background-color: #00acc1
}
.svg-cyan-4:active .box {
	fill: #00acc1!important
}
.cyan-5.text {
	color: #80deea
}
.cyan-5:before {
	background-color: #80deea
}
.cyan-5.text .info-icon,
.svg-cyan-5,
.svg-cyan-5 .box {
	fill: #80deea
}
.line-cyan-5,
.svg-cyan-5 .box {
	stroke: #80deea
}
.features-cyan-5:before {
	background-color: #80deea!important
}
.cyan-5.highlight:before {
	border: 2px solid #26c6da
}
.line-cyan-5.highlight,
.svg-cyan-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #26c6da
}
.cyan-5:active:before {
	background-color: #26c6da
}
.svg-cyan-5:active .box {
	fill: #26c6da!important
}
.cyan-6.text {
	color: #b2ebf2
}
.cyan-6:before {
	background-color: #b2ebf2
}
.cyan-6.text .info-icon,
.svg-cyan-6,
.svg-cyan-6 .box {
	fill: #b2ebf2
}
.line-cyan-6,
.svg-cyan-6 .box {
	stroke: #b2ebf2
}
.features-cyan-6:before {
	background-color: #b2ebf2!important
}
.cyan-6.highlight:before {
	border: 2px solid #80deea
}
.line-cyan-6.highlight,
.svg-cyan-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #80deea
}
.cyan-6:active:before {
	background-color: #80deea
}
.svg-cyan-6:active .box {
	fill: #80deea!important
}
.teal-1.text {
	color: #004d40
}
.teal-1:before {
	background-color: #004d40
}
.svg-teal-1,
.svg-teal-1 .box,
.teal-1.text .info-icon {
	fill: #004d40
}
.line-teal-1,
.svg-teal-1 .box {
	stroke: #004d40
}
.features-teal-1:before {
	background-color: #004d40!important
}
.teal-2.text {
	color: #00695c
}
.teal-2:before {
	background-color: #00695c
}
.svg-teal-2,
.svg-teal-2 .box,
.teal-2.text .info-icon {
	fill: #00695c
}
.line-teal-2,
.svg-teal-2 .box {
	stroke: #00695c
}
.features-teal-2:before {
	background-color: #00695c!important
}
.teal-2.highlight:before {
	border: 2px solid #004d40
}
.line-teal-2.highlight,
.svg-teal-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #004d40
}
.teal-2:active:before {
	background-color: #004d40
}
.svg-teal-2:active .box {
	fill: #004d40!important
}
.teal-3.text {
	color: #00897b
}
.teal-3:before {
	background-color: #00897b
}
.svg-teal-3,
.svg-teal-3 .box,
.teal-3.text .info-icon {
	fill: #00897b
}
.line-teal-3,
.svg-teal-3 .box {
	stroke: #00897b
}
.features-teal-3:before {
	background-color: #00897b!important
}
.teal-3.highlight:before {
	border: 2px solid #00695c
}
.line-teal-3.highlight,
.svg-teal-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #00695c
}
.teal-3:active:before {
	background-color: #00695c
}
.svg-teal-3:active .box {
	fill: #00695c!important
}
.teal-4.text {
	color: #26a69a
}
.teal-4:before {
	background-color: #26a69a
}
.svg-teal-4,
.svg-teal-4 .box,
.teal-4.text .info-icon {
	fill: #26a69a
}
.line-teal-4,
.svg-teal-4 .box {
	stroke: #26a69a
}
.features-teal-4:before {
	background-color: #26a69a!important
}
.teal-4.highlight:before {
	border: 2px solid #00897b
}
.line-teal-4.highlight,
.svg-teal-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #00897b
}
.teal-4:active:before {
	background-color: #00897b
}
.svg-teal-4:active .box {
	fill: #00897b!important
}
.teal-5.text {
	color: #80cbc4
}
.teal-5:before {
	background-color: #80cbc4
}
.svg-teal-5,
.svg-teal-5 .box,
.teal-5.text .info-icon {
	fill: #80cbc4
}
.line-teal-5,
.svg-teal-5 .box {
	stroke: #80cbc4
}
.features-teal-5:before {
	background-color: #80cbc4!important
}
.teal-5.highlight:before {
	border: 2px solid #26a69a
}
.line-teal-5.highlight,
.svg-teal-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #26a69a
}
.teal-5:active:before {
	background-color: #26a69a
}
.svg-teal-5:active .box {
	fill: #26a69a!important
}
.teal-6.text {
	color: #b2dfdb
}
.teal-6:before {
	background-color: #b2dfdb
}
.svg-teal-6,
.svg-teal-6 .box,
.teal-6.text .info-icon {
	fill: #b2dfdb
}
.line-teal-6,
.svg-teal-6 .box {
	stroke: #b2dfdb
}
.features-teal-6:before {
	background-color: #b2dfdb!important
}
.teal-6.highlight:before {
	border: 2px solid #80cbc4
}
.line-teal-6.highlight,
.svg-teal-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #80cbc4
}
.teal-6:active:before {
	background-color: #80cbc4
}
.svg-teal-6:active .box {
	fill: #80cbc4!important
}
.green-1.text {
	color: #1b5e20
}
.green-1:before {
	background-color: #1b5e20
}
.green-1.text .info-icon,
.svg-green-1,
.svg-green-1 .box {
	fill: #1b5e20
}
.line-green-1,
.svg-green-1 .box {
	stroke: #1b5e20
}
.features-green-1:before {
	background-color: #1b5e20!important
}
.green-2.text {
	color: #2e7d32
}
.green-2:before {
	background-color: #2e7d32
}
.green-2.text .info-icon,
.svg-green-2,
.svg-green-2 .box {
	fill: #2e7d32
}
.line-green-2,
.svg-green-2 .box {
	stroke: #2e7d32
}
.features-green-2:before {
	background-color: #2e7d32!important
}
.green-2.highlight:before {
	border: 2px solid #1b5e20
}
.line-green-2.highlight,
.svg-green-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #1b5e20
}
.green-2:active:before {
	background-color: #1b5e20
}
.svg-green-2:active .box {
	fill: #1b5e20!important
}
.green-3.text {
	color: #43a047
}
.green-3:before {
	background-color: #43a047
}
.green-3.text .info-icon,
.svg-green-3,
.svg-green-3 .box {
	fill: #43a047
}
.line-green-3,
.svg-green-3 .box {
	stroke: #43a047
}
.features-green-3:before {
	background-color: #43a047!important
}
.green-3.highlight:before {
	border: 2px solid #2e7d32
}
.line-green-3.highlight,
.svg-green-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #2e7d32
}
.green-3:active:before {
	background-color: #2e7d32
}
.svg-green-3:active .box {
	fill: #2e7d32!important
}
.green-4.text {
	color: #66bb6a
}
.green-4:before {
	background-color: #66bb6a
}
.green-4.text .info-icon,
.svg-green-4,
.svg-green-4 .box {
	fill: #66bb6a
}
.line-green-4,
.svg-green-4 .box {
	stroke: #66bb6a
}
.features-green-4:before {
	background-color: #66bb6a!important
}
.green-4.highlight:before {
	border: 2px solid #43a047
}
.line-green-4.highlight,
.svg-green-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #43a047
}
.green-4:active:before {
	background-color: #43a047
}
.svg-green-4:active .box {
	fill: #43a047!important
}
.green-5.text {
	color: #a5d6a7
}
.green-5:before {
	background-color: #a5d6a7
}
.green-5.text .info-icon,
.svg-green-5,
.svg-green-5 .box {
	fill: #a5d6a7
}
.line-green-5,
.svg-green-5 .box {
	stroke: #a5d6a7
}
.features-green-5:before {
	background-color: #a5d6a7!important
}
.green-5.highlight:before {
	border: 2px solid #66bb6a
}
.line-green-5.highlight,
.svg-green-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #66bb6a
}
.green-5:active:before {
	background-color: #66bb6a
}
.svg-green-5:active .box {
	fill: #66bb6a!important
}
.green-6.text {
	color: #c8e6c9
}
.green-6:before {
	background-color: #c8e6c9
}
.green-6.text .info-icon,
.svg-green-6,
.svg-green-6 .box {
	fill: #c8e6c9
}
.line-green-6,
.svg-green-6 .box {
	stroke: #c8e6c9
}
.features-green-6:before {
	background-color: #c8e6c9!important
}
.green-6.highlight:before {
	border: 2px solid #a5d6a7
}
.line-green-6.highlight,
.svg-green-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #a5d6a7
}
.green-6:active:before {
	background-color: #a5d6a7
}
.svg-green-6:active .box {
	fill: #a5d6a7!important
}
.tangerine-1.text {
	color: #e65100
}
.tangerine-1:before {
	background-color: #e65100
}
.svg-tangerine-1,
.svg-tangerine-1 .box,
.tangerine-1.text .info-icon {
	fill: #e65100
}
.line-tangerine-1,
.svg-tangerine-1 .box {
	stroke: #e65100
}
.features-tangerine-1:before {
	background-color: #e65100!important
}
.tangerine-2.text {
	color: #ef6c00
}
.tangerine-2:before {
	background-color: #ef6c00
}
.svg-tangerine-2,
.svg-tangerine-2 .box,
.tangerine-2.text .info-icon {
	fill: #ef6c00
}
.line-tangerine-2,
.svg-tangerine-2 .box {
	stroke: #ef6c00
}
.features-tangerine-2:before {
	background-color: #ef6c00!important
}
.tangerine-2.highlight:before {
	border: 2px solid #e65100
}
.line-tangerine-2.highlight,
.svg-tangerine-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #e65100
}
.tangerine-2:active:before {
	background-color: #e65100
}
.svg-tangerine-2:active .box {
	fill: #e65100!important
}
.tangerine-3.text {
	color: #fb8c00
}
.tangerine-3:before {
	background-color: #fb8c00
}
.svg-tangerine-3,
.svg-tangerine-3 .box,
.tangerine-3.text .info-icon {
	fill: #fb8c00
}
.line-tangerine-3,
.svg-tangerine-3 .box {
	stroke: #fb8c00
}
.features-tangerine-3:before {
	background-color: #fb8c00!important
}
.tangerine-3.highlight:before {
	border: 2px solid #ef6c00
}
.line-tangerine-3.highlight,
.svg-tangerine-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #ef6c00
}
.tangerine-3:active:before {
	background-color: #ef6c00
}
.svg-tangerine-3:active .box {
	fill: #ef6c00!important
}
.tangerine-4.text {
	color: #ffa726
}
.tangerine-4:before {
	background-color: #ffa726
}
.svg-tangerine-4,
.svg-tangerine-4 .box,
.tangerine-4.text .info-icon {
	fill: #ffa726
}
.line-tangerine-4,
.svg-tangerine-4 .box {
	stroke: #ffa726
}
.features-tangerine-4:before {
	background-color: #ffa726!important
}
.tangerine-4.highlight:before {
	border: 2px solid #fb8c00
}
.line-tangerine-4.highlight,
.svg-tangerine-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #fb8c00
}
.tangerine-4:active:before {
	background-color: #fb8c00
}
.svg-tangerine-4:active .box {
	fill: #fb8c00!important
}
.tangerine-5.text {
	color: #ffcc80
}
.tangerine-5:before {
	background-color: #ffcc80
}
.svg-tangerine-5,
.svg-tangerine-5 .box,
.tangerine-5.text .info-icon {
	fill: #ffcc80
}
.line-tangerine-5,
.svg-tangerine-5 .box {
	stroke: #ffcc80
}
.features-tangerine-5:before {
	background-color: #ffcc80!important
}
.tangerine-5.highlight:before {
	border: 2px solid #ffa726
}
.line-tangerine-5.highlight,
.svg-tangerine-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #ffa726
}
.tangerine-5:active:before {
	background-color: #ffa726
}
.svg-tangerine-5:active .box {
	fill: #ffa726!important
}
.tangerine-6.text {
	color: #ffe0b2
}
.tangerine-6:before {
	background-color: #ffe0b2
}
.svg-tangerine-6,
.svg-tangerine-6 .box,
.tangerine-6.text .info-icon {
	fill: #ffe0b2
}
.line-tangerine-6,
.svg-tangerine-6 .box {
	stroke: #ffe0b2
}
.features-tangerine-6:before {
	background-color: #ffe0b2!important
}
.tangerine-6.highlight:before {
	border: 2px solid #ffcc80
}
.line-tangerine-6.highlight,
.svg-tangerine-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #ffcc80
}
.tangerine-6:active:before {
	background-color: #ffcc80
}
.svg-tangerine-6:active .box {
	fill: #ffcc80!important
}
.orange-1.text {
	color: #bf360c
}
.orange-1:before {
	background-color: #bf360c
}
.orange-1.text .info-icon,
.svg-orange-1,
.svg-orange-1 .box {
	fill: #bf360c
}
.line-orange-1,
.svg-orange-1 .box {
	stroke: #bf360c
}
.features-orange-1:before {
	background-color: #bf360c!important
}
.orange-2.text {
	color: #e64a19
}
.orange-2:before {
	background-color: #e64a19
}
.orange-2.text .info-icon,
.svg-orange-2,
.svg-orange-2 .box {
	fill: #e64a19
}
.line-orange-2,
.svg-orange-2 .box {
	stroke: #e64a19
}
.features-orange-2:before {
	background-color: #e64a19!important
}
.orange-2.highlight:before {
	border: 2px solid #bf360c
}
.line-orange-2.highlight,
.svg-orange-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #bf360c
}
.orange-2:active:before {
	background-color: #bf360c
}
.svg-orange-2:active .box {
	fill: #bf360c!important
}
.orange-3.text {
	color: #ff7043
}
.orange-3:before {
	background-color: #ff7043
}
.orange-3.text .info-icon,
.svg-orange-3,
.svg-orange-3 .box {
	fill: #ff7043
}
.line-orange-3,
.svg-orange-3 .box {
	stroke: #ff7043
}
.features-orange-3:before {
	background-color: #ff7043!important
}
.orange-3.highlight:before {
	border: 2px solid #e64a19
}
.line-orange-3.highlight,
.svg-orange-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #e64a19
}
.orange-3:active:before {
	background-color: #e64a19
}
.svg-orange-3:active .box {
	fill: #e64a19!important
}
.orange-4.text {
	color: #ff8a65
}
.orange-4:before {
	background-color: #ff8a65
}
.orange-4.text .info-icon,
.svg-orange-4,
.svg-orange-4 .box {
	fill: #ff8a65
}
.line-orange-4,
.svg-orange-4 .box {
	stroke: #ff8a65
}
.features-orange-4:before {
	background-color: #ff8a65!important
}
.orange-4.highlight:before {
	border: 2px solid #ff7043
}
.line-orange-4.highlight,
.svg-orange-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #ff7043
}
.orange-4:active:before {
	background-color: #ff7043
}
.svg-orange-4:active .box {
	fill: #ff7043!important
}
.orange-5.text {
	color: #ffab91
}
.orange-5:before {
	background-color: #ffab91
}
.orange-5.text .info-icon,
.svg-orange-5,
.svg-orange-5 .box {
	fill: #ffab91
}
.line-orange-5,
.svg-orange-5 .box {
	stroke: #ffab91
}
.features-orange-5:before {
	background-color: #ffab91!important
}
.orange-5.highlight:before {
	border: 2px solid #ff8a65
}
.line-orange-5.highlight,
.svg-orange-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #ff8a65
}
.orange-5:active:before {
	background-color: #ff8a65
}
.svg-orange-5:active .box {
	fill: #ff8a65!important
}
.orange-6.text {
	color: #ffccbc
}
.orange-6:before {
	background-color: #ffccbc
}
.orange-6.text .info-icon,
.svg-orange-6,
.svg-orange-6 .box {
	fill: #ffccbc
}
.line-orange-6,
.svg-orange-6 .box {
	stroke: #ffccbc
}
.features-orange-6:before {
	background-color: #ffccbc!important
}
.orange-6.highlight:before {
	border: 2px solid #ffab91
}
.line-orange-6.highlight,
.svg-orange-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #ffab91
}
.orange-6:active:before {
	background-color: #ffab91
}
.svg-orange-6:active .box {
	fill: #ffab91!important
}
.brown-1.text {
	color: #5d4037
}
.brown-1:before {
	background-color: #5d4037
}
.brown-1.text .info-icon,
.svg-brown-1,
.svg-brown-1 .box {
	fill: #5d4037
}
.line-brown-1,
.svg-brown-1 .box {
	stroke: #5d4037
}
.features-brown-1:before {
	background-color: #5d4037!important
}
.brown-1.highlight:before {
	border: 2px solid
}
.line-brown-1.highlight,
.svg-brown-1.highlight .box {
	stroke-width: 3px!important;
	stroke: #undefined
}
.brown-1:active:before {
	background-color: #undefined
}
.svg-brown-1:active .box {
	fill: #undefined!important
}
.brown-2.text {
	color: #6d4c41
}
.brown-2:before {
	background-color: #6d4c41
}
.brown-2.text .info-icon,
.svg-brown-2,
.svg-brown-2 .box {
	fill: #6d4c41
}
.line-brown-2,
.svg-brown-2 .box {
	stroke: #6d4c41
}
.features-brown-2:before {
	background-color: #6d4c41!important
}
.brown-2.highlight:before {
	border: 2px solid #5d4037
}
.line-brown-2.highlight,
.svg-brown-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #5d4037
}
.brown-2:active:before {
	background-color: #5d4037
}
.svg-brown-2:active .box {
	fill: #5d4037!important
}
.brown-3.text {
	color: #8d6e63
}
.brown-3:before {
	background-color: #8d6e63
}
.brown-3.text .info-icon,
.svg-brown-3,
.svg-brown-3 .box {
	fill: #8d6e63
}
.line-brown-3,
.svg-brown-3 .box {
	stroke: #8d6e63
}
.features-brown-3:before {
	background-color: #8d6e63!important
}
.brown-3.highlight:before {
	border: 2px solid #6d4c41
}
.line-brown-3.highlight,
.svg-brown-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #6d4c41
}
.brown-3:active:before {
	background-color: #6d4c41
}
.svg-brown-3:active .box {
	fill: #6d4c41!important
}
.brown-4.text {
	color: #a1887f
}
.brown-4:before {
	background-color: #a1887f
}
.brown-4.text .info-icon,
.svg-brown-4,
.svg-brown-4 .box {
	fill: #a1887f
}
.line-brown-4,
.svg-brown-4 .box {
	stroke: #a1887f
}
.features-brown-4:before {
	background-color: #a1887f!important
}
.brown-4.highlight:before {
	border: 2px solid #8d6e63
}
.line-brown-4.highlight,
.svg-brown-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #8d6e63
}
.brown-4:active:before {
	background-color: #8d6e63
}
.svg-brown-4:active .box {
	fill: #8d6e63!important
}
.brown-5.text {
	color: #bcaaa4
}
.brown-5:before {
	background-color: #bcaaa4
}
.brown-5.text .info-icon,
.svg-brown-5,
.svg-brown-5 .box {
	fill: #bcaaa4
}
.line-brown-5,
.svg-brown-5 .box {
	stroke: #bcaaa4
}
.features-brown-5:before {
	background-color: #bcaaa4!important
}
.brown-5.highlight:before {
	border: 2px solid #a1887f
}
.line-brown-5.highlight,
.svg-brown-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #a1887f
}
.brown-5:active:before {
	background-color: #a1887f
}
.svg-brown-5:active .box {
	fill: #a1887f!important
}
.brown-6.text {
	color: #d7ccc8
}
.brown-6:before {
	background-color: #d7ccc8
}
.brown-6.text .info-icon,
.svg-brown-6,
.svg-brown-6 .box {
	fill: #d7ccc8
}
.line-brown-6,
.svg-brown-6 .box {
	stroke: #d7ccc8
}
.features-brown-6:before {
	background-color: #d7ccc8!important
}
.brown-6.highlight:before {
	border: 2px solid #bcaaa4
}
.line-brown-6.highlight,
.svg-brown-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #bcaaa4
}
.brown-6:active:before {
	background-color: #bcaaa4
}
.svg-brown-6:active .box {
	fill: #bcaaa4!important
}
.charcoal-1.text {
	color: #424242
}
.charcoal-1:before {
	background-color: #424242
}
.charcoal-1.text .info-icon,
.svg-charcoal-1,
.svg-charcoal-1 .box {
	fill: #424242
}
.line-charcoal-1,
.svg-charcoal-1 .box {
	stroke: #424242
}
.features-charcoal-1:before {
	background-color: #424242!important
}
.charcoal-2.text {
	color: #616161
}
.charcoal-2:before {
	background-color: #616161
}
.charcoal-2.text .info-icon,
.svg-charcoal-2,
.svg-charcoal-2 .box {
	fill: #616161
}
.line-charcoal-2,
.svg-charcoal-2 .box {
	stroke: #616161
}
.features-charcoal-2:before {
	background-color: #616161!important
}
.charcoal-2.highlight:before {
	border: 2px solid #424242
}
.line-charcoal-2.highlight,
.svg-charcoal-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #424242
}
.charcoal-2:active:before {
	background-color: #424242
}
.svg-charcoal-2:active .box {
	fill: #424242!important
}
.charcoal-3.text {
	color: #757575
}
.charcoal-3:before {
	background-color: #757575
}
.charcoal-3.text .info-icon,
.svg-charcoal-3,
.svg-charcoal-3 .box {
	fill: #757575
}
.line-charcoal-3,
.svg-charcoal-3 .box {
	stroke: #757575
}
.features-charcoal-3:before {
	background-color: #757575!important
}
.charcoal-3.highlight:before {
	border: 2px solid #616161
}
.line-charcoal-3.highlight,
.svg-charcoal-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #616161
}
.charcoal-3:active:before {
	background-color: #616161
}
.svg-charcoal-3:active .box {
	fill: #616161!important
}
.charcoal-4.text {
	color: #bdbdbd
}
.charcoal-4:before {
	background-color: #bdbdbd
}
.charcoal-4.text .info-icon,
.svg-charcoal-4,
.svg-charcoal-4 .box {
	fill: #bdbdbd
}
.line-charcoal-4,
.svg-charcoal-4 .box {
	stroke: #bdbdbd
}
.features-charcoal-4:before {
	background-color: #bdbdbd!important
}
.charcoal-4.highlight:before {
	border: 2px solid #757575
}
.line-charcoal-4.highlight,
.svg-charcoal-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #757575
}
.charcoal-4:active:before {
	background-color: #757575
}
.svg-charcoal-4:active .box {
	fill: #757575!important
}
.charcoal-5.text {
	color: #e0e0e0
}
.charcoal-5:before {
	background-color: #e0e0e0
}
.charcoal-5.text .info-icon,
.svg-charcoal-5,
.svg-charcoal-5 .box {
	fill: #e0e0e0
}
.line-charcoal-5,
.svg-charcoal-5 .box {
	stroke: #e0e0e0
}
.features-charcoal-5:before {
	background-color: #e0e0e0!important
}
.charcoal-5.highlight:before {
	border: 2px solid #bdbdbd
}
.line-charcoal-5.highlight,
.svg-charcoal-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #bdbdbd
}
.charcoal-5:active:before {
	background-color: #bdbdbd
}
.svg-charcoal-5:active .box {
	fill: #bdbdbd!important
}
.charcoal-6.text {
	color: #eee
}
.charcoal-6:before {
	background-color: #eee
}
.charcoal-6.text .info-icon,
.svg-charcoal-6,
.svg-charcoal-6 .box {
	fill: #eee
}
.line-charcoal-6,
.svg-charcoal-6 .box {
	stroke: #eee
}
.features-charcoal-6:before {
	background-color: #eee!important
}
.charcoal-6.highlight:before {
	border: 2px solid #e0e0e0
}
.line-charcoal-6.highlight,
.svg-charcoal-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #e0e0e0
}
.charcoal-6:active:before {
	background-color: #e0e0e0
}
.svg-charcoal-6:active .box {
	fill: #e0e0e0!important
}
.grey-1.text {
	color: #455a64
}
.grey-1:before {
	background-color: #455a64
}
.grey-1.text .info-icon,
.svg-grey-1,
.svg-grey-1 .box {
	fill: #455a64
}
.line-grey-1,
.svg-grey-1 .box {
	stroke: #455a64
}
.features-grey-1:before {
	background-color: #455a64!important
}
.grey-2.text {
	color: #546e7a
}
.grey-2:before {
	background-color: #546e7a
}
.grey-2.text .info-icon,
.svg-grey-2,
.svg-grey-2 .box {
	fill: #546e7a
}
.line-grey-2,
.svg-grey-2 .box {
	stroke: #546e7a
}
.features-grey-2:before {
	background-color: #546e7a!important
}
.grey-2.highlight:before {
	border: 2px solid #455a64
}
.line-grey-2.highlight,
.svg-grey-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #455a64
}
.grey-2:active:before {
	background-color: #455a64
}
.svg-grey-2:active .box {
	fill: #455a64!important
}
.grey-3.text {
	color: #78909c
}
.grey-3:before {
	background-color: #78909c
}
.grey-3.text .info-icon,
.svg-grey-3,
.svg-grey-3 .box {
	fill: #78909c
}
.line-grey-3,
.svg-grey-3 .box {
	stroke: #78909c
}
.features-grey-3:before {
	background-color: #78909c!important
}
.grey-3.highlight:before {
	border: 2px solid #546e7a
}
.line-grey-3.highlight,
.svg-grey-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #546e7a
}
.grey-3:active:before {
	background-color: #546e7a
}
.svg-grey-3:active .box {
	fill: #546e7a!important
}
.grey-4.text {
	color: #90a4ae
}
.grey-4:before {
	background-color: #90a4ae
}
.grey-4.text .info-icon,
.svg-grey-4,
.svg-grey-4 .box {
	fill: #90a4ae
}
.line-grey-4,
.svg-grey-4 .box {
	stroke: #90a4ae
}
.features-grey-4:before {
	background-color: #90a4ae!important
}
.grey-4.highlight:before {
	border: 2px solid #78909c
}
.line-grey-4.highlight,
.svg-grey-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #78909c
}
.grey-4:active:before {
	background-color: #78909c
}
.svg-grey-4:active .box {
	fill: #78909c!important
}
.grey-5.text {
	color: #b0bec5
}
.grey-5:before {
	background-color: #b0bec5
}
.grey-5.text .info-icon,
.svg-grey-5,
.svg-grey-5 .box {
	fill: #b0bec5
}
.line-grey-5,
.svg-grey-5 .box {
	stroke: #b0bec5
}
.features-grey-5:before {
	background-color: #b0bec5!important
}
.grey-5.highlight:before {
	border: 2px solid #90a4ae
}
.line-grey-5.highlight,
.svg-grey-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #90a4ae
}
.grey-5:active:before {
	background-color: #90a4ae
}
.svg-grey-5:active .box {
	fill: #90a4ae!important
}
.grey-6.text {
	color: #cfd8dc
}
.grey-6:before {
	background-color: #cfd8dc
}
.grey-6.text .info-icon,
.svg-grey-6,
.svg-grey-6 .box {
	fill: #cfd8dc
}
.line-grey-6,
.svg-grey-6 .box {
	stroke: #cfd8dc
}
.features-grey-6:before {
	background-color: #cfd8dc!important
}
.grey-6.highlight:before {
	border: 2px solid #b0bec5
}
.line-grey-6.highlight,
.svg-grey-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #b0bec5
}
.grey-6:active:before {
	background-color: #b0bec5
}
.svg-grey-6:active .box {
	fill: #b0bec5!important
}
.moss-1.text {
	color: #50512b
}
.moss-1:before {
	background-color: #50512b
}
.moss-1.text .info-icon,
.svg-moss-1,
.svg-moss-1 .box {
	fill: #50512b
}
.line-moss-1,
.svg-moss-1 .box {
	stroke: #50512b
}
.features-moss-1:before {
	background-color: #50512b!important
}
.moss-2.text {
	color: #747535
}
.moss-2:before {
	background-color: #747535
}
.moss-2.text .info-icon,
.svg-moss-2,
.svg-moss-2 .box {
	fill: #747535
}
.line-moss-2,
.svg-moss-2 .box {
	stroke: #747535
}
.features-moss-2:before {
	background-color: #747535!important
}
.moss-2.highlight:before {
	border: 2px solid #50512b
}
.line-moss-2.highlight,
.svg-moss-2.highlight .box {
	stroke-width: 3px!important;
	stroke: #50512b
}
.moss-2:active:before {
	background-color: #50512b
}
.svg-moss-2:active .box {
	fill: #50512b!important
}
.moss-3.text {
	color: #888e35
}
.moss-3:before {
	background-color: #888e35
}
.moss-3.text .info-icon,
.svg-moss-3,
.svg-moss-3 .box {
	fill: #888e35
}
.line-moss-3,
.svg-moss-3 .box {
	stroke: #888e35
}
.features-moss-3:before {
	background-color: #888e35!important
}
.moss-3.highlight:before {
	border: 2px solid #747535
}
.line-moss-3.highlight,
.svg-moss-3.highlight .box {
	stroke-width: 3px!important;
	stroke: #747535
}
.moss-3:active:before {
	background-color: #747535
}
.svg-moss-3:active .box {
	fill: #747535!important
}
.moss-4.text {
	color: #adad44
}
.moss-4:before {
	background-color: #adad44
}
.moss-4.text .info-icon,
.svg-moss-4,
.svg-moss-4 .box {
	fill: #adad44
}
.line-moss-4,
.svg-moss-4 .box {
	stroke: #adad44
}
.features-moss-4:before {
	background-color: #adad44!important
}
.moss-4.highlight:before {
	border: 2px solid #888e35
}
.line-moss-4.highlight,
.svg-moss-4.highlight .box {
	stroke-width: 3px!important;
	stroke: #888e35
}
.moss-4:active:before {
	background-color: #888e35
}
.svg-moss-4:active .box {
	fill: #888e35!important
}
.moss-5.text {
	color: #c4c153
}
.moss-5:before {
	background-color: #c4c153
}
.moss-5.text .info-icon,
.svg-moss-5,
.svg-moss-5 .box {
	fill: #c4c153
}
.line-moss-5,
.svg-moss-5 .box {
	stroke: #c4c153
}
.features-moss-5:before {
	background-color: #c4c153!important
}
.moss-5.highlight:before {
	border: 2px solid #adad44
}
.line-moss-5.highlight,
.svg-moss-5.highlight .box {
	stroke-width: 3px!important;
	stroke: #adad44
}
.moss-5:active:before {
	background-color: #adad44
}
.svg-moss-5:active .box {
	fill: #adad44!important
}
.moss-6.text {
	color: #cecb63
}
.moss-6:before {
	background-color: #cecb63
}
.moss-6.text .info-icon,
.svg-moss-6,
.svg-moss-6 .box {
	fill: #cecb63
}
.line-moss-6,
.svg-moss-6 .box {
	stroke: #cecb63
}
.features-moss-6:before {
	background-color: #cecb63!important
}
.moss-6.highlight:before {
	border: 2px solid #c4c153
}
.line-moss-6.highlight,
.svg-moss-6.highlight .box {
	stroke-width: 3px!important;
	stroke: #c4c153
}
.moss-6:active:before {
	background-color: #c4c153
}
.svg-moss-6:active .box {
	fill: #c4c153!important
}
@media only screen and (max-width: 511px) {
	.wrapper {
		padding: 0
	}
	.location.map {
		display: none
	}
	.location.img {
		display: block
	}
	.location.img img {
		width: 100%
	}
	.base-1,
	.media-lnks {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.media-lnks .media-lnks-b .media-lnks-i {
		width: 33.33%
	}
	.media-lnks .media-lnks-b .media-lnks-i a {
		width: 100%;
		display: block;
		margin: 0 auto;
		background-size: 1000px
	}
	.primary-nav .primary-nav-b>li:not(.nav-dropdown) {
		display: none
	}
	.nav-dropdown>.show-on-mob {
		display: table-cell!important
	}
	.nav-dropdown>a:not(.show-on-mob) {
		display: none!important
	}
	.nav-dropdown .nav-dropdown-b>.show-on-mob {
		display: block!important
	}
	.home-bnr .home-bnr-b .label-1 {
		display: none
	}
	.home-bnr .home-bnr-b .label-1.for-touch {
		padding: 0 16px;
		display: block
	}
	.home-bnr .home-bnr-b .content {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.home-bnr:before {
		background-image: url(../img/safe_network_bg.4900.png)
	}
	.home-bnr:after {
		display: none
	}
	.home-bnr .home-bnr-b .downloads.desktop-view {
		margin-top: 100px
	}
	.home-bnr .home-bnr-b .download-i .desc,
	.home-bnr .home-bnr-b .download-lnk-btn {
		display: none
	}
	.home-bnr .home-bnr-b .downloads.desktop-view .download-i {
		width: 100%;
		margin-bottom: 80px
	}
	.home-bnr .home-bnr-b .downloads.desktop-view .download-i .desc,
	.home-bnr .home-bnr-b .downloads.desktop-view .download-lnk-btn {
		display: inline-block
	}
	.no-support-content {
		display: block!important
	}
	.home-bnr .home-bnr-b .downloads.desktop-view~.no-support-content,
	.no-support-content.desktop-view {
		display: none!important
	}
	.page-banner {
		height: 200px
	}
	.page-banner.home-like {
		height: 260px
	}
	.typing.lg {
		line-height: 36px
	}
	.typing.lg:after {
		height: 32px
	}
	.page-1 {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.page-1 .title {
		font-size: 38px;
		line-height: 49px
	}
	.page-1-base {
		width: 100%;
		margin: 0
	}
	.layout-1 {
		width: 100%
	}
	.layout-1 .lsec,
	.layout-1 .rsec {
		width: 100%;
		padding: 0
	}
	.page-2 {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.page-2 .title {
		font-size: 38px;
		line-height: 49px
	}
	.page-2 .page-2-media {
		display: block
	}
	.page-2 .page-2-media .media-src {
		width: 100%;
		margin: 0 auto;
		display: block
	}
	.page-2 .page-2-media .media-content {
		width: 100%;
		display: block;
		padding-top: 40px;
		padding-left: 24px
	}
	.post-1 {
		width: 100%;
		display: block
	}
	.post-1 .media {
		width: 100%;
		padding: 0 16px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		text-align: center;
		z-index: 100
	}
	.post-1 .media img {
		display: block;
		width: 100%;
		height: 360px;
		margin: 0 auto;
		padding: 0
	}
	.post-1.flip .media {
		padding: 0 16px
	}
	.post-1 .media iframe {
		width: 100%;
		padding: 0;
		margin: 0;
		height: 200px
	}
	.post-1 .content {
		width: 100%;
		text-align: left;
		padding: 350px 16px 0;
		position: relative;
		z-index: 99
	}
	.post-1 .content .title {
		margin-top: 0;
		text-align: center
	}
	.post-1 .content .p {
		text-align: justify
	}
	.page-banner.maidsafe-team {
		height: 200px
	}
	.box-1 .item:first-child {
		width: 100%;
		padding: 0
	}
	.box-1 .item:last-child,
	.box-1 .item:nth-child(2) {
		width: 100%;
		padding: 30px 0 0
	}
	.box-2 .item {
		width: 100%;
		float: none;
		padding: 30px 0 0!important
	}
	.accordian ul li h3 {
		font-size: 18px;
		line-height: 22px
	}
	.app-footer .app-footer-b {
		width: 100%;
		padding: 0 16px
	}
	.app-footer .app-footer-r.top {
		width: 100%
	}
	.app-footer-btns-b {
		justify-content: flex-start
	}
	.footer-wig-a:first-child {
		width: 100%
	}
	.footer-wig-a:nth-child(2) {
		padding-right: 8px
	}
	.footer-wig-a:last-child {
		float: none;
		padding-left: 8px
	}
	.footer-wig-a-cont {
		padding: 0
	}
	.footer-wig-b {
		width: 100%
	}
	.footer-hz-li ul {
		text-align: center
	}
	.footer-hz-li ul:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden
	}
	.footer-hz-li ul li:last-child {
		width: 100%;
		padding-top: 16px
	}
	.content-1 {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.post-2 {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		display: block
	}
	.post-2>.title {
		width: 100%;
		padding: 0;
		text-align: center;
		transform: translateX(0)
	}
	.post-2 .post-2-content {
		display: block;
		width: 100%
	}
	.post-2 .post-2-content p {
		text-align: justify
	}
	.post-2 .post-2-media {
		display: block;
		width: 100%;
		padding: 20px 0
	}
	.post-2 .post-2-media img {
		margin: 0;
		padding: 0;
		width: auto
	}
	.post-2 .post-2-media iframe {
		padding: 0;
		margin: 0;
		height: 200px
	}
	.post-2.flip .post-2-content,
	.post-2.flip .post-2-media {
		transform: translateX(0)
	}
	.team-img .team-img-i {
		width: 20%;
		height: auto
	}
	.post-3 {
		width: 100%;
		overflow: hidden
	}
	.post-3 .post-3-cont .post-3-cont-i {
		width: 100%;
		padding: 0 16px
	}
	.post-3 .post-3-cont .ques span {
		display: block;
		padding-right: 0;
		padding-bottom: 20px
	}
	.overlay .overlay-cont {
		width: 100%;
		padding: 0 32px
	}
	.overlay .overlay-cont .overlay-cont-i iframe {
		height: 235px
	}
	.content-3 {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.content-3 .title {
		font-size: 32px;
		line-height: 40px
	}
	.content-3 .p {
		font-size: 16px;
		line-height: 24px
	}
	.credits-logo {
		margin: 50px 25px 0 0
	}
	.footer-hz-li {
		padding: 22px 16px 16px
	}
	.roadmap {
		height: auto
	}
	.roadmapBreadcrumb {
		padding: 8px 20px 0
	}
	.roadmapBreadcrumb .breadcrumb-i {
		padding-bottom: 8px
	}
	.roadmapSvg {
		display: none
	}
	.roadmap .roadmapNav {
		width: 100%!important;
		height: 100%;
		position: fixed!important;
		top: 0!important;
		left: -100%!important;
		background-color: rgba(0, 0, 0, .5);
		z-index: 98;
		overflow: hidden
	}
	.roadmap .roadmapNav.open {
		left: 0!important
	}
	.roadmap .roadmapNav .roadmapNav-b {
		width: 80%;
		padding-top: 70px;
		overflow: auto
	}
	.roadmap .roadmapChart {
		width: 100%
	}
	.roadmapChart-h {
		padding: 0
	}
	.roadmapChart-h .roadmapChart-h-menu {
		display: block
	}
	.roadmapChart-h-t {
		width: 100%;
		padding-left: 50px;
		padding-right: 0;
		color: #fff!important;
		line-height: 50px;
		position: relative
	}
	.roadmapChart-h-t:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1
	}
	.roadmapChart-h-t>div {
		width: 100%;
		padding-right: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.roadmapChart-h-t .info-icon {
		display: none!important
	}
	.roadmapChart-h-desc {
		display: none
	}
	.roadmapChart-h-desc-title {
		display: block;
		padding: 20px 0 8px;
		font-size: 19px;
		color: #282828;
		font-weight: 600
	}
	.listTitle {
		width: 100%;
		padding-top: 16px
	}
	.al-content {
		width: 100%;
		padding: 0 16px;
		border-color: transparent
	}
	.al-banner-cont {
		width: 100%;
		padding: 0 16px
	}
	.al-download-sec {
		padding-left: 0;
		margin-top: 60px;
		margin-bottom: 22px;
		text-align: center
	}
	.al-download-desc {
		text-align: center
	}
	.al-download-sec .al-download-icn {
		width: 100%
	}
	.al-download-sec .al-download-lnk {
		display: none
	}
	.list-content .list-content-b {
		width: 100%;
		margin: 0 auto;
		padding-left: 16px;
		padding-right: 16px
	}
	.list-content .quote {
		text-align: center
	}
	.list-content .quote button,
	.list-content .quote span {
		float: none
	}
	.list-content .quote span {
		display: block;
		line-height: 24px
	}
	.list-content .quote .al-btn {
		margin-top: 20px
	}
	.list-content .tbl-view {
		display: block
	}
	.list-content .tbl-c {
		width: 100%!important;
		display: block!important
	}
	.list-content.type-6 .title {
		width: 100%;
		display: block
	}
	.download-btn {
		margin: 0 0 20px
	}
	.platform.unix-platform .mob-alert {
		display: block
	}
	.al-download {
		padding: 0
	}
	.al-download .platform {
		display: none!important
	}
	.al-download .desktop-view.platform {
		margin-top: 100px;
		display: block!important;
		padding: 0 0 140px
	}
	.al-download .desktop-view .al-download-i {
		width: 100%;
		margin-bottom: 80px
	}
	.al-bg-blue .al-download .platform {
		margin-top: 0
	}
	.al-bg-blue .al-download .platform .al-download-i:last-child {
		margin-bottom: 0
	}
	.al-media {
		width: 100%;
		height: auto
	}
	.al-media img {
		height: auto;
		width: 100%
	}
	.al-banner:after {
		background-image: url(../img/alpha_mobile.8d34.png)
	}
	.al-banner:before {
		display: none
	}
	.download-sec .download-sec-media {
		margin-bottom: 80px
	}
	.download-sec .download-sec-cnt,
	.download-sec .download-sec-media {
		width: 100%
	}
	.al-bg-blue.touch-view,
	.downloading-banner:before {
		display: none
	}
	.al-bg-blue .al-download .platform.desktop-view {
		padding: 0
	}
	.downloading-banner:after {
		background-image: url(../img/alpha_mobile.8d34.png)
	}
	.b2f-bnr .bnr-img img {
		width: 100%
	}
	.b2f-bnr:before {
		background-image: url(../img/safe_network_bg.4900.png)
	}
	.b2f-bnr:after {
		display: none
	}
	.timeline {
		display: block;
		margin-top: 40px;
		position: relative
	}
	.timeline .cntr,
	.timeline .title {
		display: block
	}
	.timeline .title {
		margin-bottom: 40px;
		padding-left: 58px
	}
	.timeline .cntr {
		padding-left: 2px
	}
	.timeline .timeline-i {
		padding-left: 58px
	}
	.timeline-connect {
		position: absolute;
		width: 100%;
		min-height: 200px;
		top: 0;
		left: 2px
	}
	.timeline .timeline-i .highlight {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		z-index: 1
	}
	.timeline .timeline-i .highlight:after,
	.timeline .timeline-i .highlight:before {
		content: '';
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, .2);
		position: absolute;
		top: 0;
		z-index: 0
	}
	.timeline .timeline-i .highlight:before {
		left: -100%
	}
	.timeline .timeline-i .highlight:after {
		right: -100%
	}
	.bnr-1 .bnr-1-i a {
		width: 100%;
		padding-bottom: 117px
	}
	.bnr-1 .bnr-1-i a .botton-img {
		width: 96%;
		margin-left: 0;
		left: 2%;
		height: 117px
	}
	.bnr-1 .bnr-1-i a .left-img,
	.bnr-1 .bnr-1-i a .right-img {
		display: none
	}
	.bnr-2-i {
		padding-top: 28px
	}
	.bnr-2-i .base-1 {
		padding-bottom: 174px
	}
	.bnr-2-i .label-1 {
		font-size: 18px;
		padding-bottom: 22px
	}
	.bnr-2-i .label-2 {
		font-size: 17px;
		padding-bottom: 22px
	}
	.bnr-2-i .label-2 span {
		font-size: 32px
	}
	.bnr-2-i .label-3 {
		font-size: 14px;
		width: 60%;
		margin: 0 auto
	}
	.bnr-2-i .botton-img {
		width: 96%;
		height: 150px;
		left: 2%;
		background-image: url(../img/banner-assets/MOBILE-BUBBLES.svg)
	}
	.safe-coins .title {
		font-size: 36px;
		line-height: 48px;
		padding-bottom: 30px
	}
	.safe-coins .desc {
		font-size: 16px;
		padding-bottom: 27px
	}
	.safe-coins .exchanges .exchange {
		width: 100%;
		padding: 0
	}
	.safe-coins .exchanges .exchange a {
		padding: 20px 20px 12px
	}
	.safe-coins .exchanges .exchange .icn {
		height: 70px;
		line-height: 70px
	}
	.safe-coins .exchanges .exchange .icn img {
		max-height: 60px
	}
	.safe-coins .exchanges .exchange p {
		margin-top: 70px;
		font-size: 13px;
		min-height: inherit
	}
}
@media screen and (min-width: 512px) and (max-width: 829px) {
	.media-lnks {
		width: 480px;
		padding-left: 16px;
		padding-right: 16px
	}
	.media-lnks .media-lnks-b .media-lnks-i {
		width: 33.33%
	}
	.media-lnks .media-lnks-b .media-lnks-i a {
		display: block;
		margin: 0 auto
	}
	.base-1 {
		width: 480px;
		display: block
	}
	.primary-nav .primary-nav-b>li:not(.nav-dropdown) {
		display: none
	}
	.nav-dropdown>.show-on-mob {
		display: table-cell!important
	}
	.nav-dropdown>a:not(.show-on-mob) {
		display: none!important
	}
	.nav-dropdown .nav-dropdown-b>.show-on-mob {
		display: block!important
	}
	.home-bnr .home-bnr-b .label-1 {
		display: none
	}
	.home-bnr .home-bnr-b .label-1.for-touch {
		padding: 0 16px;
		display: block
	}
	.home-bnr .home-bnr-b .content {
		width: 480px;
		padding-left: 16px;
		padding-right: 16px
	}
	.home-bnr:before {
		background-image: url(../img/safe_network_bg.4900.png)
	}
	.home-bnr:after {
		display: none
	}
	.home-bnr .home-bnr-b .downloads.desktop-view {
		margin-top: 100px
	}
	.home-bnr .home-bnr-b .download-i .desc,
	.home-bnr .home-bnr-b .download-lnk-btn {
		display: none
	}
	.home-bnr .home-bnr-b .downloads.desktop-view .download-i {
		width: 100%;
		margin-bottom: 80px
	}
	.home-bnr .home-bnr-b .downloads.desktop-view .download-i .desc,
	.home-bnr .home-bnr-b .downloads.desktop-view .download-lnk-btn {
		display: inline-block
	}
	.no-support-content.desktop-view {
		display: none!important
	}
	.no-support-content {
		display: block
	}
	.home-bnr .home-bnr-b .downloads {
		margin-top: 50px;
		padding-bottom: 50px
	}
	.typing.lg {
		line-height: 36px
	}
	.typing.lg:after {
		height: 32px
	}
	.page-banner {
		height: 300px
	}
	.page-banner.home-like {
		height: 370px
	}
	.page-1 {
		width: 512px;
		padding-left: 0;
		padding-right: 0
	}
	.page-1 .title {
		font-size: 38px;
		line-height: 49px
	}
	.layout-1 {
		width: 100%
	}
	.layout-1 .lsec,
	.layout-1 .rsec {
		width: 100%;
		padding: 0
	}
	.page-2 {
		width: 480px
	}
	.page-2 .title {
		font-size: 38px;
		line-height: 49px
	}
	.page-2 .page-2-media {
		display: block
	}
	.page-2 .page-2-media .media-src {
		width: 480px;
		margin: 0 auto;
		display: block
	}
	.page-2 .page-2-media .media-content {
		width: 100%;
		display: block;
		padding-top: 40px;
		padding-left: 24px
	}
	.post-1 {
		width: 480px;
		display: block
	}
	.post-1 .media {
		width: 100%;
		padding: 0 16px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		text-align: center
	}
	.post-1 .media img {
		display: block;
		width: 100%;
		height: 360px;
		margin: 0 auto;
		padding: 0
	}
	.post-1 .content {
		width: 100%;
		text-align: left;
		padding: 350px 16px 0;
		position: relative;
		z-index: 99
	}
	.post-1 .content .title {
		margin-top: 0;
		text-align: center
	}
	.post-1 .content .p {
		text-align: justify
	}
	.page-banner.maidsafe-team {
		height: 300px
	}
	.box-1 .item:first-child {
		width: 100%;
		padding: 0
	}
	.box-1 .item:last-child,
	.box-1 .item:nth-child(2) {
		width: 50%;
		padding: 30px 0 0
	}
	.box-1 .item:nth-child(2) {
		padding-right: 15px
	}
	.box-1 .item:last-child {
		padding-left: 15px
	}
	.box-2 .item {
		float: left
	}
	.box-2 .item:first-child {
		padding-right: 16px
	}
	.box-2 .item:last-child {
		padding-left: 16px
	}
	.app-footer .app-footer-b {
		width: 480px
	}
	.footer-wig-a-cont {
		padding: 2.5px 0
	}
	.app-footer .app-footer-r.top {
		width: 100%
	}
	.app-footer-btns-b {
		justify-content: flex-start
	}
	.footer-wig-b {
		width: 220px;
		min-height: 201px
	}
	.footer-wig-b:nth-child(even) {
		width: 50%
	}
	.content-1 {
		width: 480px
	}
	.post-2 {
		width: 480px;
		display: block
	}
	.post-2>.title {
		width: 100%;
		padding: 0;
		text-align: center;
		transform: translateX(0)
	}
	.post-2 .post-2-content {
		display: block;
		width: 100%
	}
	.post-2 .post-2-content p {
		text-align: justify
	}
	.post-2 .post-2-media {
		display: block;
		width: 100%;
		padding: 20px 0
	}
	.post-2 .post-2-media img {
		margin: 0;
		padding: 0;
		width: auto
	}
	.post-2 .post-2-media iframe {
		padding: 0;
		margin: 0
	}
	.post-2.flip .post-2-content,
	.post-2.flip .post-2-media {
		transform: translateX(0)
	}
	.team-img .team-img-i {
		width: 20%;
		height: auto
	}
	.post-3 {
		width: 100%;
		overflow: hidden
	}
	.post-3 .post-3-cont .post-3-cont-i {
		width: 480px
	}
	.post-3 .post-3-cont .ques span {
		display: block;
		padding-right: 0;
		padding-bottom: 20px
	}
	.overlay .overlay-cont {
		width: 480px
	}
	.overlay .overlay-cont .overlay-cont-i iframe {
		height: 315px
	}
	.content-3 {
		width: 480px
	}
	.content-3 .title {
		font-size: 32px;
		line-height: 40px
	}
	.content-3 .p {
		font-size: 16px;
		line-height: 24px
	}
	.roadmap {
		height: auto;
		min-height: 600px
	}
	.roadmap .roadmapNav {
		width: 30%;
		height: 100%;
		min-height: inherit
	}
	.roadmap .roadmapChart {
		width: 70%
	}
	.roadmapBreadcrumb .breadcrumb-i {
		padding-bottom: 8px
	}
	.roadmapSvg {
		display: none
	}
	.roadmapChart-h {
		padding: 0
	}
	.roadmapChart-h-menu {
		display: none
	}
	.roadmapChart-h-t {
		width: 100%;
		color: #fff!important;
		padding-left: 20px;
		line-height: 50px;
		position: relative
	}
	.roadmapChart-h-t:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1
	}
	.roadmapChart-h-t>div {
		width: 100%;
		padding-right: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.roadmapChart-h-t .info-icon {
		display: none!important
	}
	.roadmapChart-h-desc {
		display: none
	}
	.roadmapChart-h-desc-title {
		display: block;
		padding: 20px 0 8px;
		font-size: 19px;
		color: #282828;
		font-weight: 600
	}
	.al-content {
		width: 480px
	}
	.al-download-sec .al-download-lnk {
		display: none
	}
	.list-content .list-content-b {
		width: 480px;
		margin: 0 auto
	}
	.list-content .quote {
		text-align: center
	}
	.list-content .quote button,
	.list-content .quote span {
		float: none
	}
	.list-content .quote span {
		display: block;
		line-height: 24px
	}
	.list-content .quote .al-btn {
		margin-top: 20px
	}
	.list-content .tbl-view {
		display: block
	}
	.list-content .tbl-c {
		width: 100%!important;
		display: block!important
	}
	.list-content.type-6 .title {
		width: 100%;
		display: block
	}
	.download-btn {
		margin: 0 0 20px
	}
	.platform.unix-platform .mob-alert {
		display: block
	}
	.al-download {
		padding: 0
	}
	.al-download .platform {
		display: none!important
	}
	.al-download .desktop-view.platform {
		margin-top: 100px;
		display: block!important;
		padding: 0 0 140px
	}
	.al-download .desktop-view .al-download-i {
		width: 100%;
		margin-bottom: 80px
	}
	.al-bg-blue .al-download .platform {
		margin-top: 0
	}
	.al-bg-blue .al-download .platform .al-download-i:last-child {
		margin-bottom: 0
	}
	.al-media {
		width: 100%;
		height: auto
	}
	.al-media img {
		height: auto;
		width: 100%
	}
	.al-banner:after {
		background-image: url(../img/alpha_mobile.8d34.png)
	}
	.al-banner:before {
		display: none
	}
	.download-sec .download-sec-media {
		margin-bottom: 80px
	}
	.download-sec .download-sec-cnt,
	.download-sec .download-sec-media {
		width: 100%
	}
	.al-bg-blue.touch-view,
	.downloading-banner:before {
		display: none
	}
	.al-bg-blue .al-download .platform.desktop-view {
		padding: 0
	}
	.downloading-banner:after {
		background-image: url(../img/alpha_mobile.8d34.png)
	}
	.b2f-bnr .bnr-img img {
		width: 100%
	}
	.b2f-bnr:before {
		background-image: url(../img/safe_network_bg.4900.png)
	}
	.b2f-bnr:after {
		display: none
	}
	.timeline {
		display: block;
		margin-top: 40px;
		position: relative
	}
	.timeline .cntr,
	.timeline .title {
		display: block
	}
	.timeline .title {
		margin-bottom: 40px;
		padding-left: 58px
	}
	.timeline .cntr {
		padding-left: 2px
	}
	.timeline .timeline-i {
		padding-left: 58px
	}
	.timeline-connect {
		position: absolute;
		width: 100%;
		min-height: 200px;
		top: 0;
		left: 2px
	}
	.timeline .timeline-i .highlight {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		z-index: 1
	}
	.timeline .timeline-i .highlight:after,
	.timeline .timeline-i .highlight:before {
		content: '';
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, .2);
		position: absolute;
		top: 0;
		z-index: 0
	}
	.timeline .timeline-i .highlight:before {
		left: -100%
	}
	.timeline .timeline-i .highlight:after {
		right: -100%
	}
	.bnr-1 .bnr-1-i a {
		width: 480px;
		padding-bottom: 122px
	}
	.bnr-1 .bnr-1-i a .botton-img {
		width: 480px;
		margin-left: -240px;
		height: 122px
	}
	.bnr-1 .bnr-1-i a .left-img,
	.bnr-1 .bnr-1-i a .right-img {
		display: none
	}
	.bnr-2-i {
		padding-top: 40px
	}
	.bnr-2-i .base-1 {
		padding-bottom: 156px
	}
	.bnr-2-i .label-1 {
		font-size: 22px;
		padding-bottom: 35px
	}
	.bnr-2-i .label-2 {
		font-size: 15px;
		padding-bottom: 35px
	}
	.bnr-2-i .label-2 span {
		font-size: 28px
	}
	.bnr-2-i .label-3 {
		font-size: 14px;
		width: 60%;
		margin: 0 auto
	}
	.bnr-2-i .botton-img {
		height: 180px;
		background-image: url(../img/banner-assets/TABLET-BUBBLES.svg)
	}
	.safe-coins .title {
		font-size: 36px;
		line-height: 48px;
		padding-bottom: 30px
	}
	.safe-coins .desc {
		font-size: 16px;
		padding-bottom: 27px
	}
	.safe-coins .exchanges .exchange {
		width: 100%;
		padding: 0
	}
	.safe-coins .exchanges .exchange a {
		padding: 20px 20px 12px
	}
	.safe-coins .exchanges .exchange .icn {
		height: 70px;
		line-height: 70px
	}
	.safe-coins .exchanges .exchange .icn img {
		max-height: 60px
	}
	.safe-coins .exchanges .exchange p {
		margin-top: 70px;
		font-size: 13px;
		min-height: inherit
	}
}
@media screen and (min-width: 830px) and (max-width: 1134px) {
	.media-lnks {
		width: 585px;
		padding-left: 16px;
		padding-right: 16px
	}
	.media-lnks .media-lnks-b .media-lnks-i {
		width: 33.33%
	}
	.media-lnks .media-lnks-b .media-lnks-i a {
		display: block;
		margin: 0 auto
	}
	.base-1 {
		width: 585px;
		display: block
	}
	.home-bnr:before {
		background-image: url(../img/safe_network_bg.4900.png)
	}
	.home-bnr:after {
		display: none
	}
	.home-bnr .home-bnr-b .downloads {
		margin-top: 70px
	}
	.home-bnr .home-bnr-b .downloads.touch-view .download-i .desc,
	.home-bnr .home-bnr-b .downloads.touch-view .download-lnk-btn {
		display: none
	}
	.no-support-content,
	.no-support-content.desktop-view {
		display: none!important
	}
	.typing.lg {
		line-height: 50px
	}
	.typing.lg:after {
		height: 60px
	}
	.sub-page-title-opt {
		display: block!important
	}
	.secNavButton {
		display: none!important
	}
	.page-1 {
		width: 617px;
		padding-left: 0;
		padding-right: 0
	}
	.page-1-base {
		width: 100%;
		margin: 0
	}
	.layout-1 {
		width: 100%
	}
	.layout-1 .lsec,
	.layout-1 .rsec {
		width: 100%;
		padding: 0
	}
	.page-2 {
		width: 585px
	}
	.page-2 .page-2-media {
		display: block
	}
	.page-2 .page-2-media .media-src {
		width: 480px;
		margin: 0 auto;
		display: block
	}
	.page-2 .page-2-media .media-content {
		width: 100%;
		display: block;
		padding-top: 40px;
		padding-left: 24px
	}
	.page-banner,
	.page-banner.maidsafe-team {
		height: 300px
	}
	.page-banner.home-like {
		height: 370px
	}
	.post-1 {
		width: 585px;
		display: block
	}
	.post-1 .media {
		width: 100%;
		padding: 0 16px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		text-align: center
	}
	.post-1 .media img {
		display: block;
		width: 100%;
		height: 360px;
		margin: 0 auto;
		padding: 0
	}
	.post-1 .content {
		width: 100%;
		text-align: left;
		padding: 350px 16px 0;
		position: relative;
		z-index: 99
	}
	.post-1 .content .title {
		margin-top: 0;
		text-align: center
	}
	.post-1 .content .p {
		text-align: justify
	}
	.box-1 .item:first-child {
		width: 100%;
		padding: 0
	}
	.box-1 .item:last-child,
	.box-1 .item:nth-child(2) {
		width: 50%;
		padding: 30px 0 0
	}
	.box-1 .item:nth-child(2) {
		padding-right: 15px
	}
	.box-1 .item:last-child {
		padding-left: 15px
	}
	.box-2 .item {
		float: left
	}
	.box-2 .item:first-child {
		padding-right: 16px
	}
	.box-2 .item:last-child {
		padding-left: 16px
	}
	.app-footer .app-footer-b {
		width: 585px
	}
	.app-footer .app-footer-r.top {
		width: 100%
	}
	.footer-wig-a-cont {
		padding: 2.5px 0
	}
	.footer-wig-b:nth-child(even) {
		width: 50%
	}
	.content-1 {
		width: 585px
	}
	.content-1 h3 {
		font-size: 39px;
		line-height: 49px
	}
	.content-1 p {
		font-size: 18px;
		line-height: 22px
	}
	.post-2 {
		width: 585px;
		display: block
	}
	.post-2>.title {
		width: 100%;
		padding: 0;
		text-align: center;
		transform: translateX(0)
	}
	.post-2 .post-2-content {
		display: block;
		width: 100%
	}
	.post-2 .post-2-content p {
		text-align: justify
	}
	.post-2 .post-2-media {
		display: block;
		width: 100%;
		padding: 20px 0
	}
	.post-2 .post-2-media img {
		margin: 0;
		padding: 0;
		width: auto
	}
	.post-2 .post-2-media iframe {
		padding: 0;
		margin: 0
	}
	.post-2.flip .post-2-content,
	.post-2.flip .post-2-media {
		transform: translateX(0)
	}
	.team-img .team-img-i {
		width: 16.667%;
		height: auto
	}
	.overlay .overlay-cont {
		width: 585px
	}
	.overlay .overlay-cont .overlay-cont-i iframe {
		height: 360px
	}
	.content-3 {
		width: 585px
	}
	.post-3 {
		width: 100%;
		overflow: hidden
	}
	.post-3 .post-3-cont .post-3-cont-i {
		width: 585px
	}
	.post-3 .post-3-cont .ques span {
		display: block;
		padding-right: 0;
		padding-bottom: 20px
	}
	.roadmap {
		height: auto;
		min-height: 600px
	}
	.roadmap .roadmapNav {
		width: 30%;
		height: 100%;
		min-height: inherit
	}
	.roadmap .roadmapChart {
		width: 70%
	}
	.roadmapBreadcrumb .breadcrumb-i {
		padding-bottom: 8px
	}
	.roadmapSvg {
		display: none
	}
	.roadmapChart-h {
		padding: 0
	}
	.roadmapChart-h-menu {
		display: none
	}
	.roadmapChart-h-t {
		width: 100%;
		color: #fff!important;
		padding-left: 20px;
		line-height: 50px;
		position: relative
	}
	.roadmapChart-h-t:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1
	}
	.roadmapChart-h-t .info-icon {
		display: none!important
	}
	.roadmapChart-h-desc {
		display: none
	}
	.roadmapChart-h-desc-title {
		display: block;
		padding: 20px 0 8px;
		font-size: 19px;
		color: #282828;
		font-weight: 600
	}
	.al-content {
		width: 585px
	}
	.list-content .list-content-b {
		width: 585px;
		margin: 0 auto
	}
	.list-content .quote {
		text-align: center
	}
	.list-content .quote button,
	.list-content .quote span {
		float: none
	}
	.list-content .quote span {
		display: block;
		line-height: 24px
	}
	.list-content .quote button {
		margin-top: 20px
	}
	.list-content .tbl-view {
		display: block
	}
	.list-content .tbl-c {
		width: 100%!important;
		display: block!important
	}
	.al-media {
		width: 100%;
		height: auto
	}
	.al-media img {
		height: auto;
		width: 100%
	}
	.al-download {
		padding: 0
	}
	.al-download .platform {
		padding: 100px 0
	}
	.al-bg-blue .al-download .platform.desktop-view {
		padding: 0
	}
	.al-download .desktop-view.platform {
		display: block!important
	}
	.al-download .platform.touch-view {
		display: none!important
	}
	.no-support-content.touch-view {
		display: block!important
	}
	.al-bg-blue.touch-view {
		display: none
	}
	.download-sec .download-sec-media {
		margin-bottom: 80px
	}
	.download-sec .download-sec-cnt,
	.download-sec .download-sec-media {
		width: 100%
	}
	.timeline {
		display: block;
		margin-top: 40px;
		position: relative
	}
	.timeline .cntr,
	.timeline .title {
		display: block
	}
	.timeline .title {
		margin-bottom: 40px;
		padding-left: 58px
	}
	.timeline .cntr {
		padding-left: 2px
	}
	.timeline .timeline-i {
		padding-left: 58px
	}
	.timeline-connect {
		position: absolute;
		width: 100%;
		min-height: 200px;
		top: 0;
		left: 2px
	}
	.timeline .timeline-i .highlight {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		z-index: 1
	}
	.timeline .timeline-i .highlight:after,
	.timeline .timeline-i .highlight:before {
		content: '';
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, .2);
		position: absolute;
		top: 0;
		z-index: 0
	}
	.timeline .timeline-i .highlight:before {
		left: -100%
	}
	.timeline .timeline-i .highlight:after {
		right: -100%
	}
	.bnr-1 .bnr-1-i a {
		padding-top: 35px;
		width: 500px;
		padding-bottom: 163px
	}
	.bnr-1 .bnr-1-i a .heading {
		font-size: 24px
	}
	.bnr-1 .bnr-1-i a .desc {
		font-size: 15px
	}
	.bnr-1 .bnr-1-i a .botton-img {
		width: 500px;
		height: 163px;
		margin-left: -250px;
		background-image: url(../img/banner-assets/small_middle.svg)
	}
	.bnr-1 .bnr-1-i a .left-img {
		width: 200px;
		margin-left: -466px;
		background-image: url(../img/banner-assets/small_left.svg)
	}
	.bnr-1 .bnr-1-i a .right-img {
		margin-left: 266px;
		background-image: url(../img/banner-assets/small_right.svg)
	}
	.bnr-2-i {
		padding-top: 35px
	}
	.bnr-2-i .base-1 {
		padding-bottom: 136px
	}
	.bnr-2-i .label-1 {
		font-size: 22px;
		padding-bottom: 20px
	}
	.bnr-2-i .label-2 {
		font-size: 16px;
		padding-bottom: 20px
	}
	.bnr-2-i .label-2 span {
		font-size: 32px
	}
	.bnr-2-i .label-3 {
		font-size: 14px;
		width: 60%;
		margin: 0 auto
	}
	.bnr-2-i .botton-img {
		height: 200px;
		background-image: url(../img/banner-assets/SMALL-BUBBLES.svg)
	}
	.safe-coins .title {
		font-size: 36px;
		padding-bottom: 36px
	}
	.safe-coins .desc {
		font-size: 16px;
		padding-bottom: 30px
	}
	.safe-coins .exchanges .exchange .icn {
		height: 120px;
		line-height: 120px
	}
	.safe-coins .exchanges .exchange {
		width: 50%
	}
	.safe-coins .exchanges .exchange p {
		margin-top: 120px;
		font-size: 13px;
		min-height: 120px
	}
}
@media only screen and (min-width: 1135px) and (max-width: 1155px) {
	.team-img .team-img-i {
		width: 16.66%
	}
}
@media only screen and (min-width: 1135px) and (max-width: 1559px) {
	.layout-1 {
		width: 100%
	}
	.base-1 {
		display: block
	}
	.no-support-content {
		display: none
	}
	.layout-1 .left-sec {
		width: 22%!important;
		margin: 0;
		float: left
	}
	.layout-1 .right-sec {
		width: 78%!important;
		margin: 0;
		float: right
	}
	.home-bnr .home-bnr-b .downloads {
		margin-top: 70px
	}
	.page-banner.maidsafe-team {
		height: 550px
	}
	.box-3 .box-3-i {
		width: 50%;
		float: left
	}
	.box-3 .box-3-i:not(:first-child) {
		margin-top: 0
	}
	.box-3 .box-3-i:nth-child(odd) {
		padding-right: 8px
	}
	.box-3 .box-3-i:nth-child(even) {
		padding-left: 8px
	}
	#main-wrapper {
		position: static
	}
	.roadmapChartMobile-b {
		display: none
	}
	.safe-coins .exchanges {
		text-align: center
	}
	.safe-coins .exchanges .exchange.float-none {
		float: none!important
	}
}
@media only screen and (min-width: 1560px) {
	.list-content .list-content-b,
	.media-lnks {
		width: 1170px;
		margin: 0 auto
	}
	.base-1 {
		width: 1170px;
		display: block
	}
	.no-support-content {
		display: none
	}
	.post-1 {
		width: 1170px
	}
	.post-1 .media {
		width: 585px
	}
	.post-1 .media img {
		width: 80%;
		margin: 0 auto
	}
	.post-1 .content {
		width: 585px;
		text-align: left
	}
	.post-2 {
		width: 1170px
	}
	.post-2>.title {
		width: 585px;
		transform: translateX(585px)
	}
	.post-2 .post-2-content,
	.post-2 .post-2-media {
		width: 585px
	}
	.post-2 .post-2-media img {
		padding: 0 100px 0 50px
	}
	.post-2.flip .post-2-media img {
		padding: 0 50px 0 100px
	}
	.post-3 .post-3-cont .post-3-cont-i {
		width: 1170px
	}
	.page-banner.maidsafe-team {
		height: 550px
	}
	.page-banner.safe-pod {
		height: 700px
	}
	.app-footer .app-footer-b,
	.content-1 {
		width: 1170px
	}
	.box-3 .box-3-i {
		width: 50%;
		float: left
	}
	.box-3 .box-3-i:not(:first-child) {
		margin-top: 0
	}
	.box-3 .box-3-i:nth-child(odd) {
		padding-right: 8px
	}
	.box-3 .box-3-i:nth-child(even) {
		padding-left: 8px
	}
	.overlay .overlay-cont {
		width: 1170px
	}
	.overlay .overlay-cont .overlay-cont-i iframe {
		height: 720px
	}
	.content-3,
	.layout-1,
	.page-1 {
		width: 1170px
	}
	.layout-1 .lsec {
		width: 930px
	}
	.layout-1 .rsec {
		width: 240px
	}
	#main-wrapper {
		position: static
	}
	.roadmapChartMobile-b {
		display: none
	}
	.al-content {
		width: 1170px
	}
	.bnr-1 .bnr-1-i a {
		padding-bottom: 310px;
		padding-top: 60px;
		width: 960px
	}
	.bnr-1 .bnr-1-i a .heading {
		font-size: 44px
	}
	.bnr-1 .bnr-1-i a .desc {
		font-size: 28px
	}
	.bnr-1 .bnr-1-i a .botton-img {
		width: 960px;
		margin-left: -484px;
		background-image: url(../img/banner-assets/max_middle.svg)
	}
	.bnr-1 .bnr-1-i a .left-img {
		width: 250px;
		margin-left: -750px;
		background-image: url(../img/banner-assets/max_left.svg)
	}
	.bnr-1 .bnr-1-i a .right-img {
		margin-left: 496px;
		background-image: url(../img/banner-assets/max_right.svg)
	}
	.bnr-2-i {
		padding-top: 60px
	}
	.bnr-2-i .base-1 {
		padding-bottom: 247px
	}
	.bnr-2-i .label-1 {
		font-size: 44px;
		padding-bottom: 50px
	}
	.bnr-2-i .label-2 {
		font-size: 32px;
		padding-bottom: 35px
	}
	.bnr-2-i .label-2 span {
		font-size: 62px
	}
	.bnr-2-i .label-3 {
		font-size: 20px
	}
	.bnr-2-i .botton-img {
		height: 300px;
		background-image: url(../img/banner-assets/LARGE-BUBBLES.svg)
	}
	.safe-coins .exchanges {
		text-align: center
	}
	.safe-coins .exchanges .exchange.float-none {
		float: none!important
	}
}