html {
  --sans: 'Nunito Sans', -apple-system, system-ui, sans-serif;
  --rounded: 'Nunito', -apple-system, system-ui, sans-serif;
}

.element {
  font-family: var(--system-ui);
}


/* reset bootstrap containers  */
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 960px; 
	}
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 960px; 
	}
}

html, body {
	overflow-x: hidden;
    font-size: 1rem;
  	font-family: var(--sans);
}

@media (max-width: 374px) {
	html, body {
		font-size: 0.8rem;
	}
}

body {
	background: #FFFFFF url("/img/bg.svg") top center repeat-y;
	background-size: 200% 100%;
	background-attachment: scroll;
}

@media (max-width: 767px) {
	body {
/*		background-color: #C1DEFD;*/
		/*background-color: #C7DEFB;*/
	}
}

p, li {
	color: #626266;
}

a:hover, a#contact {
	color: #E15928;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--bs-dark);
	font-weight: 800;
}

h1 {
	color: white;
	font-family: var(--rounded);
}

h1 span {
	display: none;
}

h2 {
	color: white;
	font-size: 2rem;
	line-height: 2.5rem;
}

h2 span {
	color: #fe641d;
}

h3 {
	font-size: 2rem;
	line-height: 2.5rem;
}

ul.icons div h4, ul.icons div p {
	display: inline;
}

ul.media {
	cursor: default;
	padding-left: 0;
	text-align: right;
}

ul.media li {
	height: 1.75rem;
	list-style: none;
	display: inline-block;
	margin-left: -0.25rem;
}

ul.media a {
	text-decoration: none;
	width: 1.8125rem;
	height: 1.75rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.75rem;
}

ul.media a:hover span {
	text-decoration: underline;
}

ul.media a:hover img {
	transform: scale(1.2);
}

ul.media li a img {
	max-height: 1.75rem;
	max-width: 1.75rem;
	display: block;
	vertical-align: bottom;
	transition: transform 0.2s;
}

ul.media li.assets a {
	width: auto;
}

ul.media li.assets a:hover {
	background: none;
}

ul.media li a span {
	display: none;
}

ul.media li.assets a span {
	display: inline-block;
	color: white;
	font-weight: 700;
	font-size: 0.93rem;
	margin-top: 0.2rem;
	margin-left: 0.325rem;
	margin-right: -0.3rem;
	padding: 0 0.3rem;
}

a.download {
	display: inline-block;
}
a.download img {
	transition: transform 0.2s;
}
a.download:hover img {
	cursor: pointer;
	transform: scale(1.05);
}

footer a.download:hover img {
	transform: scale(1.03);
}

body.simple {
	background: #FFFFFF;
}

body.simple h1 {
	color: var(--bs-dark);
}

body.simple h2 {
	color: var(--bs-dark);
	padding-top: 3rem;
	padding-bottom: 2rem;
	font-size: 2.625rem;
}

body.simple h3 {
	margin-top: 2rem;
}

/* header  */

div.header h1 {
	cursor: default;
	font-size: 1.5rem;
	line-height: 2.4rem;
}

div.header h1 span {
	font-size: 1.4375rem;
	font-weight: 300;
}

div.header h1 img, div.header .dl img  {
	height: 2.25rem;
	vertical-align: top;	
/*	margin-bottom: -0.125rem;*/
}

div.header img.appstore_top {
	height: 3.75rem;
}

/* top hero background */

div.top {
	background: #000000 url("/img/heroimage@2x.jpg") no-repeat;
	background: url("/img/heroimage@2x.jpg") no-repeat -140vw top, 
	/*			linear-gradient(90deg,  black calc(50% - min(50%, 1000px)),
										transparent min(50%, calc(50% - min(50%, 1000px) + 10%)),
									   	transparent max(50%, calc(50% + min(50%, 1000px) - 10%)), 
									   	black calc(50% + min(50%, 1000px))),*/
				url("/img/heroplaceholder.png") repeat-x, 
				#000000 linear-gradient(0, #000 40%, #7E7E7E 70%, #A2A2A2 80%, #A2A2A2 100%) repeat-x;

	background-size: auto 120vw;
	background-position: , top center;
	background-attachment: all;
}

