@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1440px;
	}
}

/* * {
	border: 1px solid red;
} */

.main-nav li.active {
	position: relative;
}

.main-nav li.active a {
	color: #FF963B;
}

.main-nav li.active::before {
	content      : "";
	position     : absolute;
	top          : 25px;
	background   : #FF963B;
	width        : 5px;
	height       : 5px;
	border-radius: 100%;
	left         : calc(50% - 3px);
}

section {
	overflow: hidden;
}

html {
	height: 100%;
}

body,
html {
	margin    : 0;
	padding   : 0;
	word-break: keep-all;
}

body.fixed {
	padding-top: 0;
}

body.fixed .header_wrapper {
	position  : relative;
	z-index   : 2;
	color     : #fff;
	list-style: none;
	width     : 100%;
	margin    : 0;
	padding   : 20px 0;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2.0625em;
}

h3 {
	font-size: 1.25em;
}

p {
	font-size: 1.125em;
}

.uppercase {
	text-transform: uppercase;
}

.pulsingButton:hover {
	background: #FFA75B;
}

a:hover {
	text-decoration: none;
}

/*overlay*/

.overlay {
	display   : none;
	position  : fixed;
	top       : 0;
	height    : 100%;
	width     : 100%;
	background: #2E2E2C;
	opacity   : 0.3;
	overflow  : auto;
	z-index   : 999;
	right     : 0;
}

/* Nav */

.logo_wrap img {
	width: 80%;
}

i.fas.fa-robot {
	border : 1px solid;
	padding: 5px;
}

.closeNav {
	color        : #2204AF;
	font-size    : 30px;
	width        : 100%;
	text-align   : right;
	padding-right: 20px;
	cursor       : pointer;
	display      : inline-block;
}

.panier {
	color         : #FFFFFF;
	font-size     : 18px;
	vertical-align: middle;
	display       : none;
	margin-right  : 20px;
}

.scroll-nav {
	text-align: center;
	z-index   : 9999;
}

.scroll-nav li {
	text-decoration: none;
	display        : inline-block;
}

.hamburger-menu {
	transition: all 0.3s ease-in-out;
	width     : 100%;
}

.hamburger-menu:hover {
	cursor: pointer;
}

.menu-item {
	background: #2204AF;
	display   : block;
	height    : 1px;
	margin    : 6px;
	transition: all 0.3s ease-in-out;
	width     : 30px;
}

.hamburgerIcon {
	float : right;
	margin: 10px 20px;
}

.hamburger-menu {
	color: #2204AF;
}

.menu,
.menu_hamburger {
	cursor: pointer;
}

a.hamburger-menu:hover {
	text-decoration: none;
	color          : #2204AF;
}

.burgerNav {
	list-style     : none;
	margin         : 0;
	padding        : 0;
	width          : 0;
	z-index        : 1000;
	text-decoration: none;
	position       : fixed;
	top            : 0;
	height         : 100vh;
	background     : #F5F5F5;
	right          : 0;
}

/*
#burgerNav {
	transition: 0.5s;
} */

.burgerNav .row {
	padding: 15px 0;
}

.burgerNav .login {
	line-height: 55px;
}

.burgerNav .login a {
	color         : #2204AF;
	font-size     : 22px;
	letter-spacing: 2.44px;
	line-height   : 25px;
}

.burgerNav .demoButton {
	justify-content: start;
	margin-left    : 11px;
	font-size      : 22px;
	letter-spacing : 0;
	line-height    : 22px;
	margin-top     : 60px;
}

.demoButton.marker:before {
	content        : "";
	animation-delay: 0s;
}

.demoButton.marker:before,
.marker:after {
	position   : absolute;
	margin-left: -4px;
	margin-top : -4px;
	opacity    : 0;
	animation  : pulse 2s infinite ease-out;
}

.demoButton.marker:after {
	content        : "";
	animation-delay: 0.8s;
}

.burgerNav .demoButton .button-text {
	color         : #FF963B;
	text-transform: inherit;
	font-weight   : normal;
}

