body{
	font-family: 'Montserrat', sans-serif;
}
header {
	padding: 15px 0px;
	border-bottom: 1px solid #ccc;
}
.main_Screen {
	 height: 100%; 
}
.browsing_grid {
	padding: 40px 0px;
}
.browsing_data h1 {
	font-size: 35px;
	margin-bottom: 16px;
	color: #202124;
	text-align: center;
	font-weight: 500;
}
.browsing_data p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-align: justify;
}
.search_grid {
	background-color: #f5f5f5;
	padding: 40px 0px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.search_data h4 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.search_grid_inner {
	position: relative;
}
.search_grid_inner input {
	width: 100%;
	padding: 5px 55px 5px 15px;
	height: 45px;
	outline: none;
	box-shadow: 0 0 1px rgba(0,0,0,.12);
	border-radius: 5px;
	border: 1px solid #eee;
	color: #616161;
}
.search_grid_inner button {
	outline: none;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 55px;
	font-size: 18px;
	color: #555;
	z-index: 555;
	cursor: pointer;
}
.show_status {
	padding: 40px 0px;
	border-bottom: 1px solid #ccc;
}
.some_info {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.data_box {
	border: 1px solid #dadce0;
	padding: 20px 30px 25px;
	border-top: 4px solid #34a853;
	border-radius: 5px;
	margin-bottom: 20px;
}
.data_box span {
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
	color: #616161;
}
.data_box h4 {
	margin: 0;
	font-size: 19px;
	color: #616161;
}
.data_box h4 i{
	color: #34a853;
	margin-right: 5px;
}
.some_info li {
	color: #5f6368;
	font-size: 15px;
	margin: 6px 0px;
}
.some_info li h5 {
	color: #202124;
	font-size: 18px;
	margin: 0;
}
.address_info {
	background-color: #eee;
	padding: 30px 0px;
	margin: 0px 0px 70px 0px;
}
.box_gray {
	background-color: #fff;
	border: 1px solid #fff;
	/*border-radius: 10px;*/
	padding: 35px 20px;
}
.box_gray ul {
	padding: 0px;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
}
.box_gray ul p {
	margin: 2px;
}
.two_flex {
	display: flex;
	align-items: center;
}
.two_flex .fas.fa-file-alt {
	font-size: 50px;
	min-width: 55px;
	color: #555;
}
.box_content p {
	font-size: 13px;
	display: flex;
}
.box_content p span{
	font-weight: 600;
}
.box_gray ul li:first-child {
	max-width: 340px;
	min-width: 340px;
	padding-right: 20px;
	margin-right: 30px;
	border-right: 1px solid #555;
}
.box_gray ul li:nth-child(2) {
	margin-right: 35px;
}
.box_gray ul p a {
	color: blue;
	text-decoration: underline;
}
.head_strip {
	align-items: center;
}
.btn_aline {
	align-items: center;
	display: flex;
}
.btn_aline {
	align-items: center;
	display: flex;
}
.btn_aline .btn.btn-primary {
	font-size: 12px;
	padding: 10px 10px;
}
.btn_aline > .close.closeMoreDetails {
	padding: 5px 0 5px 35px;
}
.footer_aline {
	display: flex;
	align-items: center;
	/*justify-content: flex-end;*/
	justify-content: space-between;
}
.footer_aline button {
	font-size: 12px !important;
	height: 30px;
	display: flex;
	align-items: center;
}
.footer_aline a{
    font-size: 12px !important;
	height: 30px;
	display: flex;
	align-items: center;
}
.head_strip2 h5 {
	font-size: 14px;
	font-weight: bold;
}
.modal-content .form-group label {
	font-size: 14px;
	display: block;
	font-weight: 600;
}
.modal-content .form-group input {
	font-size: 14px;
	font-weight: 400;
	height: 40px;
}


footer {
	/*background: linear-gradient(315deg, #160f6b 0%, #4361ee 74%);*/
	background: black;
	padding: 15px 0px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	margin-top: 50px;
}
footer p {
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 15px;
}
footer p a {
	color: #fff;
	font-weight: 600;
}
footer p a:hover{
	color: #fff;
	text-decoration: none;
}

.default-look {
	text-align: center;
}
.range_slider {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	justify-content: center;
	color: black;
	letter-spacing: 1px;
	padding: 20px 20px 40px;
}
.range-slider {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.range-slider input[type="range"] {
	-webkit-appearance: none;
    height: 25px;
    flex-basis: 100%;
    max-width: 100%;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
	background-color: #ececec;
}
.fill_color{
	background-color: #609f43 !important;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border-radius: 10%;
	width: 20px;
	height: 30px;
	background: url(https://unsplash.it/200/300?image=1069);
	background-position: 0px -110px;

}
.boost-label {
	display: flex;
	flex-basis: 100%;
	max-width: 100%; 
}
.boost-label p {
	flex: 1;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.boost-label p:last-child {
	flex: 0;
}
.siteTite {
	display: block;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 215px;
}

.page-loader {
	width: 100%;
	height: 100vh;
	position: fixed;
	background: #272727;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.page-loader .txt {
	color: #666;
	text-align: center;
	top: 40%;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.3rem;
	font-weight: bold;
	line-height: 1.5;
}
/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1s infinite ease-in-out;
	animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
	}
	100% {
	-webkit-transform: scale(1);
		opacity: 0;
	}
}
@keyframes sk-scaleout {
    0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	}
	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0;
	}
}
.resultSite label{
    font-size: 12px;
}
.resultSite .badge{
    font-size: 12px;
}
.resultSite .results{
    font-size: 11px;
}
.rangE img{
    width:100.2%;
}

.windo_grid {
	border: 1px solid #ccc;
	padding: 15px;
	margin-top: 20px;
	border-radius: 5px;
}
.diagnose_grid .d-flex span {
	width: 45px;
	margin-right: 15px;
}
.diagnose_grid .d-flex span i {
	font-size: 35px;
}
.rightContent h5 {
	font-size: 12px;
	margin: 0;
	color: #333;
	font-weight: bold;
}
.rightContent p {
	font-size: 12px;
	color: #555;
}
.gray_strip {
	background-color: #eee;
	padding: 4px 10px;
}
.gray_strip a {
	color: #555;
	display: inline-block;
	font-size: 12px;
}
.gray_strip a i {
	margin-right: 10px;
}
.SS_img img {
	width: 100%;
}
.box_grid1 .row {
	align-items: center;
}
.performance h4 {
	text-align: center;
	margin: 5px 0 0px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.performance p {
	margin: 6px 0 12px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
.performance ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.performance ul li {
	margin: 0 8px;
}
.performance ul li span {
	font-size: 12px;
	font-weight: 500;
	color: #555;
	display: block;
	position: relative;
	padding-left: 15px;
}
.performance ul li span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
}
.performance ul li.redShape span::before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #ff0000 transparent;
}
.performance ul li.yellowShape span::before{
	width: 12px;
	height: 12px;
	background-color: #fa3;
}
.performance ul li.greenShape span::before{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: green;
}

.metrics_grid h4 {
	font-size: 15px;
	margin: 0 0 8px;
	font-weight: 400;
}
.metrics_grid ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.metrics_grid ul li {
	width: 49%;
	border-bottom: 1px solid #ccc;
	margin: 5px 0px;
	padding: 10px 0px 20px;
}
.metrics_grid ul li:nth-child(1), .metrics_grid ul li:nth-child(2) {
	border-top: 1px solid #ccc;
}
.listContent {
	padding-left: 22px;
	position: relative;
}
.listContent::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
}
.greenCricle::before {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: green;
}
.listContent p {
	margin: 0 0 0;
	font-size: 12px;
	color: #333;
}
.listContent p:first-child {
	font-weight: bold;
}
.greenCricle h5 {
	color: green;
	font-size: 15px;
	font-weight: bold;
}
.listContent p a {
	color: blue;
	text-decoration: none;
	display: inline-block;
}
.yellowCricle::before {
	width: 12px;
	height: 12px;
	background-color: #fa3;
}
.yellowCricle h5 {
	color: red;
	font-size: 15px;
	font-weight: bold;
}
.gray_bg {
	background-color: #eee;
}
.tab_main {
	margin-top: 20px;
}
.gray_bg .contentIner {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.gray_bg .contentIner li {
	font-size: 12px;
	margin: 5px 0px;
	display: flex;
	padding: 0px 8px;
}
.gray_bg .contentIner li i {
	margin-right: 5px;
	margin-top: 3px;
}
.img_grid {
	display: flex;
	flex-wrap: wrap;
	margin: 16px 0px;
}
.ImgBox {
	text-align: center;
	width: 20%;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ImgBox img{
	width: 100%;
}
.tab_main h4 {
	margin: 0px 0px 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
.tab_main .d-flex {
	justify-content: space-between;
	margin-bottom: 10px;
}
.tab_main .d-flex span {
	display: block;
	font-size: 12px;
}
.tab_main .accordion {
	margin-top: 10px;
}
.tab_main .accordion .card {
	background: transparent !important;
	border-radius: 0;
	border-left: none;
	border-right: none;
	border-top: none;
}
.tab_main .accordion .card .card-header {
	padding: 0px;
	position: relative;
	border: none !important;
	background-color: transparent;
}
.tab_main .accordion .card .card-header .btn {
	width: 100%;
	text-align: left;
	display: flex;
	text-decoration: none;
	font-size: 12px;
	color: #333;
	position: relative;
	padding: 5px 25px 5px 0;
	background-color: transparent;
	justify-content: space-between;
}
.tab_main .accordion .card .card-header .btn:focus{
	box-shadow: none;
	outline: none;
}
.tab_main .accordion .card .collapse .card-body {
	padding: 10px 0px;
	font-size: 12px;
}
.arrow_inner {
	position: absolute;
	right: 0;
	top: 5px;
	transition-duration: 0.4s;
}
.arrow_inner i{
	transition-duration: 0.4s;
}
.tab_main .accordion .card .card-header .btn .arrow_inner i{
	transform: rotate(180deg);
}
.tab_main .accordion .card .card-header .btn.collapsed .arrow_inner i{
	transform: rotate(0deg);
}

.tab_main .accordion .card .card-header .btn span {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	
}
.tab_main .accordion .card .card-header .btn span.text_left {
	padding-left: 20px;
}
.numberContent {
	color: red;
}
.trangle::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #ff0000 transparent;
}
.squre::before{
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	background-color: #fa3;
}
.tab_main p {
	margin: 0px 0px 10px;
	font-size: 12px;
}
.tab_main > p {
	margin: 10px 0px 0px !important;
}
.tab_content .table {
	border: 1px solid #ccc;
}
.tab_content .table thead tr th {
	padding: 5px 15px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: none;
}
.tab_content .table tbody tr td {
	padding: 5px 15px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: none;
}
.tab_content .table tbody tr:nth-child(2n+1) td {
	background-color: #f8f9fa;
}
.multiple_tabs1{
	/*display: none;*/
}
.multiple_tabs1.main {
	display: block !important;
}
.cricleMode::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	border: 2px solid #555555c4;
	left: 0;
	top: 5px;
	border-radius: 50%;
}
.tab_strip .d-flex {
	margin: 0;
}
.tab_strip {
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}
.hide_text {
	display: none !important;
}
.showOutput {
	display: block !important;
}

.link_text {
	font-size: 12px !important;
}
.link_text22 span {
	font-size: 12px !important;
}
.multiple_tabs1 .card-header .btn span:nth-child(2) {
	color: green;
}




.circle_percent {font-size:130px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display: block; margin:0 auto;}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: green; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: green; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size: 28px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}

