/*
Front-Page Template Styling 
Theme Name: Akash
Author: John Sanchirico & Stephan Krause
01:58
*/
.home main { background-color: #1D1D1B; }
.wp-block-button__link,
.cta .btn_primary,
a.cta {
	border-radius: .222em;
	background-color: var(--main-red-color);
	font-size: 1.222em;
	line-height: 1;
	padding: 1em 2em;
	display: inline-block;
	text-decoration: none;
	color: white;
	white-space: nowrap;
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.cta .btn_primary:hover,
a.cta:hover {
	background-color:#AF1917;
}
.home main>header,
#why2 .cta {
	max-width: 67.778em;
	margin: auto;
	padding-left: 7.639%;
	padding-right: 7.639%;
}
.home #hero {
	background: #1D1D1B url(../img/heros/Home_Wave_Wide.jpg) center / cover no-repeat;
	padding-top: 11.611em;
	overflow:hidden;
}
/* Video */
.home #hero video {
	left:0;
	top:0;
	z-index:0;
	width:auto;
	height:auto;
	display:block;
	min-height:100%;
	min-width:100%;
	position:absolute;
	X-webkit-transform: scaleX(-1);
  Xtransform: scaleX(-1);
	filter:sepia(1)hue-rotate(315deg)brightness(.2)saturate(6);
}
#hero:before, #hero:after {content: none;}
.home #hero h1 {color: var(--main-red-color);}
#hero .head {margin-bottom: 7.778em;}
#hero .sub_head {margin-bottom: 3.889em;}
#hero .sub_head > * {font-size: 2.222em;}
.hero-buttons .contact_sales {
	border: 1px solid #fff;
	color: white;
	background-color: transparent;
}
.hero-buttons .cta{
	z-index:1;
}
.cta .btn_secondary:hover,
.hero-buttons .contact_sales:hover {
	border: 1px solid #888 !important;
	color: white;
	background-color: transparent;
}
#why {
	text-align: center;
	position: relative;
	background-color: white;
	margin-top: -60px;
	transform: skewY(-10.5deg);
}
#why .inner {
	padding-top: 7.778em;
	padding-bottom: 8.889em;
}
#why .inner p span {white-space: nowrap;}
#why>* {
	position: relative;
	transform: skewY(10.5deg);
}
#why h2+* {
	margin-bottom: 5.833em;
	font-weight: normal;
	font-size: 1.333em;
}
#why .content section {
	background: top center no-repeat;
	padding-top: 7.778em;
	text-align: center;
	flex: 1 1 0%;
	margin-left: 2.951%;
}
#why .content section:first-child {margin-left: 0;}
#why .content section p:first-of-type {margin: 0 0 1em;}
#why .content section div {letter-spacing: .025em;}
#why2 {color: white;}
#why2 .inner>.text {width: 27.778em;}
#why2 .inner h2 {margin-bottom: .6em;}
#why2 .inner h2+div {
	font-size: 1.111em;
	position: relative;
	padding-top: 1.5em;
}
.thirdimg {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 100% !important;
	margin-bottom: 0 !important;
}
.thirdimg1 {
	grid-column: 1 / span 5;
	margin-top: 4em;
}
.thirdimg2 {
	grid-column: 6 / span 8;
}
#why2 .inner h2+div:before {
	content: '';
	width: 4em;
	height: .2em;
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
}
#why2 .animated-schema {
	max-width: 100%;
	height: auto;
}
X.animated-schema  {
	Xwidth: 100%;
	xheight:700px;
	Xmargin:0 auto;
	xdisplay: block;
	xposition: relative;
	Xborder:1px solid red;
}
.animated-schema-1 {
	padding:110px 0 0 15px;
	Xborder:1px solid red;
	margin-top:-2px;
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.animated-schema-1 object {
	fill:#eee;
	font-size:18;
	font-weight:300;
	font-family:Helvetica Neue,sans-serif;	
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	right: 0;
	top: 0;
	height:auto;
	width: 100%;
}

#why2_s1 {
	margin-bottom: 5em;
}
#why2_s1 .inner>.text {
	background-color: rgba(255, 255, 255, .9);
	width: 20.778em;
	color: black;
	position: absolute;
	padding: 7.778em 12.222em 4.611em 100%;
	right: 50%;
}
#why2_s1 .inner>div>* {
	position: relative;
	z-index: 1;
}
#why2_s1 .inner h2+div:before {
	background-color: black;
}
#why2_s1 .animated-schema {
	position: relative;
	margin: 6.222em 0 0 .556em;
}