.burgerNav .demoButton .marker,
.burgerNav .demoButton .marker:before,
.footer_wrap .marker:after {
	border: 4px solid #FF963B;
}

.burgerNav .demoButton .marker:before,
.burgerNav .demoButton .marker:after {
	border: 4px solid #FF963B;
}

.burgerNav .demoButton .marker:before,
.burgerNav .demoButton .marker:after {
	border: 4px solid #FF963B;
}

.mobile-header-nav {
	display: block;
	padding: 0 !important;
}

.mobile-header-nav li.active a {
	color: #FF963B;
}

.mobile-header-nav li {
	color      : #2204AF;
	text-align : left;
	list-style : none;
	width      : 100%;
	line-height: 55px;
}

.mobile-header-nav li a {
	text-align     : center;
	font-size      : 28px;
	letter-spacing : 0;
	line-height    : 33px;
	color          : #2204AF;
	text-decoration: none;
	transition     : all 0.3s ease-in-out;
	white-space    : nowrap;
}

.mobile-header-nav :hover {
	background-color: lighten(#fff, 5%);
}

.mobile-header-nav ul {
	padding: 0;
}

.main-nav {
	justify-content: center;
	display        : flex;
	align-items    : center;
	text-align     : center;
}

.main-nav ul {
	padding: 0;
	margin : 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-nav .row {
	width : 100%;
	margin: 0 10px 0 10px;
}

.header_wrapper li a {
	color: #fff;
}

.main-nav li {
	font-size     : 1vw;
	letter-spacing: 0;
	text-align    : center;
	list-style    : none;
	display       : inline-block;
	margin        : 10px 30px 10px;
}

.mobile-nav-wrap .contactBloc {
	display: none;
}

.menuRight {
	text-align: right;
}

.menuRight li {
	font-size     : 0.8vw;
	letter-spacing: 0;
	text-align    : center;
	list-style    : none;
	display       : inline-block;
	margin        : 8px;
	color         : #fff;
}

.scroll-nav {
	height          : 94px;
	background-color: #F5F5F5;
	position        : fixed;
	right           : 0;
	align-items     : center;
	display         : none;
	padding         : 25px 0;
	margin          : 0 auto;
	top             : 0;
}

.pulsingButton {
	display         : flex;
	justify-content : center;
	align-items     : center;
	width           : fit-content;
	border-radius   : 6px;
	background-color: #FF963B;
	transition      : background 0.5s ease-in-out;
	cursor          : pointer;
	border          : none;
	padding         : 20px;
	min-width       : 160px;
}

/* PLANS */
.plan .pricing {
    color         : #2204AF;
    font-size     : 21px;
    letter-spacing: 0;
    line-height   : 42px;
    text-align    : center;
    margin        : 0;
}

p.pricing_subtext {
	font-size: 14px;
}

/* END PLANS */
/* Footer */

.footer_wrapper {
	padding   : 0;
	flex      : 0 0 50px;
	margin-top: auto;
	position  : sticky;
	z-index   : -1;
	bottom    : 0;
}

.footer_wrap ul li a {
	color : #8F9BFF;
	cursor: pointer;
}

.local_file_path_wrap {
	display: none;
}

.footer_wrap {
	background-color: #100063;
	padding         : 35px;
}

.footer_wrap ul {
	display       : flex;
	flex-direction: column;
	flex-wrap     : wrap;
	max-height    : 250px;
}

.footer_wrap ul>* {
	flex: 2 50%;
}

.footer_wrap ul li {
	border        : none;
	color         : #6374FF;
	font-size     : 20px;
	letter-spacing: 0;
	line-height   : 44px;
	margin        : 0;
	padding       : 0;
}

.copyrights_wrap ul li:before {
	content      : "-";
	padding-right: 10px;
}

.fa-input {
	font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.newsletter .newsletter_top {
	display       : flex;
	flex-direction: row;
	border-bottom : 1px solid #6374FF !important;
	padding       : 2px;
}

.newsletter input[type="text"],
input[type="email"] {
	background: transparent;
	border    : none !important;
	width     : 100%;
	flex-grow : 2;
	color     : #8F9BFF;
	margin-top: 10px;
}

.newsletter input::placeholder {
	color  : #8F9BFF;
	opacity: 1;
	/* Firefox */
}

.newsletter input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8F9BFF;
}

.newsletter input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #8F9BFF;
}

.newsletter input:focus {
	outline: none;
}

.newsletter {
	color: #8F9BFF;
}

.newsletter label input[type="checkbox"] {
	overflow: auto;
	float   : none;
}

.newsletter input.fa-input {
	background: transparent;
	border    : none;
	color     : #8F9BFF;
	font-size : 30px;
}

.newsletter_consent_section {
	display: flex;
}

#newsletter_consent_checkbox {
	margin-top: 15px;
}

