@keyframes counter {
	from{transform: translateY(-100%);}
	to {transform: translateY(0%);}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	50%{opacity: 1;}
}

a:visited, a:hover, a:focus {color:inherit;}
.dark a:visited, .dark a:hover, .dark a:focus {color:white;}
section h2,
section h3,
section h4 {
	text-align: center;
}
.block{display: block;}
.dark {
	background-color: #333;
	color:white;
}
.dark * {
	color: inherit;
}

.wahoo-line {
	display: inline-block;
	width: auto;
	max-width: 50%;
	vertical-align: top;
}
.slider-container {
	position: relative;
	margin-bottom: 2em;
}
.button	{
	background: #f36 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1em;
	padding: 1.25em 3em;
	width: auto;
	text-transform: uppercase;
	transition: background 0.3s ease 0s;
}
.button.btn-grey {background-color:#6c7980;}
.button:active {color:inherit;}

button.slick-prev:active, button.slick-next:active,
button.slick-prev:focus, button.slick-next:focus {
	border:none;
	box-shadow: none;
}

.zoomIn {
	animation:.5s zoomIn;
}

.loading-circle {animation:rotate 2s linear infinite;transform-origin:center center;margin:auto}
@keyframes rotate {
	100%{transform:rotate(360deg)}
}
.path {stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#fff}
@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}
}

.stack-close {
	opacity: .1;
}
.modal__dialog:hover .stack-close{
	opacity: 0.5;
}
.modal__dialog .stack-close:hover{
	opacity: 1;
}

.main-logo {
	background-image: url('../images/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
.main-logo_legend {
	margin-top: -1.5em;
	margin-bottom: 0;
	color:#fff;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: initial;
	text-shadow: 0 0 10px #333;
}
#stack-banner{height: 90vh;}
#stack-banner .stack-header-overlay{opacity: .4 !important;}
#bannertext h1 {font-size: 5em;}
#bannertext h1.main-logo{min-height: 150px;}
section.testimonial {
	padding-top: 2em;
}

.testimonial .flag {
	margin: 0 .25em;
	max-height: .8em;
	vertical-align: baseline;
}

.slick-arrow:before,.slick-arrow:after{
	font-family: "FontAwesome";
	color:#333;
}
.slick-prev:before {content:"\f0d9";}
.slick-next:before {content:"\f0da";}

.nav a:hover {
	color:#f36;
}

.store-logo {
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	margin-left: -1.25em;
	margin-right: .5em;
	background: url('../images/playstore.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;

}

#video-testimonials .phone {
	position: absolute;
	top: -2.5em;
	bottom: -2.5em;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	/*height: 100%;*/
	background: transparent url(../images/android-phone.png) no-repeat center/contain;
	z-index: 2;
	/*pointer-events: none;*/
	max-width: 260px;
	/*max-height: 480px;*/
}

#video-testimonials .phone-slider {
	position: relative;
	max-width: 90%;
	margin: 3em auto;
}
#video-testimonials .video-player {
	position: relative;
	width: 305px;
	height: 100vh;
	max-height: 667px;
	text-align: center;
	opacity: .7;
	background-image: url(../images/android-phone-black.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.video-player .rdfb-video .image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 255px;
	max-height: 485px;
}
.video-player .loading{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	height: 5em;
	width: 5em;
	margin: auto;
	padding: 1em 1.5em;
	color: white;
	border: 2px solid white;
	border-radius: 100%;
}


#video-testimonials .video-player .fb-video span {
	margin-top: 5em;
}

/* fix-FB bug*/
.fb_iframe_widget_fluid_mobile iframe {margin-top:-44px !important;}

#video-testimonials .video-player.slick-current {
	opacity: 1;
}

/*
#video-testimonials .video-player .rdfb-video {pointer-events: none;}
#video-testimonials .video-player.slick-active .rdfb-video {pointer-events: all;}
*/

#winner-testimonials {
	background-color: #f7f7f7
}
.winner {
	margin: 1em 2em;
}
#winner-testimonials .winners-slider {
	max-width: 90%;
	margin: auto;
}
.winner blockquote{
	margin-right: 0;
	margin-left: 0;
	margin-top: 1em;
	padding: 0;
}
.winner blockquote:before{
	display: none;
}
#winner-testimonials .winner cite {
	display: block;
	margin-top: .5em;
	font-size: 1em;
	text-align: right;
}
.winner cite img{display: inline;}

blockquote:after {
	content: "\f10d";
	position: absolute;
	left: 100%;
	bottom: 1em;
	font-size: 4em;
	font-family: FontAwesome;
	color: #bbb;
	opacity: .35;
	transform: rotateY(180deg);
	transform-origin: left;
	z-index: -1;
}
section#winner-testimonials .portrait {
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 350px;
	max-height: 250px;
}

section#winner-testimonials .portrait img{
	border-radius: 3px;
	max-width: 100%;
	max-height: 240px;
	margin: auto;
}