#why2_s2 {
	height:800px;
	margin-bottom: 3em;
}
#why2 .cta {
	padding-top: 16em;
	padding-bottom: 4em;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	justify-items: center;
}
#why2 .cta a {
	grid-column: 2 / span 5;
	text-align: center;
	min-width: 15em;
}
#why2 .cta .btn_secondary {
	grid-column: 7 / span 5;
	border-radius: .222em;
	border: 1px solid white;
	font-size: 1.222em;
	line-height: 1;
	padding: .955em 2em;
	display: inline-block;
	text-decoration: none;
	margin-left: 1.136em;
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
#why2_s2 { Xoverflow: hidden; }
#why2_s2 .inner  { position: relative;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;}
/*#why2_s2 .animated-schema {
	margin-left: 10em;
	margin-top: 4em;
	display:block;
	border:1px solid green;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
}*/
#why2_s2 .animated-schema object {
	position: absolute;
	Xborder:1px solid white;
	right: 0;
	top: 4em;
	height:auto;
	width:80%;
}

/*
#why2_s2 .animated-schema object {
	position: absolute;
	Xborder:1px solid white;
	Xright: 0;
	top:200px;
	height:auto;
	width:80%;
	border:1px solid red;
}*/
#why2_s3 .inner { position: relative; }
#why2_s3 .inner>div { margin-bottom: 5em; }
/*#why2_s3 .animated-schema {
border:1px solid green;
}*/

#why2_s3 .animated-schema object {
	position: absolute;
	margin: 0;
	display:-ms-flexbox;
	display:-webkit-box;
	display:flex;
	right: 0;
	top: 0;
	height: 36em;
	width: 48em;
	Xborder:1px solid white;
}
#partners {
	background-color: var(--main-red-color);
	color: white;
	text-align: center;
	padding: 3.889em 0;
}
#partners h2 {
	margin: 0 0 0.5em;
}
#partners ul {
	margin: 0;
	padding: 0;
	list-style: none;
	grid-gap: 3em;
}
#partners ul li {
	display: inline-block;
	margin: 1em 2em;
}
#supermini {
	padding-top: 5.556em;
	padding-bottom: 10vw;
	text-align: center;
	color: white;
	margin-bottom: calc(-4.278em - 10vw);
}
#supermini h2+p {
	max-width: 42em;
	margin: 0 auto 4em;
}
#supermini a.cta {
	Xfont-weight: bold;
}
#supermini .s-render {
	background: #1D1D1B url(../img/heros/Home_Supermini_Wide.jpg) center / 105em auto no-repeat;
	padding: 18em 0;
	margin: 4em 0 14em 0;
}
#news {
	background-color: #F7F7F7;
	padding: 11.333em 0 8.889em;
	transform: skewY(-10.5deg);
	margin-bottom: -.111em;
}
#news>* {
	transform: skewY(10.5deg);
	margin-bottom: -.111em;
}
#news h2 {
	text-align: center;
	margin-bottom: 1.4em;
}
#news ul {
	list-style: none;
	padding: 0;
	display: flex;
}
#news li {
	flex: 1 1 0%;
	margin-left: 2.787%;
}
#news li:first-child {
	margin-left: 0;
}
#news img {
	width: 100%;
	margin-bottom: 1.2em;
	border-radius:4px;
}
#news .category {
	display: block;
	font-size: .722em;
	margin-bottom: 1.2em;
}
#news .title {
	min-height: 5em;
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(151, 151, 151, .5);
}
#news .title a { font-weight: bold; }
#news .more {
	display: block;
	position: relative;
	color: var(--main-red-color);
	font-size: 1em;
	text-decoration: none;
	padding: 1em 0;
}
#news .more:before {
	font-size: 1.2em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#love {
	padding: 6em 0;
	background-color: white;
	transform: skewY(-10.5deg);
	margin-bottom: -.111em;
}
#love>* { transform: skewY(10.5deg); }
#love h2,
#love h2+div {
	text-align: center;
}
#love h2+div {
	font-size: 1.222em;
	letter-spacing: .02em;
	margin-bottom: 2.955em;
}
.testi-nav {
	display: contents;
	position: relative;
}
.testimonial {
	display: flex;
	justify-content: center;
	position: absolute;
	left: -99em;
	top: -9999em;
}
.testimonial.active {position: static;}
.testimonial .biologo {margin-bottom: 1em;}
.testimonial .biologo img { 
	padding: 0 0 1em;
	max-width: unset;
	height: unset;
	width: 5em;
}
.testi-nav span {
	font-size: 45px;
	position: absolute;
	width: 50px;
	top: 50%;
	opacity: 0.2;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.testi-nav span:hover {
	opacity: 0.5;
}
.testi-nav .icon-chev-l { left: 0; }
.testi-nav .icon-chev-r { right: 0; }
#love section div.biopic {
	margin-right: 2em;
	width: 22.049%;
}
#love section div.biotext {
	position: relative;
	padding-left: 2em;
	width: 50%;
}
#love section div.biotext:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid var(--main-red-color);
}
#love img.bioimage {
	border-radius: 100%;
	border: 19px solid rgba(255, 82, 66, .9);
	max-width: 14.056em;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}
