/**
Theme Name: Protected
Author: Yallah Web
Author URI: https://www.yallah-web.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: protected
Template: astra
*/

/* Reset for Beaver Builder
--------------------------------------------- */
.fl-builder-edit button,
.fl-builder-edit input,
.fl-builder-edit select,
.fl-builder-edit textarea {
	font-size: inherit;
	text-transform: initial;
}

.fl-builder-edit button:hover,
.fl-builder-edit button:focus {
	background-color: inherit;
}

/* 
--------------------------------------------- */
.grecaptcha-badge {
	visibility: hidden;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
	line-height: 2.5rem;
}

.espace-client a {
	background: transparent linear-gradient(180deg, #2e3c87cc 0%, var(---2e3c87) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #2e3c87cc 0%, #2e3c87 100%) 0% 0% no-repeat padding-box;
	color: #fff !important;
}

.obtenez-protected a {
	background: transparent linear-gradient(180deg, var(---fbcd73) 0%, var(---f8ab16) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #fbcd73 0%, #f8ab16 100%) 0% 0% no-repeat padding-box;
}

#intro-video .uabb-infobox-title-prefix {
	margin-bottom: 30px;
}

#intro-video .pp-video-carousel .swiper-wrapper {
	margin-bottom: 0;
}

#intro-video .pp-video-carousel .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 20px;
	background-color: white;
}

#telecharger-app img.app-store {
	margin-top: 2em;
}

#assistance .uabb-tabs-layout-vertical.uabb-tabs {
	flex-direction: row-reverse;
}

.uabb-tag-selected:focus,
.uabb-tab-link:focus {
	border: none !important;
	outline: none !important;
}

.uabb-tabs-layout-vertical.uabb-tabs {
	display: flex;
}

.uabb-tabs-layout-vertical .uabb-tabs-nav {
	background-color: #3156b6;
	padding: 2.5em 0 2.5em 2.5em;
	border-radius: 20px 0 0 20px;
}

#assistance .uabb-tabs-layout-vertical .uabb-tabs-nav {
	border-radius: 0 20px 20px 0;
	padding: 2.5em 2.5em 2.5em 0;
}

.uabb-tabs-layout-vertical .uabb-tabs-nav li.uabb-tab-current {
	background-color: #fff;
}

.uabb-tabs .uabb-content-wrap .uabb-content p {
	margin-bottom: 1em;
}

.uabb-tabs .uabb-content-wrap .uabb-content a {
	background: transparent linear-gradient(180deg, #2e3c87cc 0%, var(---2e3c87) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #2e3c87cc 0%, #2e3c87 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	padding: 0 1em;
	border-radius: 100px;
	line-height: 2.5em !important;
	display: inline-block;
}

.uabb-tabs .uabb-content-wrap .section.uabb-content-current > .uabb-content p strong {
	margin-bottom: 20px;
	display: block;
}

#offres .tablepress thead th {
	background-color: #fff;
}

#offres .tablepress.technologies thead th.column-4 {
	background-color: #fbaa2d;
	color: #fff;
	border-radius: 20px 20px 0 0;
}

#offres .tablepress thead th.column-2,
#offres .tablepress tbody td.column-2,
#offres .tablepress thead th.column-3,
#offres .tablepress tbody td.column-3,
#offres .tablepress thead th.column-4,
#offres .tablepress tbody td.column-4 {
	text-align: center;
	width: 20%;
	font-weight: normal;
	line-height: 1.75em;
}

.page-id-1255 #offres .tablepress thead th.column-4,
.page-id-1255 #offres .tablepress tbody td.column-4 {
	width: 25%;
}

#offres .tablepress thead th.column-2 span,
#offres .tablepress thead th.column-3 span,
#offres .tablepress thead th.column-4 span.prix {
	font-weight: bold;
}

#offres .tablepress thead th.column-4 span.titre {
	font-size: 1.25rem;
	font-weight: bold;
}

#offres .tablepress thead th.column-2 span.prix,
#offres .tablepress thead th.column-3 span.prix {
	font-size: 1.25rem;
}

#offres .tablepress thead th.column-4 span.prix {
	font-size: 1.5rem;
}

#offres .tablepress thead tr.row-1 {
	border-bottom: 1px solid #2e3c87;
}

#offres .tablepress thead tr.row-1 th.column-1 {
	font-size: 1.5rem;
	color: #2e3c87;
	text-transform: uppercase;
}