.newsletter_consent_section label {
	margin-left: 5px;
}

#toTop {
	border               : none;
	color                : #6374FF;
	font-weight          : 400;
	text-decoration      : none;
	-webkit-border-radius: 35px;
	-moz-border-radius   : 35px;
	border-radius        : 35px;
	-webkit-transition   : all 0.3s linear;
	-moz-transition      : all 0.3s ease;
	-ms-transition       : all 0.3s ease;
	-o-transition        : all 0.3s ease;
	transition           : all 0.3s ease;
	cursor               : pointer;
	font-size            : 16px;
	letter-spacing       : 1.5px;
	line-height          : 19px;
}

#toTop i {
	position          : relative;
	top               : 5px;
	left              : 25px;
	font-weight       : lighter;
	border-top        : 2px solid #6374FF;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

#toTop:hover i {
	color     : #fff;
	border-top: 3px solid #fff;
	top       : 5px;
}

.copyright a {
	color: #8F9BFF;
}

.copyrights_wrap {
	background-color: #100063;
	border          : 1px solid #250AA5;
	color           : #8F9BFF;
	padding         : 15px;
}

.demoButton {
	display        : flex;
	justify-content: center;
	align-items    : center;
	border-radius  : 6px;
	cursor         : pointer;
}

.demoButton .button-text {
	color: #8F9BFF;
}

.marker,
.marker:before,
.marker:after {
	display      : block;
	width        : 5px;
	height       : 5px;
	border       : 4px solid #fff;
	opacity      : 0.8;
	position     : relative;
	border-radius: 50%;
}

.marker:before,
.marker:after {
	position   : absolute;
	margin-left: -4px;
	margin-top : -4px;
	opacity    : 0;
	border     : 4px solid #fff;
	animation  : pulse 2s infinite ease-out;
}

.demoButton .button-text {
	color      : #FF963B;
	font-weight: 500;
}

.demoButton .marker,
.demoButton .marker:before,
.footer_wrap .marker:after {
	border : 4px solid #FF963B;
	display: inline-block;
}

.demoButton .marker:before,
.demoButton .marker:after {
	position                 : absolute;
	margin-left              : -4px;
	margin-top               : -4px;
	opacity                  : 0;
	border                   : 4px solid #FF963B;
	animation-name           : pulse;
	animation-iteration-count: infinite;
	animation-direction      : ease-out;
	animation-duration       : 2s;
}

.marker:before {
	content        : "";
	animation-delay: 0s;
}

.marker:after {
	content        : "";
	animation-delay: 0.8s;
}

.button-text {
	margin-left   : 20px;
	color         : #fff;
	font-size     : 20px;
	text-transform: uppercase;
	font-weight   : 300;
}

.blue_button {
	border    : 1px solid #FFFFFF;
	background: transparent;
}

.blue_button:hover {
	border: 1px solid #FF963B;
	color : #FF963B;
}

.powered_by img {
	width: 100%;
}

#contact_us {
	padding: 0 20px;
}

.contact_us_title {
	text-transform: uppercase;
	font-size     : 30px;
	text-align    : center;
	color         : #2204AF;
}