#love blockquote {
	min-height: 13em;
	font-size: 1.1em;
	line-height: 1.7;
	margin-bottom: 3em;
}
#tweets {
	background-color: white;
	transform: skewY(-10.5deg);
	position: relative;
	z-index: 7;
	margin-bottom: -9.5%;
}
#tweets>* {transform: skewY(10.5deg);}
#tweets .tweet {
	color: white;
	background-color: rgba(255, 63, 46, .9);
	padding: 2em;
	flex: 1 1 0%;
	margin-left: 6.25%;
	margin-bottom: -5em;
}
#tweets .tweet:first-child {margin-left: 0;}
#tweets .tweet a {
	font-size: 1em;
}
#tweets .tweet a:hover {
	text-decoration: underline;
}
#tweets .t-text {
	min-height: 3em;
}
#tweets i {
	font-size: 1.5em;
	margin-bottom: 0.8em;
	display: block;
}
#tweets .dashedline {
	background: url(../img/dashedline_s.png) no-repeat center / contain;
	display: none;
	margin: 0;
	background-color: rgba(255, 63, 46, .9);
}
#newsletter {padding-top: 6em;}
@media screen and (min-width: 48.063em) {
	.hero-buttons, #why .content {display: flex;}
	.hero-buttons a {margin-right: 2.222em;}
	#tweets .inner {
		display: flex;
		padding-left: 16.667%;
		padding-right: 16.667%;
	}
}
@media screen and (max-width: 48em) {
	p, .wp-block-button__link, .cta .btn_primary, a.cta {font-size: 100%;}
	.home #hero {
		margin-bottom: 0;
		padding: 6em 0 10em;
	}
	#hero div.text {
		padding-top: 0;
		padding-bottom: 0;
	}
	#hero .head {margin-bottom: 4.5em;}
	#hero .sub_head > * {font-size: 1.3em;}
	.hero-buttons {margin-top: 4.625em;}
	.hero-buttons a {
		display: block;
		margin: 0 0 1.5em;
		text-align: center;
	}
	.hero-buttons .contact_sales {background-color: rgba(255, 255, 255, 0.5);}
	.home #hero div.wp-block-button a,
	.home #hero p.contact_sales a {
		padding: 1em 2em;
		margin: 1em 0 0;
		display: block;
		text-align: center;
	}

	#supermini .s-render { 
		background: #1D1D1B url(../img/heros/Home_Supermini.jpg) center / cover no-repeat;
		padding: 9em 0;
		margin: 3em 0 9em 0;
	}

	#why .inner { padding-top: 5em; padding-bottom: 5em; }
	#why .inner h2 {
		margin-left: -.635%;
		margin-right: -.635%;
	}
	#why .inner p span {white-space: normal;}
	#why .content {margin: 0 16.508%;}
	#why .content section {margin: 0 0 2.5em;}
	#why .content section div {margin: 0 1.5em 1em;}
	#why h2+* {
		margin-bottom: 2em;
		font-size: 100%;
	}
	#why .content section p:first-of-type {
		margin-top: 0em;
	}
	#why2 { overflow: hidden; }
	#why2 .inner>.text { width: unset; }
	#why2_s1 .inner>.text {
		background-color: #1D1D1B;
		color: #fff;
		position: relative;
		padding: 0;
		right: auto;
		width: 100%;
		margin-top: 8em;
	}
	#why2_s1 .inner h2+div:before {
		background-color: #fff;
	}
	#why2_s2 .inner>div {
		color: #fff;
		position: relative;
		padding: 0;
		right: auto;
		width: 100%;
	}
	#why2_s3 .inner>div {
		color: #fff;
		position: relative;
		padding: 0;
		right: auto;
		width: 100%;
		margin-bottom: 1.5em;
	}
	#why2_s1 .animated-schema-1
	 {
		display: none;
	}
	#why2_s1 {margin-bottom: 4em;}
	#why2_s1 .graphic {
		display: flex;
		padding-top: 139.359%;
		width: 90%;
		margin: 3.5em auto 0;
		background: url(../img/graphics/why_s2_1_m.svg) center / contain no-repeat;
	}
	
	#why2_s2 .graphic {
		display: flex;
		height: 45em;
		margin: -6.5em 0 0 0;
		background: url(../img/graphics/why_s2_2_m.svg) center / contain no-repeat;
	}
	#why2_s3 .graphic {
		display: flex;
		height: 25em;
		max-width: 23em;
		margin: 0 auto;
		background: url(../img/graphics/why_s2_3.png) center / cover no-repeat;
	}
	#why2_s2 .animated-schema {
		margin-left: 0;
		margin-bottom: 2em;
	}
	#why2_s2 {
		height:auto;
	}
	
	#why2_s2 .inner  {
	display:block;
	}
	#why2_s2 .animated-schema object {
	Xborder:1px solid white;
	right:0;
	xheight:400px;
	width:140%;
	}
	
	#why2_s3 .animated-schema object {
	position: relative;
	display:block;
	left:0;
	right:0;
	top: 0;
	height:auto;
	width:100%;
	margin-bottom:30px;
	Xborder:1px solid white;
	}
	.thirdimg1 {
		grid-column: 1 / span 12;
		margin-top: 4em;
	}
	.thirdimg2 {
		grid-column: 1 / span 12;
	}
	#why2 .cta { padding-top: 2em; padding-bottom: 2em; }
	#why2 .cta a {
		grid-column: span 12;
		min-width: 100%;
		line-height: 1.4;
		white-space: normal;
		padding:1em;
		box-sizing: border-box;
	}
	#why2 .cta .btn_secondary {
		grid-column: span 12;
		margin: 1.4em 0 0 0;
		min-width: 100%;
		line-height: 1.4;
		white-space: normal;
		padding:1em;
		font-size: 1em;
	}
	#partners ul {
		grid-gap: 1em;
	}
	#partners ul li { margin: 0 auto; }
	#partners ul li:nth-child(8) {
		display: none;
	}
	#partners ul>li>img { width: 80%; }
	#news { padding: 6em 0 5em; }
	#news .title { min-height: 2.2em; }
	#news ul {
		display: block;
		margin: 0 9.523%;
	}
	#news li {margin: 0 0 2.5em;}
	#news .more {padding-bottom: 0;}
	.testi-nav {display: none;}
	.testimonial {display: block;}
	.testimonial > * {width: auto !important;}
	#love h2+div { margin-bottom: 1.5em; }
	#love blockquote, #love p {
		font-size: 1.1em;
		margin: 0;
		padding: 0;
	}
	#love cite { 
		font-size: 1.2em;
		padding: 1em 0 0;
		display: block; }
	#love section div.biopic {
		text-align: center;
		margin: 0 0 1em 0;
	}
	#love section div.biotext {
		position: relative;
		padding-left: 1.2em;
	}
	#love .biologo { min-height: 3em; }
	#tweets {background-color: white;}
	#tweets .inner {
		display: flex;
		flex-direction: column;
	}
	#tweets .tweet {margin: 0;}
	#tweets .tweet:last-child {margin-bottom: -2em;}
	#tweets .tweet:first-child:after {
		display: block;
		bottom: 0;
		position: absolute;
		content: '';
		width: inherit;
		border-bottom: 2px white dashed;
	}
	#tweets .tweet a {
		position: unset;
		bottom: unset;
		font-size: inherit; 
	}
	/*
	#tweets .inner div:not(:first-child) {
		border-top: 2px dashed rgba(255, 255, 255, .9);
	}
	*/
	#tweets i { font-size: 2em; }
	#tweets .t-text { min-height: 6em; }
	#tweets .tweet:not(:first-child) i { display: none; }
	#tweets .dashedline { display: flex; }
	
}
@media screen and (min-width: 23.875em) and (max-width: 48em) {
	#why2_s1 .graphic {padding-top: 29.875em;}
}