div.top p {
	font-size: 1rem;
	line-height: 1.5rem;
	color: white;
}

div.hero {
	padding-top: calc(40vw);
}

div.accolades {
/*	margin-top: 4rem;*/
	margin-bottom: 5rem;
	margin-left: 0;
	margin-right: 0;
}

.accolade {
/*	background: blue;*/
	text-decoration: none;
	padding-top: 0.1rem;
	/*background: linear-gradient(90deg, #212121e6 0%, #21212133 50%, #21212188 100%),
				#212121 url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat;*/
				


	border-radius: 1.25rem;
	text-align: center;

	max-width: calc(12.5rem - var(--bs-gutter-x) * 0.125);
	width: calc(50% - var(--bs-gutter-x) * 0.15);

	height: calc((6.875rem - 0.5rem) / 2);
	margin-right: calc(var(--bs-gutter-x) * -1);
}



/*.accolade:hover {
	background: linear-gradient(90deg, #212121e6 0%, #21212133 50%, #21212188 100%),
				#212121 url("/img/diagonalgradient.png") calc((100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat;
	transition: background ease-out 0.8s;
}*/

@media (min-width: 768px) {
	
	div.hero {
		padding-top: 0;
	}

	div.top {
		background: url("/img/heroimage@2x.jpg") no-repeat -140vw top, 
				linear-gradient(90deg,  black calc(50% - min(50%, 1000px)),
										transparent min(50%, calc(50% - min(50%, 1000px) + 10%)),
									   	transparent max(50%, calc(50% + min(50%, 1000px) - 10%)), 
									   	black calc(50% + min(50%, 1000px))),
				url("/img/heroplaceholder.png") repeat-x, 
				#000000 linear-gradient(0, #000 40%, #7E7E7E 70%, #A2A2A2 80%, #A2A2A2 100%) repeat-x;
	}

	div.top, div.top > div {
		min-height: 760px;
	}

	div.accolades {
		margin-top: 0;
		margin-bottom: 5rem;
		margin-left: calc(var(--bs-gutter-x) * -.5);
		margin-right: calc(var(--bs-gutter-x) * -.5);
	}

	.accolade {
		max-width: auto;
		width: auto; 
/*		10.375rem;*/
	}
}
@media (min-width: 992px) {
	.accolade {
/*		width: 11.25rem;*/
	}

	div.accolades {
		margin-bottom: 5rem;
	}
}

.accolade h4 {
	font-weight: 700;
	font-size: 0.58rem;
	color: white;
	margin-bottom: 0.1rem;
}


@media (min-width: 420px) {	
	.accolade h4 {
		font-size: 0.65rem;
	}
}


.accolade h5 {
	font-weight: 400;
	font-size: 0.55rem;
	opacity: 0.5;
	color: white;
	margin-bottom: 0;
}

.accolade h5 img {
	vertical-align: 0;
	margin-right: 0.1rem;
	height: 0.5rem;
}

.accolade .title > img {
	height: 2rem;
	padding: 0;
}


/*aoty*/

a.award-top {
/*	background: red;*/
	
	text-decoration: none;
	border-radius: 1.25rem;
	text-align: center;
	height: 6rem;

  width: calc(25rem + var(--bs-gutter-x) * 0.25 * 0);

	padding-top: 5rem;

	margin-left: 0;
}

a.award-top .title {
/*	  width: calc(var(--bs-gutter-x) * .25 + 1.5*12.5rem);*/
}

a.award-top .title,
a.award-top .title > * {
	transition: all 0.6s cubic-bezier(.36, 1.99, .46, 1);
}

/*a.award-top:hover .title {
	transform: scale(0.994);
	transition: transform 0.4s ease-out;
}*/

a.award-top:hover .title {
	transform: scale(1.01);
	transition: transform 0.45s ease-out;
}

a.award-top:hover .title > div {
	transform: scale(1.02);
	transition: transform 0.45s ease-out;
}

a.award-top *, .accolade * {
	pointer-events: none;	
} 



a.aoty-top {
	/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat,
				linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
				url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat,
				linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);*/
	border: 0px solid #153094;
}