#offres .tablepress.garanties thead tr.row-1 th.column-1,
#offres .tablepress.assistances thead tr.row-1 th.column-1 {
	max-width: 0;
	white-space: nowrap;
}

#offres .tablepress tbody td {
	vertical-align: middle;
	border-top: none;
}

#offres .tablepress tbody td.column-1 {
	text-transform: uppercase;
}

#offres .tablepress tbody td.column-1 {
	font-size: 0.9rem;
	padding-left: 1.5em;
}

#offres .tablepress tbody tr.odd td {
	background-color: #e7e8e8;
}

#offres .tablepress tbody tr.odd td.column-1 {
	border-radius: 0 0 0 20px;
}

#offres .tablepress tbody tr.even td.column-4 {
	background-color: #fcdad4;
}

#offres .tablepress tbody tr.odd td.column-4 {
	background-color: #fef3f0;
}

#offres .tablepress.assistances tbody tr.row-4 td.column-4 {
	border-radius: 0 0 20px 0;
}

#offres .tablepress .fa-check-circle {
	color: #232136;
	font-size: 1.5rem;
}

#offres #tableau-assistances i.asterisque {
	font-size: 0.8rem;
	padding-left: 1em;
}

.tel .uabb-infobox-title {
	color: #f8ab16 !important;
}

.tel .left-title-image {
	text-align: center;
}

.tel .uabb-infobox-title-wrap {
	width: auto !important;
}

.tel .uabb-infobox-text p {
	color: #2e3c87 !important;
}

#partenaires .uabb-image-carousel .slick-list {
	min-height: 230px;
}

#partenaires .uabb-image-carousel .slick-track {
	display: flex;
	align-items: center;
}

#partenaires .uabb-image-carousel .slick-slide img {
	max-width: 200px;
}

.page-id-3 h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.page-id-3 p strong {
	margin-top: 15px;
	display: block;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
	margin: 0 auto !important;
	padding: 0 !important;
}

.site-footer-section {
	align-items: center;
}

.site-footer-section > * {
	margin-bottom: 0;
}

/* Update Juillet 2022 */

#hero {
	position: relative;
}

#hero:before {
	content: "";
	background-image: url(images/polygon-4.png);
	background-size: contain;
	width: 225px;
	height: 368px;
	position: absolute;
	top: 5%;
	left: 0;
	z-index: 100;
}

#hero:after {
	content: "";
	background-image: url(images/polygon-5.png);
	background-size: contain;
	width: 171px;
	height: 316px;
	position: absolute;
	bottom: 5%;
	right: 0;
	z-index: 100;
}

#hero .lottie,
#hero .illus {
	position: absolute;
}

#hero .lottie canvas {
	max-width: 100%;
}

#hero .illus {
	width: 150px;
	height: 150px;
	background-size: contain;
	background-repeat: no-repeat;
}

#hero #arnaque {
	top: 113px;
	right: 25%;
}

#hero #perte-financiere {
	top: 287px;
	right: 40%;
}

#hero #usurpation {
	top: 289px;
	right: 18%;
}

#hero #piratage {
	top: 417px;
	right: 28%;
}

#hero #harcelement {
	top: 539px;
	right: 45%;
}

#hero #virus {
	top: 655px;
	right: 30%;
}

#application .app-store,
#contacter-installer .google-play {
	margin-right: 20px;
}

#fonctionnalites .uabb-module-content,
#fonctionnalites .fl-module-content {
	border-radius: 24px;
}

#fonctionnalites .fl-module-info-box,
#fonctionnalites .fl-module-content,
#fonctionnalites .uabb-infobox {
	height: 100%;
}

#fonctionnalites .fl-builder-content {
	padding: 15px 10px !important;
}

#fonctionnalites .toogle-actif .uabb-infobox,
#fonctionnalites .protected-toggle-btn .uabb-infobox:hover {
	background: linear-gradient(166.1deg, #4b5aad 8.53%, #2e3c87 91.11%);
}

#fonctionnalites .toogle-actif .uabb-infobox-title-wrap span,
#fonctionnalites .toogle-actif .uabb-infobox-text-wrap p,
#fonctionnalites .protected-toggle-btn .uabb-infobox:hover .uabb-infobox-title-wrap span,
#fonctionnalites .protected-toggle-btn .uabb-infobox:hover .uabb-infobox-text-wrap p {
	color: #fff !important;
}

#fonctionnalites .fonctionnalite .uabb-infobox {
	background-color: #fff;
}