@media  screen and (max-width: 991px){
	.container {
		max-width: 95%;
	}
	.box_gray ul{
		flex-wrap: wrap;
	}
	.box_gray ul li:first-child {
		min-width: 100%;
		padding-right: 0px;
		margin-right: 0px;
		border-right: none;
		border-bottom: 1px solid #555;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}

@media  screen and (max-width: 991px){
	.tab_main .accordion .card .card-header .btn, .tab_main .accordion .card .card-header .btn span{
		display: block;
	}
	.tab_content {
		width: 100%;
		overflow: auto;
		padding-bottom: 10px;
	}
	.tab_content .table tbody tr td span{
		display: block;
		word-wrap: anywhere;
	}
}
@media  screen and (max-width: 767px){
	.metrics_grid ul li{
		width: 100%;
	}
	.metrics_grid ul li:nth-child(2) {
		border-top: none;
	}
	.ImgBox {
		width: 33.33%;
	}
}
@media  screen and (max-width: 484px){
	.container {
		max-width: 100%;
	}
	.box_gray{
		padding: 35px 15px;
	}
	.two_flex .fas.fa-file-alt {
		font-size: 35px;
		min-width: 35px;
		color: #555;
	}
	.box_gray ul li:nth-child(2) {
		margin-right: 0px;
		width: 100%;
	}
	.range_slider{
		padding: 0px 20px 30px;
	}
	.range_slider{
		padding: 0px 15px 30px;
	}
	.boost-label p{
		font-size: 12px;
	}
	.remove_flex + .landing footer {
	    position:static;
	}
	.rangE img{
        height:50px;
    }
    .tab_main .accordion .card .card-header .btn span{
        white-space: break-spaces;
    }
}
@media  screen and (max-width: 414px){
	.box_content {
		width: 100%;
	}
	.textCenter{
	    text-align: center !important;
	}
	.head_grid{
	    text-align: center !important;
	}
	.browsing_data p{
	    font-size: 11px;
	}
	.browsing_data h1 {
        font-size: 25px;
	}
}
@media  screen and (max-width: 360px){
	.boost-label p{
		text-align: center;
	}
	.textCenter{
	    text-align: center !important;
	}
	.head_grid{
	    text-align: center !important;
	}
	.browsing_data p{
	    font-size: 11px;
	}
	.browsing_data h1 {
        font-size: 25px;
	}
}

.tab_content > table > tr > td{
    word-wrap: anywhere;
}
.policyFooter{
    font-size: 10px;
}
.title_popup {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 15px;
}
.progress-bar-style2 .progress {
    overflow: visible;
}

.progress-bar-style2 .progress-bar span {
	color: #555555bf;
	position: absolute;
	right: 0;
	text-align: right;
	top: -32px;
	font-size: 14px;
	font-weight: 700;
}

.progress-bar-style2 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #4285f4 !important;
}

.progress-bar-style2 .progress {
    height: 15px;
}

.progress-bar-style2 .progress-name {
    font-size: 10px;
    margin: 5px 0 20px;
}

.progress-bar-style3 .progress-bar-sub {
    margin-bottom: 40px;
}

.progress-bar-style3 .progress {
    height: 26px;
}

.progress-bar-style3 .progress-bar {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 25px;
    text-align: left;
    padding: 0 10px;
}
.btn-bg-color{
    background: linear-gradient(315deg, #160f6b 0%, #4361ee 74%);
    border: #1f1f85;
}


/* new page css */


*[_ngcontent-c2] {
	-webkit-font-smoothing: antialiased
}

@font-face {
	font-family: 'Google Sans';
	font-weight: 300;
	src: url(/feature/testmysite/assets/fonts/GoogleSans4.woff2) format("woff2")
}

@font-face {
	font-family: 'Google Sans';
	font-weight: 100;
	src: url(/feature/testmysite/assets/fonts/GoogleSans2.woff2) format("woff2")
}

@-webkit-keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.tooltip[_ngcontent-c2] {
	color: #424242;
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	font-size: .85rem;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 1rem;
	text-transform: none
}

.tooltip[_ngcontent-c2] span[_ngcontent-c2] {
	font-weight: 500
}

.tooltip[_ngcontent-c2]:last-child {
	padding-bottom: 0
}

.tooltip[_ngcontent-c2] a[_ngcontent-c2] {
	color: #4285f4;
	font-weight: 500;
	text-decoration: none
}

.tooltip[_ngcontent-c2] a[_ngcontent-c2]:visited {
	color: #4285f4
}

nav[_ngcontent-c2] {
	align-items: center;
	background: #fff;
	box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	left: 0;
	margin: 0 auto;
	padding: 1.5rem 55px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

nav[_ngcontent-c2] picture[_ngcontent-c2] {
	height: 26px
}

nav[_ngcontent-c2] img[_ngcontent-c2] {
	cursor: pointer;
	width: 186px
}

nav[_ngcontent-c2] div[_ngcontent-c2] {
	align-items: center;
	color: #999;
	display: flex
}

nav[_ngcontent-c2] a[_ngcontent-c2] {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	justify-content: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

nav[_ngcontent-c2] mat-icon[_ngcontent-c2],
nav[_ngcontent-c2] svg[_ngcontent-c2] {
	fill: #999
}

section[_ngcontent-c2] {
	box-sizing: border-box;
	
	padding-top: 75px;
	position: relative
}

@supports (-webkit-overflow-scrolling:touch) {
	section[_ngcontent-c2] {
		bottom: 0;
		height: initial;
		left: 0;
		margin: auto;
		max-width: auto;
		position: absolute;
		right: 0;
		top: 0
	}
}

.form-container[_ngcontent-c2] {
	display: flex;
	height: 100%;
	margin: 0 auto;
	max-width: 1168px;
	width: 100%
}

div.formDiv[_ngcontent-c2] {
	display: flex;
	flex: 1;
	flex-direction: column;
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	justify-content: center;
	padding: 0 2rem
}

@media (min-width:480px) {
	div.formDiv[_ngcontent-c2] {
		padding: 0 3rem
	}
}

@media (min-width:1280px) {
	div.formDiv[_ngcontent-c2] {
		padding: 0
	}
}

div.formDiv[_ngcontent-c2] h1[_ngcontent-c2] {
	color: #4285f4;
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
	padding-top: 73px;
	text-align: left
}

div.formDiv[_ngcontent-c2] h1[_ngcontent-c2] span[_ngcontent-c2] {
	font-size: 1rem
}

@media (min-width:768px) {
	section[_ngcontent-c2] {
		padding-top: 0
	}
	div.formDiv[_ngcontent-c2] h1[_ngcontent-c2] {
		font-size: 1.5rem
	}
}

div.formDiv[_ngcontent-c2] p[_ngcontent-c2] {
	color: #80878c;
	font-size: 2rem;
	line-height: 1.2;
	margin: 0;
	padding: .5rem 0 1.5rem;
	text-align: left
}

div.formDiv[_ngcontent-c2] p.country[_ngcontent-c2] {
	color: #80878c;
	font-size: 1.75rem
}

div.formDiv[_ngcontent-c2] img.mobile-mock[_ngcontent-c2] {
	height: 100%;
	width: 100%
}

@media (orientation:landscape) {
	div.formDiv[_ngcontent-c2] img.mobile-mock[_ngcontent-c2] {
		display: none
	}
}

.entry[_ngcontent-c2] {
	position: relative;
	width: 100%
}

.entry.mobile[_ngcontent-c2] {
	display: none
}

.entry[_ngcontent-c2] input[_ngcontent-c2],
.entry[_ngcontent-c2] select[_ngcontent-c2] {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	display: block;
	font-size: 1rem;
	outline: 0;
	padding: 1.5rem 20px;
	position: relative;
	width: 100%
}

.entry[_ngcontent-c2] input[_ngcontent-c2]::-ms-clear,
.entry[_ngcontent-c2] select[_ngcontent-c2]::-ms-clear {
	display: none
}

.entry[_ngcontent-c2] input.entered[_ngcontent-c2],
.entry[_ngcontent-c2] select.entered[_ngcontent-c2] {
	pointer-events: none
}

.entry[_ngcontent-c2] .error[_ngcontent-c2] {
	bottom: -25px;
	color: #e32b29;
	display: none;
	flex-direction: column;
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	opacity: 0;
	padding: 0;
	position: relative;
	transition: opacity .15s ease-in-out
}

.entry[_ngcontent-c2] .error.active[_ngcontent-c2] {
	display: flex;
	opacity: 1
}

.entry[_ngcontent-c2] .error[_ngcontent-c2] .head[_ngcontent-c2] {
	align-items: center;
	display: flex;
	margin-bottom: 1rem
}

.entry[_ngcontent-c2] .error[_ngcontent-c2] span.top[_ngcontent-c2] {
	color: #80878c;
	display: inline-block;
	font-size: 1rem;
	margin-left: .5rem
}

@media (min-width:768px) {
	div.formDiv[_ngcontent-c2] p[_ngcontent-c2] {
		font-size: 2.5rem;
		padding: .5rem 0 2.75rem
	}
	div.formDiv[_ngcontent-c2] img.mobile-mock[_ngcontent-c2] {
		margin: 0 auto;
		max-width: 550px
	}
	.entry[_ngcontent-c2] input[_ngcontent-c2],
	.entry[_ngcontent-c2] select[_ngcontent-c2] {
		font-size: 1.15rem
	}
	.entry[_ngcontent-c2] .error[_ngcontent-c2] {
		bottom: -85px;
		display: flex;
		position: absolute
	}
	.entry[_ngcontent-c2] .error[_ngcontent-c2] span.top[_ngcontent-c2] {
		font-size: 1.35rem
	}
}

.entry[_ngcontent-c2] .error[_ngcontent-c2] span.bottom[_ngcontent-c2] {
	color: #80878c;
	display: block;
	font-size: .85rem;
	line-height: 1.5
}

.entry[_ngcontent-c2] mat-icon.arrow[_ngcontent-c2] {
	color: #c7c7c7;
	cursor: pointer;
	font-size: 24px;
	height: 24px;
	pointer-events: none;
	pointer-events: none;
	position: absolute;
	right: 2rem;
	top: 23px;
	transition: color .25s ease-in-out;
	width: 24px;
	z-index: 2
}

.entry[_ngcontent-c2] mat-icon.arrow.entered[_ngcontent-c2] {
	pointer-events: none
}

.entry[_ngcontent-c2] mat-icon.arrow.active[_ngcontent-c2] {
	color: #4285f4;
	opacity: 1;
	pointer-events: initial
}

.countryLength[_ngcontent-c2] {
	font-size: 1.5rem;
	font-weight: 700;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1
}

@media (min-width:768px) {
	.countryLength[_ngcontent-c2] {
		font-size: 2.05rem
	}
}

.mobile-image[_ngcontent-c2] {
	width: 100%
}

.selection[_ngcontent-c2] {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%
}

@media (min-width:1020px) {
	div.formDiv[_ngcontent-c2] h1[_ngcontent-c2],
	section[_ngcontent-c2] {
		padding-top: 0
	}
	div.formDiv[_ngcontent-c2] p[_ngcontent-c2] {
		max-width: 460px
	}
	div.formDiv[_ngcontent-c2] img.mobile-mock[_ngcontent-c2] {
		display: none
	}
	.entry[_ngcontent-c2],
	.entry[_ngcontent-c2] input[_ngcontent-c2],
	.entry[_ngcontent-c2] select[_ngcontent-c2] {
		max-width: 455px
	}
	.entry[_ngcontent-c2] .error[_ngcontent-c2] {
		bottom: -115px
	}
	.selection[_ngcontent-c2] {
		justify-content: initial;
		max-width: 455px
	}
}

.selection[_ngcontent-c2] select.connection[_ngcontent-c2],
.selection[_ngcontent-c2] select.country[_ngcontent-c2] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	margin-right: 1rem;
	opacity: 1;
	outline: 0;
	padding: 1.25rem;
	pointer-events: initial;
	position: relative
}

.selection[_ngcontent-c2] select.country[_ngcontent-c2] {
	width: 200px
}

.selection[_ngcontent-c2] select.connection[_ngcontent-c2] {
	margin-right: 1.5rem;
	width: 100px
}

.selection[_ngcontent-c2] .select[_ngcontent-c2] {
	display: flex;
	opacity: 1;
	position: relative;
	transition: opacity .25s ease-in-out
}

.selection[_ngcontent-c2] .select.disabled[_ngcontent-c2] {
	opacity: .4;
	pointer-events: none
}

.selection[_ngcontent-c2] .icon[_ngcontent-c2] {
	align-items: center;
	background: #4285f4;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	opacity: 0;
	padding: .75rem;
	pointer-events: none;
	transition: opacity .15s ease-in-out
}

.selection[_ngcontent-c2] .icon.active[_ngcontent-c2] {
	opacity: 1;
	pointer-events: initial
}

.selection[_ngcontent-c2] mat-icon.go[_ngcontent-c2] {
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	height: 24px;
	width: 24px
}

.selection[_ngcontent-c2] mat-icon.drop[_ngcontent-c2] {
	bottom: 10px;
	color: #828282;
	cursor: initial;
	display: inline;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 20px;
	-webkit-transform: rotateZ(270deg);
	transform: rotateZ(270deg)
}

.selection[_ngcontent-c2] mat-icon.drop.first[_ngcontent-c2] {
	right: 20px
}

.selection[_ngcontent-c2] mat-icon.drop.second[_ngcontent-c2] {
	right: 27px
}

*[_ngcontent-c8] {
	-webkit-font-smoothing: antialiased
}

@font-face {
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	font-weight: 300;
	src: url(/feature/testmysite/assets/fonts/GoogleSans4.woff2) format("woff2")
}

@font-face {
	font-family: 'Google Sans';
	font-weight: 100;
	src: url(/feature/testmysite/assets/fonts/GoogleSans2.woff2) format("woff2")
}

@-webkit-keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.tooltip[_ngcontent-c8] {
	color: #424242;
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	font-size: .85rem;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 1rem;
	text-transform: none
}

.tooltip[_ngcontent-c8] span[_ngcontent-c8] {
	font-weight: 500
}

.tooltip[_ngcontent-c8]:last-child {
	padding-bottom: 0
}

.tooltip[_ngcontent-c8] a[_ngcontent-c8] {
	color: #4285f4;
	font-weight: 500;
	text-decoration: none
}

.tooltip[_ngcontent-c8] a[_ngcontent-c8]:visited {
	color: #4285f4
}

.footer[_ngcontent-c8] {
	background-color: #eee;
	bottom: 0;
	box-sizing: border-box;
	font-weight: 400;
	padding: 20px 1.5rem 4px;
	width: 100%
}

.footer.fixed[_ngcontent-c8] {
	position: fixed
}

.footer[_ngcontent-c8] .logo[_ngcontent-c8] {
	display: inline-block;
	margin: 0 1.5625rem 10px 0
}

.footer[_ngcontent-c8] .logo[_ngcontent-c8] img[_ngcontent-c8] {
	height: 1.4375rem;
	width: 4.4375rem
}

.footer[_ngcontent-c8] ul[_ngcontent-c8] {
	line-height: 2;
	margin-top: 0;
	padding-left: 0
}

@media (min-width:768px) {
	.footer[_ngcontent-c8] {
		padding: 18px 1.5rem
	}
	.footer[_ngcontent-c8] .logo[_ngcontent-c8] {
		margin: 0
	}
	.footer[_ngcontent-c8] .logo[_ngcontent-c8] img[_ngcontent-c8] {
		display: flex
	}
	.footer[_ngcontent-c8] ul[_ngcontent-c8] {
		display: inline-block;
		line-height: 1.2;
		margin-bottom: 0;
		padding: 0 0 0 25px;
		vertical-align: middle
	}
}

.footer[_ngcontent-c8] ul[_ngcontent-c8] li[_ngcontent-c8] {
	display: inline-block;
	font-size: .875rem;
	font-weight: 300;
	list-style-type: none;
	margin: 0 1.125rem 0 0
}

@media (min-width:768px) {
	.footer[_ngcontent-c8] ul[_ngcontent-c8] li[_ngcontent-c8] {
		margin: 0 15px 0 0
	}
	.footer[_ngcontent-c8] ul.socials[_ngcontent-c8] {
		float: right;
		margin: 29px 0 0
	}
}

@media (min-width:1020px) {
	.footer[_ngcontent-c8] ul[_ngcontent-c8] {
		padding: 0 30px
	}
	.footer[_ngcontent-c8] ul[_ngcontent-c8] li[_ngcontent-c8] {
		margin: 0 1.125rem 0 0
	}
}

.footer[_ngcontent-c8] ul[_ngcontent-c8] li[_ngcontent-c8] a[_ngcontent-c8] {
	color: #424242;
	text-decoration: none
}

.footer[_ngcontent-c8] ul.socials[_ngcontent-c8] {
	visibility: hidden
}

.footer[_ngcontent-c8] ul.socials[_ngcontent-c8] li[_ngcontent-c8]:last-of-type {
	margin-left: -10px
}

.footer[_ngcontent-c8] .mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.footer[_ngcontent-c8] .mat-select-arrow,
.footer[_ngcontent-c8] .mat-select-value {
	color: #424242;
	font-size: 1em;
	font-weight: 300
}

.footer[_ngcontent-c8] .mat-form-field-ripple,
.footer[_ngcontent-c8] .mat-input-underline {
	background-color: #424242
}

@media (min-width:768px) {
	.footer[_ngcontent-c8] .locale-selector[_ngcontent-c8] {
		margin-left: 30px
	}
	.footer-inner[_ngcontent-c8] {
		align-items: flex-end;
		display: flex
	}
}

.landing[_nghost-c8] {
	margin-top: auto
}

.faq[_nghost-c8] {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%
}

*[_ngcontent-c3] {
	-webkit-font-smoothing: antialiased
}

@font-face {
	font-family: 'Google Sans';
	font-weight: 300;
	src: url(/feature/testmysite/assets/fonts/GoogleSans4.woff2) format("woff2")
}

@font-face {
	font-family: 'Google Sans';
	font-weight: 100;
	src: url(/feature/testmysite/assets/fonts/GoogleSans2.woff2) format("woff2")
}

@-webkit-keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes bounce {
	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	25% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	75% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUp {
	from {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleUpFadeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDownFadeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes scaleDown {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@-webkit-keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeinslide {
	from {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.tooltip[_ngcontent-c3] {
	color: #424242;
	font-family: "Google Sans", Montserrat, Arial, sans-serif;
	font-size: .85rem;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 1rem;
	text-transform: none
}

.tooltip[_ngcontent-c3] span[_ngcontent-c3] {
	font-weight: 500
}

.tooltip[_ngcontent-c3]:last-child {
	padding-bottom: 0
}

.tooltip[_ngcontent-c3] a[_ngcontent-c3] {
	color: #4285f4;
	font-weight: 500;
	text-decoration: none
}

.tooltip[_ngcontent-c3] a[_ngcontent-c3]:visited {
	color: #4285f4
}

section[_ngcontent-c3] {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 0;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

section[_ngcontent-c3] .container[_ngcontent-c3] {
	align-items: center;
	bottom: 10px;
	display: flex;
	justify-content: center;
	left: 16rem;
	max-width: 865px;
	position: relative;
	width: 100%;
	z-index: -1
}

section[_ngcontent-c3] .circle-three[_ngcontent-c3],
section[_ngcontent-c3] .circle-two[_ngcontent-c3],
section[_ngcontent-c3] .cirlce-one[_ngcontent-c3] {
	opacity: 0
}

section[_ngcontent-c3] .circle-one[_ngcontent-c3] {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-duration: 1.15s;
	animation-duration: 1.15s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleUp;
	animation-name: scaleUp;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	background: rgba(0, 0, 0, .018);
	border-radius: 100%;
	height: 70vh;
	position: absolute;
	width: 70vh;
	z-index: 9
}

section[_ngcontent-c3] .circle-one.end[_ngcontent-c3] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleDown;
	animation-name: scaleDown;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

section[_ngcontent-c3] .circle-two[_ngcontent-c3] {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-duration: 1.15s;
	animation-duration: 1.15s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleUp;
	animation-name: scaleUp;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	background: rgba(0, 0, 0, .018);
	border-radius: 100%;
	height: 100vh;
	position: absolute;
	width: 100vh;
	z-index: 8
}

section[_ngcontent-c3] .circle-two.end[_ngcontent-c3] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleDown;
	animation-name: scaleDown;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

section[_ngcontent-c3] .circle-three[_ngcontent-c3] {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-duration: 1.15s;
	animation-duration: 1.15s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleUp;
	animation-name: scaleUp;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	background: rgba(0, 0, 0, .018);
	border-radius: 100%;
	height: 140vh;
	position: absolute;
	width: 140vh;
	z-index: 7
}

section[_ngcontent-c3] .circle-three.end[_ngcontent-c3] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: scaleDown;
	animation-name: scaleDown;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

section[_ngcontent-c3] picture[_ngcontent-c3] {
	opacity: 1;
	position: absolute;
	width: 100%;
	z-index: 10
}

section[_ngcontent-c3] picture.active[_ngcontent-c3] {
	opacity: 0
}

section[_ngcontent-c3] picture[_ngcontent-c3] img[_ngcontent-c3] {
	width: 100%
}

section[_ngcontent-c3] video[_ngcontent-c3] {
	opacity: 0;
	width: 100%;
	z-index: 1
}

@media (min-width:1020px) {
	section[_ngcontent-c3] {
		height: 100vh;
		opacity: 1
	}
	section[_ngcontent-c3] .circle-three[_ngcontent-c3],
	section[_ngcontent-c3] .circle-two[_ngcontent-c3],
	section[_ngcontent-c3] .cirlce-one[_ngcontent-c3],
	section[_ngcontent-c3] video[_ngcontent-c3] {
		opacity: 1
	}
}
.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}
.text-fader {
  margin: 50px 0 0 40px;
}
.text-fader .text-content {
    font-size: 25px;
    font-weight: 500;
    color: #80878c;
}
.text-fader .text-content span.line {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-duration: 0.8s;
  display: none;
}
.text-fader .text-content span.colour .letter {
  color: #fff;
  transition: all 0.2s ease;
}
.text-fader .text-content.in span.line {
  animation-name: textFaderIn;
  display: block;
}
.text-fader .text-content.in span.colour.go .letter {
  color: black;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(1) {
  transition-delay: 0.07s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(2) {
  transition-delay: 0.14s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(3) {
  transition-delay: 0.21s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(4) {
  transition-delay: 0.28s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(5) {
  transition-delay: 0.35s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(6) {
  transition-delay: 0.42s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(7) {
  transition-delay: 0.49s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(8) {
  transition-delay: 0.56s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(9) {
  transition-delay: 0.63s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(10) {
  transition-delay: 0.7s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(11) {
  transition-delay: 0.77s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(12) {
  transition-delay: 0.84s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(13) {
  transition-delay: 0.91s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(14) {
  transition-delay: 0.98s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(15) {
  transition-delay: 1.05s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(16) {
  transition-delay: 1.12s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(17) {
  transition-delay: 1.19s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(18) {
  transition-delay: 1.26s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(19) {
  transition-delay: 1.33s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(20) {
  transition-delay: 1.4s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(21) {
  transition-delay: 1.47s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(22) {
  transition-delay: 1.54s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(23) {
  transition-delay: 1.61s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(24) {
  transition-delay: 1.68s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(25) {
  transition-delay: 1.75s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(26) {
  transition-delay: 1.82s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(27) {
  transition-delay: 1.89s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(28) {
  transition-delay: 1.96s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(29) {
  transition-delay: 2.03s;
}
.text-fader .text-content.in span.colour.go .letter:nth-child(30) {
  transition-delay: 2.1s;
}
.text-fader .text-content.out span.line {
  animation-name: textFaderOut;
  display: block;
}

@keyframes textFaderIn {
  from {
    opacity: 0;
    transform: translateY(25%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes textFaderOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-25%);
  }
}