a.aoty-top.shine-active {
	/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat, 
				linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
				url("/img/diagonalgradient.png") calc((100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat,
				linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);	*/
	
	transition: background ease-out 0.9s;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	a.aoty-top {
		/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: 
					url("/img/gravel.png") center/100px repeat, 
					linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
					url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 50% / 150% calc(200%) no-repeat,
					linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);*/
	}

	a.aoty-top.shine-active {
		/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: 
					url("/img/gravel.png") center/100px repeat, 
					linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
					url("/img/diagonalgradient.png") calc((100/(100 - 150) * 100%)) 50% / 150% calc(200%) no-repeat,
					linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);	*/
	}
}


a.ada-top {
	/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(181,186,189,0.3) 100%),
				url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%);*/
	border: 0px solid #153094;
}

a.ada-top.shine-active {
	/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat, 
				linear-gradient(90deg, rgba(4,28,105,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(9,72,205,0.3) 100%),
				url("/img/diagonalgradient.png") calc((100/(100 - 150) * 100%)) 0 / 150% 100% no-repeat,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%);*/
	
	transition: background ease-out 0.9s;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	a.ada-top {
		/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: 
					url("/img/gravel.png") center/100px repeat, 
					linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(181,186,189,0.3) 100%),
					url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 50% / 150% calc(200%) no-repeat,
					linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%);*/
	}

	a.ada-top.shine-active {
		/*background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: 
					url("/img/gravel.png") center/100px repeat, 
					linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(181,186,189,0.3) 100%),
					url("/img/diagonalgradient.png") calc((100/(100 - 150) * 100%)) 50% / 150% calc(200%) no-repeat,
					linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%);*/
	}
}

@media (min-width: 768px) {	
	a.award-top {
		width: auto;
/*		width: 21.25rem;*/
/*		margin-left: 0.75rem;*/
		height: 6.875rem;
	}

	div.accolade-list {
		width: 43.75rem;
	}

	.accolade h4 {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}

@media (min-width: 992px) {
	a.award-top {
/*		width: 23rem;*/
	}

	div.accolade-list {
		width: auto;
/*		47rem;*/
	}
}


.award-top h4 {
	font-weight: 700;
	font-size: 0.9125rem;
	color: white;
	margin-bottom: 0.1rem;
}

.award-top h5 {
	font-weight: 400;
	font-size: 0.7625rem;
	opacity: 0.5;
	color: white;
	margin-bottom: 0;
}

.award-top h5 img {
	vertical-align: 0;
	margin-right: 0.1rem;
	height: 0.7rem;	
}

.award-top .title > img {
	height: 3.125rem;
	padding: 0;
}

.aoty-logo {
/*	width: 4rem;*/
	height: 4rem;
	margin-top: -3.5rem;
	margin-bottom: -13%;
	padding: 0;
}


@media (min-width: 768px) {

	.aoty-logo {
		width: 22%;
		height: 22%;
		margin-top: -16%;
	}

	div.top {
		height: 930px;
		background-position: 57% top;
		background-size: auto 740px;
		background-attachment: all;
	}

	/*div.top > div > div:last-child {
		margin-top: 15vh;
		margin-bottom: min(15vh, 30vw);
	}
*/
	h2 {
	  font-size: 3rem;
	  line-height: 3.5rem;
	}
	div.top p {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
}

@media (min-width: 992px) {
	div.top {
		height: 870px;
		background-position: center top;
	}
}

/* icons */

ul.icons {
	padding-left: 0;
}

ul.icons li {
	list-style: none;
	margin-top: 1.5rem;
}

ul.icons li h4, ul.icons li p {
	font-size: 1.125rem;
}

ul.icons li h4 {
	font-weight: 700;
}

div.understand img {
	width: 156%;
	margin: -20% -26% -10%;
}

@media (min-width: 768px) {
	div.understand img {
		width:  154%;
		margin: -35% -100% -40% -24%;
	}
}

@media (min-width: 992px) {
	div.understand img {
		width:  153.51%;
		margin: -19.74% -100% -40% -23.905%;
	}
}

div.understand {
	background: #FFFFFF;
	background: linear-gradient(180deg, rgba(242,242,247,1) 0%, rgba(255,255,255,0) 100%), #FFFFFF;

}

div.asseen div.container, div.notleft div.container {
	background: #f2f2f7 url("/img/gravel.png") center repeat;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	div.asseen div.container, div.notleft div.container {
		background-size: 100px;
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	div.asseen div.container {
		background-size: 66.6px;
	}
}

ul.asseen {
	padding-left: 0;
	text-align: center;
}

ul.asseen li {
	list-style: none;
	display: inline-block;
	padding: 0.15rem 0.3rem;
}

ul.asseen img {
	height: 1.1rem;
	transition: transform 0.2s;
}

ul.asseen a {
	display: table-cell;
	text-decoration: none;
	vertical-align: bottom;
}

ul.asseen a:not(.inactive):hover img {
	transform: scale(1.1);
}

ul.asseen li a span {
	display: none;
}

/* watch tracker  */

div.watchtracker img {
	width: 134%;
	margin: -4% -17% -8%;
}

@media (min-width: 768px) {

	ul.asseen li {
		padding: 0.6rem 0.87rem;
	}

	ul.asseen img {
		height: 1.4rem;
	}

	div.watchtracker img {
		width: 138%;
		margin: -8% -5% 0%;
	}
}


@media (min-width:992px) {

	div.watchtracker img {
		width: 138.3%;
		margin: 0% -5.054% -18%;
	}

	div.understand {
		padding-bottom: 5.5rem;
	}
}


/*
@media (max-width: 767px) {
	.carousel-inner .carousel-item > div {
		display: none;
	}
	.carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}*/

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

.carousel-inner {
	overflow: visible;
}

#carouselReviews {
	transform: translateX(-100%);
}

#carouselReviews .carousel-item > .review-card > div {
	background: white;
	height: 100%;
	border-radius: 1.5rem;
	padding: 1.25rem;
}