.contact_us_button {
	border       : 1px solid #2204AF;
	border-radius: 5px;
	padding      : 10px 30px;
	text-align   : center;
	font-size    : 18px;
	color        : #2204AF;
	display      : block;
	margin-bottom: 20px;
}

.contact_us_button a {
	color: #2204AF;
}

/* End Footer */
.menuHeader_sign_up {
	position: relative;
	/* top     : -70px; */
}

.sign_up_header_btn {
	color        : #FF963B;
	font-size    : 14px !important;
	font-weight  : 600;
	margin       : 0 !important;
}

.sign_up_header_btn a {
	color: #FF963B !important;
    border: 1px solid #FF963B;
    border-radius: 5px;
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}

.sign_up_header_btn a span {
	display: block;
    line-height: 1.2;
}

.sign_up_header_btn a span:first-child {
    font-weight: 800;
}

.plan h2,
.plan_2 h2 {
    color         : #FF963B;
    font-family   : "Red Hat Display";
    font-size     : 19px;
    font-weight   : bold;
    letter-spacing: 1px;
    line-height   : 23px;
    text-align    : center;
    margin-bottom : 5px;
    margin-top : 15px;
}

.plan p,
.plan_2 p {
    color         : #6374FF;
    font-size     : 13px;
    letter-spacing: 1px;
    line-height   : 19px;
    text-align    : center;
}

.plansSection .plan .pulsingButton {
	padding    : 10px 20px;
	margin     : 20px auto;
	font-size  : 14px;
	font-weight: 300;
	width      : 80%;
	line-height: 16px;
}

.custom_plan h2 {
	color: #2204AF;
}

.custom_plan .pulsingButton {
	background-color: transparent;
	color           : #2204AF;
	border          : 2px solid #2204AF;
	font-weight     : bold !important;
	margin-top      : 40px;
}

@media screen and (max-width: 1400px) {
    .menuHeader ul li {
		margin: 10px;
	}
}

@media screen and (max-width: 1200px) {
	.burgerNav .login {
		text-align: left;
	}

	.mobile_hide {
		display: none;
	}

	.menuHeader ul li {
		display: none;
	}

	.sign_up_header_btn {
		height     : auto;
		width      : auto;
	}

	.sign_up_header_btn a {
		font-size: 13px;
	}

	.menuRight {
		display: none;
	}

	.scroll-nav {
		display   : flex !important;
		top       : 0;
		height    : auto;
		background: inherit;
		position  : fixed;
	}

	.logoSection {
		display: none;
	}

	.menu {
		display: none;
	}

	#toTop {
		width  : 100%;
		display: block;
		margin : 30px auto;
	}

	.footer_wrapper {
		position: relative;
		bottom  : 0;
	}

	.footer_wrap ul li {
		font-size  : 12px;
		line-height: 34px;
	}

	#toTop {
		text-align: center;
	}

	#toTop span {
		display   : block;
		width     : 100%;
		text-align: center;
	}

	#toTop i {
		left: 0;
	}

	.demoButton {
		margin: 70px auto;
	}

	.copyright {
		display   : inline-block;
		width     : 100%;
		font-size : 9px;
		text-align: center;
	}

	.copyright p {
		font-size : 14px;
		text-align: center;
	}

	.footer_wrap ul {
		max-height: 180px;
	}
}

@media screen and (min-width: 500px) and (max-width: 800px) {
	.main-nav li {
		margin: 10px;
	}

	.copyrights_wrap {
		text-align: center;
	}

	.demoButton {
		margin: 30px auto;
	}
}

@media screen and (max-width: 500px) {
	.footer_wrap ul {
		max-height: 100%;
	}

	.contact_us_title {
		font-size: 20px;
	}

	.powered_by {
		text-align: center;
		margin    : 20px 0;
	}

	.logo_wrap img {
		width: 100%;
	}

	.mobile-header-nav li a, .burgerNav .login a {
		font-size  : 20px;
		line-height: 23px;
	}

    .main-nav ul {
		justify-content: flex-start;
	}
    
    .sign_up_header_btn a {
        padding: 10px;
        font-size: 11px;
    }
}