/*
Theme Name: Wp Crown
Theme URI: http://forest.themenum.com/wp/crown
Author: Andy Anderson
Description: Here comes the Best Responsive Multipurpose App Landing Theme with Built in 7 Out Standing Trendy Demos with Responsive Crown have the all latest Features with the flexibility of making unlimited layouts using Visual Composer with its flexible elements based on the latest bootstrap framework.The Dark & Light skin of Crown enhances the usability of elements according to your taste and also unlimited color schemes are available. Crown is best in the market to present and promote your product.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: wp-crown

*/

@font-face {
	font-family: "SansationRegular";
	src: url("./fonts/SansationRegular.eot"); /* IE9 Compat Modes */
	src: url("./fonts/SansationRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("./fonts/SansationRegular.otf") format("opentype"), /* Open Type Font */
	url("./fonts/SansationRegular.svg") format("svg"), /* Legacy iOS */
	url("./fonts/SansationRegular.ttf") format("truetype"), /* Safari, Android, iOS */
	url("./fonts/SansationRegular.woff") format("woff"), /* Modern Browsers */
	url("./fonts/SansationRegular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Lato-Bold";
	src: url("./fonts/Lato-Bold.eot"); /* IE9 Compat Modes */
	src: url("./fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("./fonts/Lato-Bold.otf") format("opentype"), /* Open Type Font */
	url("./fonts/Lato-Bold.svg") format("svg"), /* Legacy iOS */
	url("./fonts/Lato-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("./fonts/Lato-Bold.woff") format("woff"), /* Modern Browsers */
	url("./fonts/Lato-Bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

.picto-social {
	margin-right: 78px;
	width: 285px;
	height: 429px;
	float: left;
	position: absolute;
	z-index: 2;
}

.picto-social-fb {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Facebookgris.png');
}

.picto-social-linkedin {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Linkedingris.png');
}

.picto-social-twitter {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Twittergris.png');
}

.picto-social-fb:hover {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Facebookbleu.png');
}

.picto-social-linkedin:hover {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Linkedinbleu.png');
}

.picto-social-twitter:hover {
	background: url('https://www.casyope.fr/spa-pp/wp-content/uploads/2019/02/Twitterbleu.png');
}

.fixed-img {
	
	background-attachment: fixed !important;
	height: 800px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	/* background-size: cover; */
	background-repeat: no-repeat;
	background-size: 100% 90%;
}

#pg-48-2 > .panel-row-style {
	background-color: #FFF;
}

.cool-facts .counter {
	font-family: intro;
	font-size: 42px;
	letter-spacing: 0.3px;
	margin: 0;
	width: 100%;
}

.plus {
	font-family: "Intro";
	font-size: 42px;
	letter-spacing: 0.3px;
	line-height: 1.1;
	color: #0f6296;
}

.elementor-counter {
	font-family: "Intro";
	font-size: 42px;
	letter-spacing: 0.3px;
	line-height: 1.1;
	color: #0f6296;
}

.fixed-img-middle {
	background-image:url(https://www.casyope.fr/spa-pp/wp-content/uploads/2019/03/Fond.png);
	background-attachment: fixed !important;
	height: 400px;
	left: -400px;
	position: relative;
	top: 0px;
	width: 1925px;
	z-index: 0;
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	background-size: 1925px 1000px;
}

.layer-middle  {
	height: 400px;
	position: absolute;
	width: 1925px;
	z-index: 1;
	background: #000;
	opacity: 0.5;
	left: -400px;
}

.fixed-img-middle1 {
	background-image:url(https://www.casyope.fr/spa-pp/wp-content/uploads/2019/03/Fond-produit2.png);
	background-attachment: fixed !important;
	height: 400px;
	left: -400px;
	position: relative;
	top: 0px;
	width: 1925px;
	z-index: 0;
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	background-size: 1925px 1000px;
}

.layer-middle1  {
	height: 400px;
	position: absolute;
	width: 1925px;
	z-index: 1;
	background: #000;
	opacity: 0;
	left: -400px;
}


.fixed-img-middle3 {
	background-image:url(https://www.casyope.fr/spa-pp/wp-content/uploads/2019/03/V3.png);
	background-attachment: fixed !important;
	height: 400px;
	left: -400px;
	position: relative;
	width: 1925px;
	z-index: 0;
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	background-size: 1925px 1000px;
}

.layer-middle3  {
	height: 400px;
	position: absolute;
	width: 1925px;
	z-index: 1;
	background: #000;
	opacity: 0.5;
	left: -400px;
}

.fixed-img-middle2 {
	background-image:url(https://www.casyope.fr/spa-pp/wp-content/uploads/2019/03/V2.png);
	background-attachment: fixed !important;
	height: 500px;
	position: relative;
	width: 1925px;
	z-index: 0;
	background-size: cover;
	opacity: 1;
	left: -400px;
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	background-size: 1925px 1000px;
	margin-top: 60px;
}

.layer-middle2  {
	height: 500px;
	position: absolute;
	width: 1925px;
	z-index: 1;
	background: #000;
	opacity: 0.5;
	left: -400px;
	margin-top: 63px;
}

li.listapuce {
	font-family: roboto;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	color: #565656;
}

.fix-produit {
	position: relative;
	top: -300px;
	z-index: 999;
	left: -300px;
}

.text-fix-produit {
	position: relative;
	top: -670px;
	z-index: 999;
	left: -280px;
	color: #333;
	font-family: Lato-Bold;
	font-size: 30px;
}

.text2-fix-produit {
	position: relative;
	top: -650px;
	z-index: 999;
	left: 850px;
	color: #333;
	font-family: Lato-Bold;
	font-size: 45px;
	line-height: 50px;
}

.text3-fix-produit {
	position: relative;
	top: -650px;
	z-index: 999;
	left: 1000px;
	color: #03A667;
	font-family: Lato-Bold;
	font-size: 30px;
	line-height: 50px;
	visibility: hidden;
}

.fix-bouton {
	position: relative;
	top: -650px;
	z-index: 999;
	left: 1100px;
	visibility: hidden;
}

#pg-48-8 {
	height: 500px;
}

#pg-48-13 {
	margin-top: -450px;
}

#pg-48-14 {
	margin-top: -650px;
}

#pg-48-15 {
	margin-top: -590px;
}

.col-md-12 > h1 {
	visibility: hidden;
}

.fix-title2 > h2 {
	color: #FFF;
	position: absolute;
	z-index: 2;
	margin-top: -410px;
	margin-left: 35%;
	font-family: Intro;
	font-size: 26px;
}

#post-48 {
	display: none;
}

header.sticky .menu > ul > li > a {
	color: #FFF;
}

header.sticky .menublack > ul > li > a {
	color: #000;
}

header.sticky .menuyellow > ul > li > a {
	color: #000;
}

header.sticky .menuyellow > ul > li:hover > a {
	border-color: #fbcb12;
	border-width: 3px;
	border-style: solid;
}

header.sticky .menublue > ul > li > a {
	color: #000;
}

header.sticky .menublue > ul > li:hover > a {
	border-color: #149dd4;
	border-width: 3px;
	border-style: solid;
}

header.sticky .menugreen > ul > li > a {
	color: #FFF;
}

header.sticky .menugreen > ul > li:hover > a {
	border-color: #7eba27;
	border-width: 3px;
	border-style: solid;
}

.menuyellow > ul > li.menu-item-has-children > ul {
	top: 82%;
}

.menuyellow > ul > li.menu-item-has-children > ul a:hover {
	color: #fbcb12;
}

.menublue > ul > li.menu-item-has-children > ul {
	top: 82%;
}

.menublue > ul > li.menu-item-has-children > ul a:hover {
	color: #149dd4;
}

.menugreen > ul > li.menu-item-has-children > ul {
	top: 82%;
}

.menugreen > ul > li.menu-item-has-children > ul a:hover {
	color: #7eba27;
}

.inner-head {
	visibility: hidden;
}

.heading > span {
	display: none;
}

p {
	text-align: justify;
	text-justify: inter-word;
	font-family: Lato-Bold;
	color: #777777;
}

div > ul > li {
	text-align: justify;
	text-justify: inter-word;
	font-family: Lato-Bold;
	color: #777777;
}

.elementor-heading-title {
	font-family: Intro;
}

.menu > ul > li > a {
	font-family: Lato-Bold;
}

.menu > ul > li.menu-item-has-children > ul a {
	font-family: Lato-Bold;
}

h1 {
	font-family: Lato-Bold;
}

.menu > ul > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}


@media only screen and (min-width: 1883px) {
	.fixed-img {

		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1880px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1780px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1658px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1574px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1470px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1370px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1270px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 1170px) {
	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}
}

@media only screen and (max-width: 970px) {
	#pg-48-3 > .heading {
		margin-top: -300px;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
	}

	.text2-fix-produit {
		display: none;
		position: relative;
		top: -650px;
		z-index: 999;
		left: 850px;
		color: #333;
		font-family: Lato-Bold;
		font-size: 45px;
		line-height: 50px;
	}
}

@media (max-width: 880px) {
	.heading {
		position: absolute;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
		background-position: 55% 0%;
	}

	header.sticky .menu > ul > li > a {
		color: #000;
	}
}

@media (max-width: 780px) {
	.heading {
		position: absolute;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
		background-position: -250px 0%;
	}

	header.sticky .menu > ul > li > a {
		color: #000;
	}

}

@media (max-width: 680px) {
	.heading {
		position: absolute;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 700px;
		background-position: 55% 0%;
	}

	header.sticky .menu > ul > li > a {
		color: #000;
	}

}

@media (max-width: 580px) {
	.heading {
		position: absolute;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-repeat: no-repeat;
		background-size: 100% 700px;
		background-position: 55% 0%;
	}

	header.sticky .menu > ul > li > a {
		color: #000;
	}

}

@media (max-width: 480px) {
	.heading {
		position: absolute;
	}

	.fixed-img {
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-repeat: no-repeat;
		background-size: 100% 700px;
		/* background-position: 55% 0%; */
		background-position: -450px 0px;
	}

	header.sticky .menu > ul > li > a {
		color: #000;
	}

}

/*
@media only screen and (device-width: 768px) {
  	//For general iPad layouts
	.fixed-img {
		//V1-1.png
		background-attachment: fixed !important;
		height: 800px;
		position: absolute;
		width: 100%;
		z-index: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
}
*/