/*
Theme Name: Vast Sondeve
Description: Theme enfant de Vast pour Sondeve
Author: Sofiane - Sondeve
Author URI: https://www.sondeve.com
Template: vast
Version: 0.1.0
*/
/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/
*/

.breadcrumbs {
    display: none;
}

#stripes,
#stripes span {
	position: absolute
}

#stripes {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	margin-top:0%;
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%)
}

#stripes span {
	height: 40px
}

#stripes :first-child {
	width: 50%;
	left: 50%;
	top: 40px;
	background: #4c29ff
}

#stripes :nth-child(2) {
	width: 14%;
	right: 0;
	bottom: 40px;
	background: #2be7ff
}

#stripes :nth-child(3) {
	width: 25%;
	bottom: 0;
	right: 0;
	background: #a1ffc8
}

@media (min-width:670px) {
	#stripes span {
		height: 150px
	}
	#stripes :first-child {
		top: 0;
		background: #4750ff
	}
	#stripes :nth-child(2) {
		width: 16.66667%;
		width: calc(100% / 6);
		top: 300px;
		top: calc(150px * 2);
		bottom: auto;
		background: #0dcfff
	}
	#stripes :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		right: auto;
		background: #11bdff
	}
}

@media (min-width:880px) {
	#stripes span {
		height: 190px
	}
	#stripes :first-child {
		width: 33.33333%;
		width: calc(100% / 3);
		left: -16.66666%;
		left: calc(calc(calc(100% / 3) / 2) * -1);
		background: #53f
	}
	#stripes :nth-child(2) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 0;
		left: 16.66666%;
		left: calc(calc(100% / 3) / 2);
		right: auto;
		background: #4553ff
	}
	#stripes :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		left: 49.99999%;
		left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
		bottom: auto;
		background: #4f40ff;
		opacity: 0.3;
	}
	#stripes :nth-child(4) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 380px;
		top: calc(190px * 2);
		right: -16.66666%;
		right: calc(calc(calc(100% / 3) / 2) * -1);
		background: #25ddf5
	}
	#stripes :nth-child(5) {
		width: 33.33333%;
		width: calc(100% / 3);
		bottom: 0;
		background: #1fa2ff
	}
}

#stripesoranges,
#stripesoranges span {
	position: absolute
}

#stripesoranges {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	margin-top:0%;
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%)
}

#stripesoranges span {
	height: 40px
}

#stripesoranges :first-child {
	width: 50%;
	left: 50%;
	top: 40px;
	background: #4c29ff
}

#stripesoranges :nth-child(2) {
	width: 14%;
	right: 0;
	bottom: 40px;
	background: #2be7ff
}

#stripesoranges :nth-child(3) {
	width: 25%;
	bottom: 0;
	right: 0;
	background: #a1ffc8
}

@media (min-width:670px) {
	#stripesoranges span {
		height: 150px
	}
	#stripesoranges :first-child {
		top: 0;
		background: #4750ff
	}
	#stripesoranges :nth-child(2) {
		width: 16.66667%;
		width: calc(100% / 6);
		top: 300px;
		top: calc(150px * 2);
		bottom: auto;
		background: #0dcfff
	}
	#stripesoranges :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		right: auto;
		background: #11bdff
	}
}

@media (min-width:880px) {
	#stripesoranges span {
		height: 190px
	}
	#stripesoranges :first-child {
		width: 33.33333%;
		width: calc(100% / 3);
		left: -16.66666%;
		left: calc(calc(calc(100% / 3) / 2) * -1);
		background: #53f
	}
	#stripesoranges :nth-child(2) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 0;
		left: 16.66666%;
		left: calc(calc(100% / 3) / 2);
		right: auto;
		background: #4553ff
	}
	#stripesoranges :nth-child(3) {
		width: 33.33333%;
		width: calc(100% / 3);
		left: 49.99999%;
		left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
		bottom: auto;
		background: #4f40ff
	}
	#stripesoranges :nth-child(4) {
		width: 33.33333%;
		width: calc(100% / 3);
		top: 380px;
		top: calc(190px * 2);
		right: -16.66666%;
		right: calc(calc(calc(100% / 3) / 2) * -1);
		background: #25ddf5
	}
	#stripesoranges :nth-child(5) {
		width: 33.33333%;
		width: calc(100% / 3);
		bottom: 0;
		background: #1fa2ff
	}
}

.iframe-iphone-quiz{
	z-index: 3;
	position: absolute;
	width: inherit;
	max-width: 311px;
	height: 650px;
	/* top: 48px; */
	/* left: 25px; */
	border-radius: 25px;
	overflow-y: auto;
	margin-right: 20px;
	margin-top: 25px;
	margin-left: 1px;
	}

._ngtox {
	zoom: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-image: url(https://sondeve.com/wp-content/uploads/2019/04/phone_1x1.png);
    background-position: 0 0;
    /* background-size: 454px 618px; */
    -webkit-flex-basis: 454px;
    -ms-flex-preferred-size: 454px;
    flex-basis: 454px;
    height: 600px;
    /* margin-left: -35px; */
    /* background-repeat: no-repeat; */
    /* margin-right: -15px; */
    display: block;
    /* float: right; */
    /* width: 515px; */
    background-repeat: no-repeat;
    background-size: 100%;
    width: 347px;
}

._a8pmp {
    margin: 0px 0 0 53px;
    position: relative;
}

.classdetest{
	width:40px;
}