#fonctionnalites .fonctionnalite .uabb-image-content {
	background-color: #d4f2fd;
	height: 90px;
	width: 90px;
	vertical-align: middle;
	display: table-cell;
	border-radius: 100%;
}

#fonctionnalites .protected-toggle-btn {
	opacity: 50%;
}

#fonctionnalites .protected-toggle-btn.toogle-actif {
	opacity: 100%;
}

.protected-toggle-btn {
	cursor: pointer;
}
.protected-toggle-content {
	position: absolute;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.protected-toggle-content.active-tab- {
	z-index: 2;
	position: relative;
	opacity: 1;
}
.protected-toggle-content .fl-html {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows:  1fr;
}

#risques-numeriques .uabb-post-wrapper {
	background: linear-gradient(166.1deg, #4b5aad 8.53%, #2e3c87 91.11%);
	border-radius: 24px;
	margin: 0 25px;
	min-height: 400px;
	transform: translateX(-60%);
}

#risques-numeriques .uabb-blog-post-content h3,
#risques-numeriques .uabb-blog-post-content p {
	color: #fff;
}

#risques-numeriques .uabb-blog-post-content h3 {
	font-size: 32px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}

#risques-numeriques .uabb-blog-post-content p {
	line-height: 1.2em;
	min-height: 60px;
}

#risques-numeriques .uabb-blog-post-content img {
/*	max-width: 160px;*/
	min-height: 280px;
	height: auto;
	margin: 0 auto;
}

#risques-numeriques .uabb-blog-posts .slick-prev,
#risques-numeriques .uabb-blog-posts .slick-next {
	top:  110%;
}

#risques-numeriques .uabb-blog-posts .slick-arrow .fas {
	font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#offres .tablepress .row-2 td {
	background: linear-gradient(180deg, #3156b6, #2e3c87);
	border-radius: 16px 0px 0px 0px;
	color: #fff;
	font-weight: bold;
}

#offres .tablepress.avant thead th.column-4 {
	background-color: #f58570;
	color: #fff;
	border-radius: 20px 20px 0 0;
	position: relative;
}

.tablepress thead th,
#offres .tablepress.avant thead tr.row-1,
#offres .tablepress.pendant thead tr.row-1,
#offres .tablepress.apres thead tr.row-1 {
	border-bottom: 0;
}

#offres .tablepress.pendant .row-2 td,
#offres .tablepress.apres .row-2 td {
	border-radius: 16px 16px 0px 0px;
}

#distribuer .uabb-infobox {
	border-radius: 24px;
}

#distribuer .uabb-infobox p:first-of-type {
	margin-bottom: 35px;
}

#distribuer .uabb-infobox p:last-of-type {
	margin-bottom: 0;
}

#distribuer .uabb-module-content {
	position: relative;
}

#distribuer .uabb-module-content:after {
	content: "";
	background-image: url(images/polygon-3.png);
	width: 244px;
	height: 188px;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
}

#contacter-installer {
	position: relative;
	z-index: 100;
	margin-top: -300px;
}

#contacter-installer .fl-row-content {
	transform: translateY(50%);
}

#contacter-installer .fl-col {
	position: relative;
}

#contacter-installer h3 {
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

#contacter-installer .fl-heading-text {
	background: linear-gradient(180deg, #3156b6 0%, #2e3c87 100%);
	border-radius: 16px;
	padding: 24px 40px;
}

#contacter-installer .uabb-info-list {
	color: #303b82 !important;
	margin: 0 20%;
}

#contacter-installer .uabb-info-list-content-wrapper {
	display: flex;
	align-items: center;
}

#contacter-installer .uabb-info-list .custom-character0,
#contacter-installer .uabb-info-list .custom-character1 {
	font-size: 18px;
	font-weight: bold;
	border-radius: 100%;
}

.page-id-1255 #offres .tablepress tbody tr.odd td.column-1 {
	border-radius: 0;
}

.page-id-1255 #offres .tablepress tbody td.column-1 {
	font-size: 15px;
	text-transform: none;
}

.page-id-1255 #offres .tablepress thead tr.row-1 th.column-1 {
	font-weight: 900;
}