#carouselReviews p {
	font-size: 0.9375rem;
	line-height: 1.125rem;
	color: black;
}

#carouselReviews h5 {
	font-weight: 700;
	font-size: 0.9375rem;
	line-height: 1.25rem;
	vertical-align: top;
	margin-bottom: 0;
	max-width: 100%;
}

#carouselReviews img {
	padding-bottom: 0.1rem;
}

#carouselReviews span {
	font-size: 0.9375rem;
	line-height: 1.25rem;
	text-align: right;
	vertical-align: top;
	color: #3c3c4399;
}

.carousel-control-prev,
.carousel-control-next {
	 position: relative;
	 left: auto;
	 right: auto;
	 
	 width: 1.5rem;
	 height: 1.5rem;
	 background: url('data:image/svg+xml;utf8,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M12.5857143,24.9257812 C19.3825893,24.9257812 24.9607143,19.3359375 24.9607143,12.5390625 C24.9607143,5.75390625 19.3708705,0.1640625 12.5857143,0.1640625 C5.78883929,0.1640625 0.210714286,5.75390625 0.210714286,12.5390625 C0.210714286,19.3359375 5.80055804,24.9257812 12.5857143,24.9257812 Z M19.019308,12.5390625 C19.019308,13.0078125 18.8435268,13.3710938 18.503683,13.6875 L14.2966518,17.71875 C14.0154018,17.9882812 13.7458705,18.1054688 13.3708705,18.1054688 C12.691183,18.1054688 12.1989955,17.5898438 12.1989955,16.875 C12.1989955,16.5234375 12.3513393,16.1835938 12.597433,15.9726562 L14.003683,14.7070312 L15.222433,13.8046875 L12.8083705,13.9453125 L7.46462054,13.9453125 C6.69118304,13.9453125 6.14040179,13.3359375 6.14040179,12.5390625 C6.14040179,11.7421875 6.69118304,11.1328125 7.46462054,11.1328125 L12.8083705,11.1328125 L15.222433,11.2851562 L13.9685268,10.3710938 L12.597433,9.1171875 C12.363058,8.89453125 12.1989955,8.5546875 12.1989955,8.203125 C12.1989955,7.5 12.691183,6.99609375 13.3708705,6.99609375 C13.7458705,6.99609375 14.0154018,7.1015625 14.2966518,7.37109375 L18.503683,11.4023438 C18.8552455,11.7304688 19.019308,12.09375 19.019308,12.5390625 Z" fill="white"></path></svg>');
	 background-size: 100%;
	 opacity: 0.618;
}

