svg {width: 100px;display: block;margin: 40px auto 0;}
.path {stroke-dasharray: 1000;stroke-dashoffset: 0;}
.path.circle {-webkit-animation: dash 0.9s ease-in-out;animation: dash 0.9s ease-in-out;}
.path.line {stroke-dashoffset: 1000;-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;animation: dash 0.9s 0.35s ease-in-out forwards;}
.path.check {stroke-dashoffset: -100;-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;animation: dash-check 0.9s 0.35s ease-in-out forwards;}
p.success {color: #73AF55;text-align: center;margin: 20px 0 60px;font-size: 1.1em;}
p.error {color: #D06079;text-align: center;margin: 20px 0 60px;font-size: 1.1em;}
@-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}
@keyframes dash-check {0% {stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}
	body {color:#212529;}
	.banner h2 {font:36px/50px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif}
	.banner p {font:HelveticaNeueW01-55Roma, Arial, Helvetica, sans-serif;font-size:19px;line-height:27px;}
	p {font-family: HelveticaNeueW01-55Roma, Arial, Helvetica, sans-serif;}
	h1, h2, h3, h4, h5, h6 {font-family: "TradeGothicW01-BoldCn20",Arial,helvetica,"sans-serif";}
	.page-heading h2 {font-size:34px;font-weight: bold;}
	h4, h5, .history-section .title {text-transform: uppercase;font-style: 1.25rem;}
	#banner .btn-f-info:hover .fa {color:#F03D07 !important;}
	#banner .fa {color: #fff !important;}
	.banner {padding: 145px 0 145px;}
	#section2 .title, #intro .title {font-size:15px;}
	.btn-groupness, .btn-groupness:focus, .install-demos .btn {text-transform: uppercase;color: #fff !important;background-color: #aa90f8;border-color: #aa90f8;padding: 10px 35px;border-width: 2px !important;text-decoration: none;cursor: pointer;border-width:0px !important; border:1px solid #aa90f8 !important;}
	.btn-black, .btn-black:focus {font-weight:bold; text-transform: uppercase;color: #fff !important;background-color: #000;border-color: #000;padding: 10px 35px;border-width: 2px !important;text-decoration: none;cursor: pointer;border-width:0px !important; border:1px solid #000 !important;}
	.btn-white, .btn-white:focus {font-weight:bold; text-transform: uppercase;color: #000 !important;background-color: #fff;border-color: #fff;padding: 10px 35px;border-width: 2px !important;text-decoration: none;cursor: pointer;border-width:0px !important; border:1px solid #fff !important;}
	.banner:after {background: rgba(0, 0, 0, .5);}
	.btn-groupness:hover {background-color: transparent !important;border:1px solid #aa90f8 !important;color:#aa90f8 !important;padding: 10px 35px;text-decoration: none;}
	.btn-black:hover {font-weight:bold; background-color: transparent !important;border:1px solid #000 !important;color:#000 !important;padding: 10px 35px;text-decoration: none;}
	.btn-white:hover {font-weight:bold; background-color: transparent !important;border:1px solid #fff !important;color:#fff !important;padding: 10px 35px;text-decoration: none;}
	.welcome-heading h1 {padding-bottom:0px;margin-bottom:0px;border:0px; text-transform: none;font-size: 36px;}
	.onepage-banner .down-arrow {border:0px;}
	.install-demos .txt-box {width:100%;}
	.panel-group .panel, .panel-default {border-color: transparent;background: transparent;border:0px solid transparent;}
	.onepage-banner .down-arrow:hover {background: transparent;}
	#banner .fa {color:#aa90f8 !important;}
	.contact-form .jcf-select, .contact-form .form-control, input::placeholder {color:#000 !important;border: 1px solid #e6e6e6 !important;background: #f7f7f7;}
	select {padding-left: 25px !important;}
	.bannerLMOD p, .introLMOD {text-transform:none;line-height:30px;}
	#bannerLMOD h1 {font-size:45px;margin-bottom:10px;text-transform: none;}
	.size11 {font-size:11px;}
	.size17 {font-size:17px;}
	.size18 {font-size:18px;}
	.size19 {font-size:19px;}
	.size20 {font-size:20px;}
	.size24 {font-size:24px;}
	.padding-bottom-40 {padding-bottom:40px;}
	.padding-top-40 {padding-top:40px;}
	.font-md {font-weight: 100 !important;}
	#temoignage .quoteL {font-family: 'Oswald', sans-serif; font-size:60px; font-weight:700;}
	#temoignage .quoteR {font-family: 'Oswald', sans-serif; font-size:60px;font-weight:700;position: absolute;right:110px;transform: rotate(180deg);}
	.section3 h2, #contact h2 {font-family: "TradeGothicW01-BoldCn20",Arial,helvetica,"sans-serif"; font-size:53px;font-weight: bold;}
	.bold {font-weight:700;}
	.section3 p {text-transform: none;}
	.f-iconbox .etape {font-weight:bold;font-size: 3.333em;font-family: "TradeGothicW01-BoldCn20 675334", Arial, helvetica, "sans-serif";font-style: normal;text-align: left;}
	.f-iconbox.light .icon {color: #ddd;border-color: transparent !important;}
	#etapes h4 {color: #fff !important;font-style: normal;text-align: left;font-size:18px;}
	.etape p {color: #fff !important;font-style: normal;text-align: left;font-size:16px;}
	#etapes .f-iconbox {padding-left:60px;}
	#etapes .f-iconbox .icon {padding: 0px 0 0;}
	#etapes .banner {padding: 100px 0 20px;}
	.padding-right-60 {padding-right:60px;}
	.padding-left-60 {padding-left:60px;}
	#partenaire p, #partenaire li {font-family: HelveticaNeueW01-55Roma, Arial, Helvetica, sans-serif !important; font-size:16px;}
	.bg-black {background:#000;}
	#contact h2 {font-family: "TradeGothicW01-BoldCn20",Arial,helvetica,"sans-serif"; font-size:45px;font-weight: bold;}
	#partenaire h2, #affiliate h2 {font-family: "TradeGothicW01-BoldCn20",Arial,helvetica,"sans-serif";}
	.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
	.video-container iframe,  
	.video-container object,  
	.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.white, .play a {color:#fff !important;}
	.main-slider .caption {z-index: 99;width: 100%;color: #fff;min-height: 500px;text-align: center;position: relative;padding: 130px 0 0;white-space: nowrap;}
	#plus p {font-size:20px; line-height: 30px;}
	.size-xs-17 {font-size:17px !important;}
	.number {font-size:55px; font-weight: 500;}
	.no-padding {padding-right: 0;padding-left: 0;}
	#plus h1 {text-transform: none;}
	#objectifs p {font-size:16px;}
	#introLMOD p {color:#fff;}
	/* temoignages */
	.info-color {background-color: #231f20 !important;}
	.testimonial-card .avatar {width: 120px;margin-top: -60px;overflow: hidden;border: 0px solid #fff;/*border: 5px solid #fff;*/border-radius: 50%;})
	.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 2rem;}
	.card-body {padding-top: 1.5rem;padding-bottom: 1.5rem;border-radius: 0 !important;}
	.testimonial-card .card-up {height: 120px;overflow: hidden;border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
	.blue-gradient {background: linear-gradient(40deg, #45cafc,#0B69EA) !important;}
	.indigo {background-color: #0B69EA !important;}
	iframe {width: 100%; height: 850px;}
	header.masthead {background: #000 !important;}
	#temoignages h4 {font-size:1.8rem; margin-bottom:0.3rem !important; font-family: "TradeGothicW01-BoldCn20",Arial,helvetica,"sans-serif" !important;}
	#temoignages p {font-size:1.5rem;}
	.rounded-circle {border-radius: 50% !important;}
	.img-fluid {max-width: 100%;height: auto;}
	.ml-auto, .mx-auto {margin-left: auto !important;margin-right: auto !important;}
	.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
	.card-body {flex: 1 1 auto;padding: 3.5rem;padding-top: 1.25rem;padding-bottom: 1.25rem;}
	.black {color:#000 !important;}
	#introLMOD p {line-height: 21px;}

	@media only screen and (max-width : 1620px) {
		.onepage-banner .down-arrow {left: 50%;bottom: 30px !important;color: #fff;font-size: 63px;line-height: 58px;padding: 9px 0 0;text-align: center;position: absolute;margin: 0 0 0 -40px;width: 80px;height: 80px;border: 0px solid #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
		.portfolio-text .block {padding-top:0px !important;}
	}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.hidden-xs {display:none;}
	.welcome-heading h1 {font-size:24px;}
	.padding-top-xs-60 {padding-top: 60px !important;}
	.page-heading h2 {font-size:28px;}
	.border-xs-none {border:none !important;}
}
@media only screen and (max-device-width : 767px)  {
	.hidden-xs {display:none;}
	.welcome-heading h1 {font-size:24px;}
	.padding-top-xs-60 {padding-top: 60px !important;}
	.page-heading h2 {font-size:28px;}
	.border-xs-none {border:none !important;}
	#section2 div {border:0px !important;/*padding-left:15px;*/}
	.padding-top-xs-20 {padding-top: 20px !important}
	.padding-bottom-xs-10 {padding-bottom: 10px !important;}
	.margin-bottom-xs-10 {margin-bottom: 10px !important;}
	.margin-bottom-xs-zero {margin-bottom: 0px !important;}
	.row {margin-right:0px;}
	.vbox-inline {height:0px !important;}
	.padding-right-xs-zero {padding-right:0px !important;}
	.padding-left-xs-zero {padding-left:0px !important;}
	#temoignage .quoteR {font-family: 'Oswald', sans-serif;font-size: 60px;font-weight: 700;position: absolute;right: 20px;transform: rotate(180deg);bottom: 52px;}
	.section3 h2, #contact h2, #partenaire h2, #affiliate h2 {font-size:22px !important; line-height:28px !important;}
	#plus h2 {font-size:20px !important; line-height:28px !important;}
	#section3 .caption, #section3 .holder {padding-top:10px !important;}
	#section3 .main-slider .caption {min-height: 270px !important}
	.section3 p {font-size:16px !important;}
	.padding-right-xs-60 {padding-right:60px;}
	.padding-left-xs-15 {padding-left:15px;}
	#bannerLMOD h1 {font-size: 27px; margin-bottom: 10px;text-transform:none;}
	.bannerLMOD p {font-size:19px;line-height: 24px !important;}
	.size-xs-17 {font-size:17px !important;}
	.size-xs-16 {font-size:16px !important;}
	.size-xs-15 {font-size:15px !important;}
	.size-xs-14 {font-size:14px !important;}
	#etapes .banner {padding: 60px 0 20px;}
	.etape p {font-size:14px !important;line-height:20px !important;}
	#etapes h4 {font-size:14px !important;}
	#etapes .f-iconbox {padding-left:50px !important;}
	.text-center {text-align: center !important}
	.main-slider .caption {min-height: 400px;padding: 90px 0 0 !important;}
	.text-center-xs {text-align:center !important;}
	#plus p {font-size: 16px;line-height: 26px;}
	.number {font-size: 40px;}
	.text-center-xs {text-align: center !important}
	#supports h2 {font-size:27px; line-height:35px;}
	#introLMOD p {line-height:25px;}

}

@media only screen and (max-width: 320px) {
	.hidden-xs {display:none;}
	.welcome-heading h1 {font-size:18px;line-height:23px !important;}
	#banner p {font-size:13px !important;line-height:23px !important;}
	.padding-top-xs-60 {padding-top: 60px !important;}
	.page-heading h2, .banner h2, .core-section.style3 h2 {font-size:21px;line-height:24px;}
	.border-xs-none {border:none !important;}
	.padding-top-xs-zero {padding-top: 0px !important;}
	.padding-bottom-xs-zero {padding-bottom:0px !important;}
	.margin-top-xs-zero {margin-top: 0px !important;}
	.margin-bottom-xs-zero {margin-bottom:0px !important;}
	.banner {padding: 30px 0 30px;}
}