@media (min-width: 922px) {
	.site-header .ast-container {
		min-width: 75vw;
		padding: 0;
	}

	.espace-client a,
	.obtenez-protected a {
		border-radius: 100px;
		margin-left: 30px;
	}

	#intro-video .uabb-infobox-title-prefix {
		margin-bottom: 50px;
	}

	#intro-video .pp-video-player {
		border-radius: 0 20px 20px 0;
	}

	#intro-video .fl-col-group:before,
	#intro-video .fl-col-group:after {
		content: "";
		background-image: url(images/hexagone.png);
		background-size: contain;
		background-position: 0 0;
		background-repeat: no-repeat;
		position: absolute;
		width: 50%;
		height: 50%;
	}

	#intro-video .fl-col-group:before {
		left: -8%;
		top: 10%;
	}

	#intro-video .fl-col-group:after {
		right: -30%;
		top: 40%;
	}

	#intro-video .fl-module-pp-video-gallery,
	#intro-video .fl-module-pp-video-gallery .fl-module-content,
	#intro-video .fl-module-pp-video-gallery .pp-video-gallery,
	#intro-video .fl-module-pp-video-gallery .pp-video-gallery-items,
	#intro-video .fl-module-pp-video-gallery .pp-video {
		height: 100%;
	}

	#telecharger-app img.app-store,
	#contact img.app-store {
		margin-left: 2em;
		margin-top: 0;
	}

	#technologies .uabb-infobox-text-wrap,
	#garanties .uabb-infobox-text-wrap,
	#assistance .uabb-infobox-text-wrap {
		margin-left: 130px;
	}

	#technologies .uabb-content img,
	#assistance .uabb-content img,
	#garanties .uabb-content img {
		height: 100%;
		width: auto;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	#assistance .uabb-content img {
		left: 0;
	}

	#technologies .uabb-content img,
	#garanties .uabb-content img {
		right: 0;
	}

	#technologies .uabb-content p:not(:first-child),
	#technologies .uabb-content ul,
	#assistance .uabb-content p:not(:first-child),
	#garanties .uabb-content p:not(:first-child) {
		position: relative;
		z-index: 3;
	}

	#technologies .uabb-content p:first-child:after,
	#assistance .uabb-content p:first-child:after,
	#garanties .uabb-content p:first-child:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	#technologies .uabb-content p:first-child:after {
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	}

	#assistance .uabb-content p:first-child:after {
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
	}

	#garanties .uabb-content p:first-child:after {
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
	}

	#fonctionnalites .fl-module-heading .fl-heading-text,
	#offre-exceptionnelle .uabb-infobox-title {
		max-width: 0;
		white-space: nowrap;
	}

	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
		max-width: 75vw !important;
	}
}