.awards .carousel-control-prev,
.awards .carousel-control-next {
	 background: url('data:image/svg+xml;utf8,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M12.5857143,24.9257812 C19.3825893,24.9257812 24.9607143,19.3359375 24.9607143,12.5390625 C24.9607143,5.75390625 19.3708705,0.1640625 12.5857143,0.1640625 C5.78883929,0.1640625 0.210714286,5.75390625 0.210714286,12.5390625 C0.210714286,19.3359375 5.80055804,24.9257812 12.5857143,24.9257812 Z M19.019308,12.5390625 C19.019308,13.0078125 18.8435268,13.3710938 18.503683,13.6875 L14.2966518,17.71875 C14.0154018,17.9882812 13.7458705,18.1054688 13.3708705,18.1054688 C12.691183,18.1054688 12.1989955,17.5898438 12.1989955,16.875 C12.1989955,16.5234375 12.3513393,16.1835938 12.597433,15.9726562 L14.003683,14.7070312 L15.222433,13.8046875 L12.8083705,13.9453125 L7.46462054,13.9453125 C6.69118304,13.9453125 6.14040179,13.3359375 6.14040179,12.5390625 C6.14040179,11.7421875 6.69118304,11.1328125 7.46462054,11.1328125 L12.8083705,11.1328125 L15.222433,11.2851562 L13.9685268,10.3710938 L12.597433,9.1171875 C12.363058,8.89453125 12.1989955,8.5546875 12.1989955,8.203125 C12.1989955,7.5 12.691183,6.99609375 13.3708705,6.99609375 C13.7458705,6.99609375 14.0154018,7.1015625 14.2966518,7.37109375 L18.503683,11.4023438 C18.8552455,11.7304688 19.019308,12.09375 19.019308,12.5390625 Z" fill="black"></path></svg>');	 
	 background-size: 100%;
}

.carousel-control-prev {
	transform: scaleX(-1);
}

/* awards are not looping */

#carouselAwards .carousel-inner .carousel-item > .aoty:nth-child(3) {
	transform: translateX(calc(-300%));
}

#carouselAwards .carousel-inner .carousel-item > .ada:nth-child(3) {
	transform: translateX(calc(-300%));
}

#carouselAwards .carousel-inner .carousel-item > .ada:nth-child(2) {
	transform: translateX(-400%);
}

/* medium and up screens */

@media (min-width: 768px) {

/*	 reviews	*/
	#carouselReviews {
		transform: translateX(calc(-100% / 2));
	}

	#carouselReviews .carousel-inner .carousel-item-end.active,
	#carouselReviews .carousel-inner .carousel-item-next {
		transform: translateX(calc(100% / 2));
	}

	#carouselReviews .carousel-inner .carousel-item-start.active, 
	#carouselReviews .carousel-inner .carousel-item-prev {
		transform: translateX(calc(-100% / 2));
	}

	#carouselReviews .carousel-inner .carousel-item-end,
	#carouselReviews .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}


/*	 awards	*/
	#carouselAwards .carousel-inner .carousel-item-end.active,
	#carouselAwards .carousel-inner .carousel-item-next {
		transform: translateX(calc(100% + 1rem));
	}

	#carouselAwards .carousel-inner .carousel-item-start.active, 
	#carouselAwards .carousel-inner .carousel-item-prev {
		transform: translateX(calc(-100% - 1rem));
	}

	#carouselAwards .carousel-inner .carousel-item-end,
	#carouselAwards .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}

	#carouselAwards .carousel-inner .carousel-item > .aoty:nth-child(2),
	#carouselAwards .carousel-inner .carousel-item > .editor:nth-child(2) {
	  margin-left: 1rem;
	}

	#carouselAwards .carousel-inner .carousel-item > .aoty:nth-child(3) {
		transform: translateX(calc(-300% - 1rem));
	}

	#carouselAwards .carousel-inner .carousel-item > .ada:nth-child(3) {
		transform: translateX(calc(-300% - 2rem));
	}

}