#device-switcher {margin-bottom:2.5em;}
#device-switcher li {min-width: 20%}
#device-switcher a {
	position: relative;
	display: block;
	padding: .75em 2em 0;
	font-size: 1.125em
}
#device-switcher a small {
	position: absolute;
	top: -.75em;
	font-size: .5em;
}
#device-switcher .legend {
	display: none;
	position: absolute;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	font-size: .9em;

}
#device-switcher a:hover+.legend{
	/*display: block;
	color:white;*/
}

.number {
	display: inline-block;
	position: relative;
	height: 1.16em;
	margin: 0;
	overflow: hidden;
	line-height: 1.1;
	vertical-align: sub;
}
.number .one_digit.point {width: .25em;}
.number .one_digit {
	position: relative;
	width: .57em;
	float: left;
	text-align: center;
}
.number.animate .one_digit {
	animation: counter 2s 1;
}

#added-value {
	background-color: #f7f7f7;
	text-align: center;
	padding-left:1em;
	padding-right:1em;
}
#added-value * {color:#333;}
#added-value ul {
	margin-left:0;
	padding-left: 0;
}
#added-value ul li {
	font-size: 1.125em;
	padding: 1em 0;
	color:#666;
	text-align: left;
	list-style-type: none;
}
#added-value ul li:before {
	content:"\f111";
	display: inline-block;
	margin-right: 1em;
	font-family: "FontAwesome";
	font-size: 1.25em;
	vertical-align: baseline;
	color: rgba(39,155,238,.25);
}
#added-value ul li:hover:before {color:#279bee;}
#faq {text-align: center;}
#faq .wahoo-line{
	margin: 1em 1em .5em;
	padding: 1em;
	text-align: left;
}

.team-members {text-align: center;}
.team-member {
	display: inline-block;
	max-width: calc( 25% - 2em );
	margin: 1em;
}
.team-member img{
	border-radius: 100%;
	max-width: calc( 160px - 2em );
	margin: 1em auto;
}
.team-member__name {
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #000;
}
.team-member__title {
	display: block;
}

#statistics{
	padding-left: 1.5em;
	padding-right: 1.5em;
}
#statistics .buttons {text-align: center;}

#infos{
	padding: 2em 0 4em;
	text-align: center;
}
#infos h2 img{
	max-height: 120px;
}
#infos .wahoo-line {width: 100%;}
#infos .wahoo-line span.fa {color: #333;}
#infos .wahoo-line h4 {
	margin-top: 1em;
	margin-bottom: .5em;
	color: #333;
}
#infos .wahoo-line p {
	width: 90%;
	margin: auto;
	color:#666;
}

footer.site-footer{
	padding: 1em 0;
	text-align: center;
}
footer.site-footer a{
	width: 2em;
	margin: 1em;
}

footer.site-footer .footer-logo {
	max-width: 200px;
	display: block;
	margin: 1em auto -.5em;
}
footer.site-footer p{vertical-align: bottom;}

.col-lg-3 {
	max-width: calc(33% - 2em);
}
.col-lg-2 {
	width: calc(50% - 2em);
}
.gallery--item {
	display: inline-block;
	max-width: 25%;
	padding: .25em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}
.gallery--item .caption{
	min-height: 4em;
	margin-bottom: 1em;
	max-width: 225px;
}
.gallery--item img{margin: 0;}

.video-player .rdfb-video .image {
	max-width: 87.5%;
	max-height: 62.5%;
}

.video-player .rdfb-video .image.ms {
	width: 87.5%;
	background-size:contain;
}

@media (min-width: 910px) and (max-width: 1100px ) {
	.video-player .image {
		width: 87.5%;
		height: 62.5%;
	}
}

@media screen and (max-width: 960px) {
	.col-md-2 {max-width: calc(50% - 2em)}
	#added-value ul {
		margin: auto;
		padding: 0;
	}
}

@media screen and (max-width: 750px) {
	section.testimonial .quote {max-width: inherit;}
}

@media screen and (max-width: 600px){
	/*.video-player {
		margin-top: -20px;
	}*/
}

@media screen and (max-width: 480px) {
	#team{
		padding-left: .25em;
		padding-right: .25em;
	}
	.button {
		display: block;
		margin: .5em auto;
		width: 90%;
	}
	.col-sm-1 {
		max-width: calc(100% - 2em);
		width: calc(100% - 2em);
	}
	.col-sm-1:not(:first-of-type) {
		margin-top: 2em;
	}
	#bannertext span {margin-top: 1em;}
	#bannertext .main-logo {margin-top: 1em;}
	#video-testimonials .video-player .fb-video span {width: 85% !important;}
	/*#video-testimonials .video-player .image {max-width: 240px;max-height: 440px;}*/
	.gallery .gallery--item{max-width: 100%}
}

.animsition-loading {
	background-color: rgba(255,255,255,.95);
}