@media (max-width: 1024px) {
	#intro-video .fl-row-content,
	#protection .fl-row-content,
	#technologies .fl-row-content,
	#assistance .fl-row-content,
	#garanties .fl-row-content,
	#offres .fl-row-content,
	#contact .fl-row-content,
	#a-propos .fl-row-content {
		max-width: 100%;
	}

	#intro-video .pp-video-gallery-item .pp-video {
		border-radius: 0 !important;
	}

	#telecharger-app .fl-rich-text p {
		text-align: center !important;
	}

	#technologies .infobox-left .uabb-imgicon-wrap,
	#garanties .infobox-left .uabb-imgicon-wrap,
	#assistance .infobox-left .uabb-imgicon-wrap,
	#contact .infobox-left .uabb-imgicon-wrap {
		margin-right: 0;
		display: block;
	}

	.uabb-tabs .uabb-content img {
		margin: 20px auto;
		display: block;
		float: none;
	}

	#technologies .uabb-infobox .left-title-image,
	#garanties .uabb-infobox .left-title-image,
	#assistance .uabb-infobox .left-title-image,
	#contact .uabb-infobox .left-title-image {
		text-align: center;
	}

	#technologies .uabb-tab-acc-title,
	#garanties .uabb-tab-acc-title,
	#assistance .uabb-tab-acc-title {
		background-color: #3156b6;
	}

	.uabb-content-current .uabb-tab-acc-title .uabb-tab-title,
	.uabb-content-current .uabb-tab-acc-title .uabb-acc-icon {
		color: #fff !important;
	}

	#offres .tablepress thead tr.row-1 th.column-1,
	#offres .tablepress thead th.column-4 span.titre,
	#offres .tablepress thead th.column-2 span.prix,
	#offres .tablepress thead th.column-3 span.prix {
		font-size: 1rem;
	}

	#offres .tablepress thead th.column-4 span.titre {
		position: absolute;
		left: 0;
		top: 8px;
		right: 0;
		margin-left: auto;
		text-align: center;
		margin-right: auto;
	}

	#offres .tablepress thead th.column-4 span.prix {
		font-size: 1.25rem;
	}

	#offres .tablepress tbody td.column-1 {
		line-height: 1.5em;
	}

	#partenaires .uabb-image-carousel .slick-slide img {
		margin: 0 auto;
	}

	#offres .tablepress.technologies thead th.column-4 {
		position: relative;
	}

	#contact .fl-col {
		max-width: 100%;
	}

	#contact img.app-store {
		margin-top: 2em;
	}

	#hero .fl-row-content,
	#application .fl-row-content,
	#distribuer .fl-row-content {
		max-width:  100vw;
	}

	#fonctionnalites .fl-row-content,
	#contacter-installer .fl-row-content {
		max-width: 90vw;
	}

	#hero .fl-button-group-buttons {
		width: 100%;
		display: inline-block;
	}

	#hero .fl-button-wrap {
		width:  100%;
	}

	#hero .lottie canvas {
    	max-width: 300px;
	}

	#hero #arnaque {
    	top: 180px;
    	right: -25%;
   	}

   	#hero #perte-financiere {
    	top: 50px;
    	right: 15%;
	}

	#hero #usurpation {
    	top: 220px;
    	right: 15%;
	}

	#hero #piratage {
    	top: 30px;
    	right: -25%;
	}

	#hero #harcelement {
    	top: 180px;
    	right: auto;
    	left: -25%;
	}

	#hero #virus {
    	top: 30px;
    	right: auto;
    	left: -25%;
	}

	#application .fl-rich-text,
	#application .fl-rich-text p {
		text-align: center !important;
	}

	#application .app-store, #contacter-installer .google-play {
    	margin: 10px auto;
	}

	#risques-numeriques .uabb-post-wrapper,
	#contacter-installer .fl-row-content {
		transform: none;
	}

	#offres .tablepress thead th.column-2, 
	#offres .tablepress tbody td.column-2, 
	#offres .tablepress thead th.column-3, 
	#offres .tablepress tbody td.column-3, 
	#offres .tablepress thead th.column-4, 
	#offres .tablepress tbody td.column-4 {
		line-height: 1.25em;
	}

	#illustration .fl-row-content-wrap {
		min-height: 250px;
		background-position: center center;
	}

	#contacter-installer {
		margin-top: 0;
	}

	#contacter-installer .fl-row-content-wrap {
		background-color: #def7ff !important;
	}

	#contacter-installer .fl-heading-text {
		padding:  12px 20px;
	}

	#a-propos .uabb-image-content {
		width: 100px;
	}

	#astra-footer-menu {
		display: block !important;
	}

	.ast-footer-social-wrap {
		padding: 20px 0;
	}
}

@media (min-width: 1024px) {
	#hero .lottie {
		max-width: 350px;
	}
}

@media (min-width: 1024px) and (max-width: 1300px) {
	#risques-numeriques .uabb-post-wrapper {
		min-height: 470px;
	}
}

@media (min-width: 1024px) and (max-width: 1600px) {
	#protection .fl-module-content {
		margin-right: 0;
	}

	.ui-sortable .fl-module-content {
		margin: 0;
	}
}

@media (min-width: 1301px) and (max-width: 1600px) {
	#risques-numeriques .uabb-post-wrapper {
		min-height: 440px;
	}
}

@media only screen and (max-width: 768px) {
	.protected-toggle-content .fl-html {
		grid-template-columns: repeat(1, 1fr);
	}

	#fonctionnalites .fl-col-group.fl-col-group-nested.fl-node-d6jhsewpfokx {
		grid-template-columns: 1fr 1fr 1fr;
    	display: grid;
	}

	#fonctionnalites .fl-col-group.fl-col-group-nested:before {
		content: none !important;
	}

	#fonctionnalites .pave-titre .fl-module-content {
		margin:  20px 10px 10px 10px;
	}

	#fonctionnalites .pave-titre .uabb-infobox {
		padding-left: 10px;
		padding-right:  10px;
	}

	#fonctionnalites .pave-titre .uabb-infobox-title {
		font-size:  16px;
		white-space: nowrap;
	}

	#fonctionnalites .pave-titre .uabb-imgicon-wrap,
	#fonctionnalites .pave-titre .uabb-infobox-text-wrap {
		display: none !important;
	}

	.page-id-1255 #offres .tablepress tbody td.column-1 {
		font-size:  14px;
		line-height: 1.2em;
		padding-left: 8px;
		padding-right: 0;
	}
}

.fl-builder-module-template {
	width: 100%;
	box-sizing: border-box;
}

.fl-col-content {
	position: initial;
}