@media (min-width: 992px) {
	#carouselReviews {
		transform: translateX(calc(-100% / 3));
	}

	#carouselReviews .buttons {
		transform: translateX(calc(100% / 3));	
	}

	#carouselReviews .carousel-inner .carousel-item-end.active,
	#carouselReviews .carousel-inner .carousel-item-next {
		transform: translateX(calc(100% / 3));
	}

	#carouselReviews .carousel-inner .carousel-item-start.active, 
	#carouselReviews .carousel-inner .carousel-item-prev {
		transform: translateX(calc(-100% / 3));
	}

	#carouselReviews .carousel-inner .carousel-item-end,
	#carouselReviews .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}

}


div.reviews {
	background: #8C8C8C url("/img/reviews@2x.jpg") center bottom no-repeat;
	background-size: auto 110vw;
	background-position: -112vw top;
	background-attachment: all;
	padding: 2.5rem 1rem calc(max(4.375rem, 16vw));
}

@media (min-width: 768px) {
	div.reviews {
		background-position: center top;
		background-size: auto 568px;
		background-attachment: all;
		height: 568px;
		padding-bottom: 0;
		padding-top: 0;
	}
}

@media (min-width: 992px) {
	div.reviews {
		background-position: center top;
	}
}

div.reviews h3 {
	color: white;
	text-align: center;
}

div.gogentler img {
	width: 136%;
	padding: 0;
	margin: -26% -9% -12%;
}

@media (min-width: 768px) {
	div.gogentler img {
		width: 145%;
		margin: -22% -100% -14% -13%;
	}

	div.gogentler {
		margin-bottom: 3.5rem;
	}
}

@media (min-width: 992px) {
	div.gogentler img {
		width: 144.74%;
		margin: -23.905% -100% -22% -17.984%;
	}

	div.gogentler {
		margin-bottom: 4.5rem;
	}
}

.awards .editor {
	background: #f2f2f7 url("/img/gravel.png") center repeat;
}

.awards .aoty {
	background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat, 
				linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
				url("/img/diagonalgradient.png") calc(100% - (100/(100 - 120) * 100%)) 0 / 120% 100% no-repeat,
				linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%),
				white;
}

.awards .aoty.shine-active {
	background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat, 
				linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
				url("/img/diagonalgradient.png") calc((100/(100 - 120) * 100%)) 0 / 120% 100% no-repeat,
				linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%),
				white;

	transition: background ease-out 1.2s 0.2s;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.awards .editor {
		background-size: 100px;
	}
	.awards .aoty {
		background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: url("/img/gravel.png") center/100px repeat,
					linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309400 50%, rgba(9,72,205,0.3) 100%),
					url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 50% / 150% calc(100%) no-repeat,
					linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);
	}

	.awards .aoty.shine-active {
		background: rgb(4,28,105) url("/img/gravel.png") center repeat;
		background: url("/img/gravel.png") center/100px repeat, 
					linear-gradient(90deg, rgba(4,28,105,0.78) 0%, #15309433 50%, rgba(9,72,205,0.3) 100%),
					url("/img/diagonalgradient.png") calc((100/(100 - 190) * 100%) - 0%) 50% / 190% calc(100%) no-repeat,
					linear-gradient(90deg, rgba(4,28,105,1) 0%, rgba(9,72,205,1) 100%);
	}
}

@media (min-width: 768px) {
	.awards .aoty.shine-active {
		transition: background ease-out 1.2s 0.2s;
	}
}
@media (min-width: 992px) {
	.awards .aoty.shine-active {
		transition: background ease-out 1.2s 0.2s;
	}
}

/*asdf*/

.awards .ada {
	background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(181,186,189,0.3) 100%),
				url("/img/diagonalgradient.png") calc(100% - (100/(100 - 150) * 100%)) 50% / 150% calc(100%) no-repeat,
        url("/img/adaGradient.png") center / 100% 100%,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%),
				white;
	border: 0px solid #153094;
}

.awards .ada.shine-active {
	background: rgb(4,28,105) url("/img/gravel.png") center repeat;
	background: url("/img/gravel.png") center repeat, 
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(108,111,116,0.0) 50%, rgba(181,186,189,0.3) 100%),
				url("/img/diagonalgradient.png") calc((100/(100 - 190) * 100%) - 0%) 50% / 190% calc(100%) no-repeat,
        url("/img/adaGradient.png") center / 100% 100%,
				linear-gradient(90deg, rgba(36,36,43,0.78) 0%, rgba(181,186,189,0.3) 100%),
				white;
	
	transition: background ease-out 0.9s;
}