@media (max-width:576px) {
	#why2_s2 {
	height:620px;
	margin-bottom: 3em;
	}
	#why2_s2 .animated-schema object {
	right:-40px;
	width:180%;
	}
	#why2_s3 .animated-schema object {
	left:-50px;
	width:130%;
	}
	
}
/***************Banner****************/
.boximage {
	background: #000 url(https://akash-web-prod.s3.amazonaws.com/uploads/2020/04/akash-challenge.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	padding: 3.333em 0 2.778em 0;
	border-radius: .278em;
	margin:-10em 0 8em 0;
	text-align: left;
	min-height: 24.444em;
}
.boximage .btn_secondary {
	color:#fff;
	border-radius: .222em;
	border: 1px solid white;
	font-size: 1.223em;
	line-height: 1;
	padding: .955em 2em;
	display: inline-block;
	text-decoration: none;
    white-space: nowrap;
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.boximage .btn_secondary:hover {
	opacity:.75 !important;
}
.center {
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
@media screen and (max-width: 48em) {
	.boximage {
		min-height:240px;
		background: #000 url(https://akash-web-prod.s3.amazonaws.com/uploads/2020/05/The-Akashian-Challenge-square.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.boximage .btn_secondary {
		margin: 0 15px !important;
	}
}

/*	============================================================
                Announcement
	============================================================	*/
.announcement {
    top:80px;
    left:0;
    width:100%;
    z-index:3;
    display:block;
    position:absolute;
    padding:0 20px 0 20px;
    text-align:center;
    background:rgba(40,40,40,0.8);
    -webkit-animation:fadeIn;
    animation:fadeIn;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    cursor:pointer;
	
	box-sizing:border-box;
}

.announcement .fa {
	color:rgba(255,255,255,0.6);
	float:right;
	font-size: 1.5rem;
	margin:20px 30px 0 0;
}

.announcement .fa:hover {
	color:#AF1917;
}

.announcement p a {
	color:#fff;
}

.announcement p a:hover {
	color:#E30613 !important;
}