@media (min-width: 768px) {
	.awards .ada.shine-active {
		transition: background ease-out 1.2s 0.2s;
	}
}
@media (min-width: 992px) {
	.awards .ada.shine-active {
		transition: background ease-out 1.2s 0.2s;
	}
}

/*asdfsadf*/

.awards .award {
	padding-top: 8%;
	padding-bottom: 8%;
	text-decoration: none;
}

.awards .award .title {
	text-align: center;
/*	background: blue;*/
}

.awards .title > img {
	height: 3.375rem;
	padding: 0;
}

.awards .award .title h4 {
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 0.125rem;
}

.awards .award .title h5 {
	font-weight: 400;
	font-size: 0.825rem;
	opacity: 0.5;
	margin-bottom: 0;
}

.awards .award .title h5 img {
	vertical-align: 0;
	margin-right: 0.1rem;
	margin-bottom: -0.011rem;
	height: 0.72rem;
}

.awards p {
	color: black;
	font-size: 0.9375rem;
}

@media (min-width: 768px) {

	.awards .title > img {
		height: 5.5rem;
		padding: 0.75rem;
	}

	.awards .award .title h4 {
		font-size: 1.5rem;
	}

	.awards .award .title h5 {
		font-size: 1.25rem;
	}

	.awards .award .title h5 img {
		margin-right: 0.1rem;
		margin-bottom: -0.02rem;
		height: 1.1rem;
	}

	.awards p {
		font-size: 1.125rem;
	}
}

.awards p.author {
	font-weight: 700;
	text-align: left;
}

.editor p.author {
	color: #636366;
}

.aoty p, .ada p {
	color: white;
}

.editor h4 {
	color: #636366
}

.editor h5 {
	color: #131415;
}

.aoty h4, .ada h4 {
	color: white;
}

.aoty h5, .ada h5 {
	color: white;
	opacity: 0.5;
}

div.awards h3 {
	text-align: center;
}

div.allactivities img {
	width: 143%;
	padding: 0;
	margin: 5% -16% -2%;
}

@media (min-width: 768px) {
	div.allactivities img {
		width:  202%;
		margin: -42% -100% -50% -10.5%;
	}
}

@media (min-width: 992px) {
	div.allactivities img {
		width: 207.45%;
		margin: 2.927% -100% -22% -15.428%;
	}
}


div.notleft {
	padding-top: 3rem;
	padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
	div.notleft {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}
}

@media (min-width: 992px) {
	div.notleft {
		padding-top: 0;
		padding-bottom: 5rem;
		margin-top: -0.75rem;
	}
}

/* footer */

body.simple footer {
	background: none;
}

footer.potato h3 {
	font-size: 2.375rem;
	line-height: 3.5rem;
	color: white;
	font-weight: 700;
	width: 18rem;
}

footer.potato h3 img {
	height: 3.375rem;
}

footer.potato a {
	text-decoration: underline;
	transition: color 0.25s;
}

footer.potato a img {
	max-height: min(25vw, 115px);
}

footer span:first-child {
	cursor: default;
}

footer.potato div.container {
	height: 480px;
}

footer.potato {
	background: #000000 url("/img/footer@2x.jpg") center bottom no-repeat;
	background-size: 154vw auto;
	background-position: -25vw top;
	background-attachment: all;
}

@media (min-width: 768px) {

	footer.potato {
		background-position: 45% top;
		background-size: auto 600px;
		background-attachment: all;
	}

	footer.potato h3 {
		font-size: 3rem;
		line-height: 4.375rem;
		width: auto;
	}

	footer.potato div.container {
		height: 600px;
	}

}

@media (min-width: 992px) {
	footer.potato {
		background-position: center top;
	}
}

footer ul.media {
	text-align: center;
}

footer p,
footer a {
	font-size: 0.875rem;
	color: white;
}

body.simple footer p,
body.simple footer a {
	color: var(--bs-dark);;
}


footer div.eu {
	background: #131415;
}
footer div.eu a {
	text-decoration: none;
	color: #aeaeb2;
}

footer div.eu a:hover {
	text-decoration: underline;
}