* {
	padding:0;
	margin:0;
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

ul,ol{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
}
a, a:hover, a:focus{
	text-decoration:none;
}
img{
	max-width:100%;
}
body{
	font-family: 'Raleway', sans-serif;
}
.container{
	width:1230px;
	max-width: 1230px;
	margin:0 auto;
}
header {
	position: fixed;
	width: 100%;
	max-width: 1600px;
	background-color: white!important;
	padding: 12px 0px;
	z-index: 999!important;
	margin-left: auto;
	margin-right: auto;
}
header .navbar {
	padding: 0;
}
.navbar-expand-lg .navbar-nav{
	justify-content: space-around;
	width: 100%;
}
header ul li a {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	padding: 8px 6px;
	text-decoration: none;
	transition-duration: 0.5s;
}
header ul li a:hover{
	color: #e5813b;
	text-decoration: underline;
}
section, footer {
	z-index: 998!important;
}
.banner_bg{
	background-image: url("../images/banner_img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 694px;
}
.banner_bg .container {
	height: 100%;
	display: flex;
	align-items: center;
}
.banner_content h1 {
	color: #fff;
	font-size: 70px;
	font-weight: 900;
	text-transform: uppercase;
}
.banner_content h1 span {
	display: inline-block;
	font-size: 56px;
	font-weight: 700;
	text-transform: lowercase;
}
.banner_content h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 35px;
	margin-bottom: 40px;
}
.banner_content a {
	display: inline-block;
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #ff9000;
	color: #fff;
	padding: 12px 39px;
	border-radius: 34px;
	transition-duration: 0.5s;
}
.banner_content a:hover{
	background-color: #f7a44f;
	color: #000;
}
.digital_agency {
	padding-top: 100px;
	padding-bottom: 20px;
}
.title_text {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(left, #105094, #01bae8);
	background-image: -moz-linear-gradient(left, #105094, #01bae8);
	background-image: -ms-linear-gradient(left, #105094, #01bae8);
	background-image: -o-linear-gradient(left, #105094, #01bae8);
	background-image: linear-gradient(to right, #105094, #01bae8);
	color: transparent;
	-webkit-background-clip: text;
}
.digital_agency p {
	font-size: 20px;
	color: #000;
	font-weight: 400;
	margin-top: 35px;
}
.digital_agency p span {
	display: inline-block;
	font-weight: 600;
}
.span_grid h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	margin-top: 50px;
}
.span_grid h4 span {
	font-weight: 600;
	display: block;
	font-size: 20px;
}
.span_grid p {
	color: #fff;
	font-size: 20px !important;
	font-weight: 500;
	margin-top: 15px;
}
.span_grid {
	max-width: 1000px;
	margin-top: 70px;
	margin-bottom: 145px;
	box-shadow: 2px 3px 27px #ccc;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
}
.orange, .navy_blue, .sky_blue {
	padding: 20px 10px 20px 10px !important;
}
.span_grid img {
	margin-top: 70px;
}
.sky_blue{
	background-color: #01bbe9;
	border-radius: 5px 0 0 5px;
}
.navy_blue{
	background-color: #224c8c;
	position: relative;
}
.navy_blue::after {
	content: "";
	position: absolute;
	background-image: url("../images/plus_icon.png");
	background-repeat: no-repeat;
	width: 132px;
	height: 132px;
	top: 31%;
	left: -66px;
	z-index: 444;
}
.navy_blue::before {
	content: "";
	position: absolute;
	background-image: url("../images/plus_icon.png");
	background-repeat: no-repeat;
	width: 132px;
	height: 132px;
	top: 31%;
	right: -66px;
	z-index: 444;
}
.orange{
	background-color: #ff9000;
	border-radius: 0 5px 5px 0;
}
.solution ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 130px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.solution ul li {
	text-align: center;
}
.solution ul li a {
	display: block;
	font-size: 25px;
	color: #000;
	font-weight: 600;
}
.solution ul li a img {
	display: block;
	margin: 0 auto 38px;
}
.google_ads {
	text-align: left;
}
.curve_img{
	background-image: url("../images/curv_img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 794px;
	position: relative;
}
.curve_img::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: url("../images/curv_img_before.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 201px;
	z-index: 999;
}
.curve_img::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../images/curv_img_after.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 201px;
	z-index: 999;
}
.curv_overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(6,76,164,0.6);
}
.curve_img .container {
	height: 100%;
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.not_mission h4 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 6px;
	margin-bottom: 60px;
}
.not_mission h5 {
	font-size: 25px;
	font-weight: 500;
}
.not_mission h5 span{
	display: inline-block;
	font-weight: 700;
}
.date_grid h5 {
	font-size: 20px;
	font-weight: 500;
	margin-top: 35px;
}
.date_grid ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 20px;
}
.date_grid ul li {
	width: 33%;
}
.polygone_grid {
	background-image: url("../images/Polygone.png");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	height: 405px;
	padding-top: 125px;
}
.arrow_img{
	position: relative;
}
.arrow_img::before {
	content: "";
	position: absolute;
	z-index: 999;
	top: 28%;
	left: -43px;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 83px;
	height: 60px;
}
.arrow_img::after {
	content: "";
	position: absolute;
	z-index: 999;
	top: 28%;
	right: -43px;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 83px;
	height: 60px;
}
.polygone_grid h6 {
	color: #114c91;
	font-size: 75px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
.polygon_content img {
	height: 85px;
}
.polygone_grid p {
	color: #000;
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
}
.polygon_content h6 {
	color: #000;
	font-size: 20px;
	margin-top: 25px;
	font-weight: 400;
}
.logo_between {
	position: relative;
	width: 72%;
	margin: 145px auto 28px;
}
.logo_between::before {
	content: "";
	position: absolute;
	z-index: 999;
	top: -78px;
	left: 0;
	background-image: url("../images/logo_before.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 277px;
	height: 118px;
}
.logo_between::after {
	content: "";
	position: absolute;
	z-index: 999;
	top: -78px;
	right: 0;
	background-image: url("../images/logo_after.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 277px;
	height: 118px;
}
.price_bg{
	background-color: #d5f7ff;
	height: 400px;
	position: relative;
	margin-top: 0px;
}
.price_bg::after {
	content: "";
	position: absolute;
	background-image: url("../images/pricing_top.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 201px;
	width: 100%;
	top: 0;
	right: 0;
}
.price_bg .container, .price_bg .container .rate_price{
	height: 100%;
}
.price_bg .container .rate_price .row {
	height: 100%;
	align-items: center;
	justify-content: center;
}
.rate_price {
	padding-top: 200px;
}
.rate_price h3 {
	font-size: 50px;
	color: #224c8c;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}
.rate_price p {
	color: #000;
	font-size: 30px;
	line-height: 50px;
	font-weight: 400;
}
.price_logo {
	text-align: left;
	background-image: url("../images/ekomi.png");
	background-repeat: no-repeat;
	padding-left: 160px;
	background-position-y: 55%;
}
.price_logo h4 {
	color: #224c8c;
	font-size: 50px;
	font-weight: 600;
}
.price_logo h4 span {
	display: inline-block !important;
	font-size: 30px !important;
	color: #224c8c;
	font-weight: 600;
}
.price_logo span {
	color: #000;
	font-size: 18px;
	display: inline-block;
	text-align: left;
	line-height: 40px;
	font-weight: 400;
}
.price_logo span a {
	color: #000;
	text-decoration: underline;
	font-style: italic;
}
.example_bg{
	background-color: #01bbe9;
	height: 785px;
	position: relative;
}
.example_bg::before {
	content: "";
	position: absolute;
	background-image: url("../images/pricing_bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 201px;
	width: 100%;
	top: 0;
	left: 0;
}
.example_bg::after {
	/*content: "";
	position: absolute;
	background-image: url("../images/.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 150px;
	width: 100%;
	bottom: 0;
	left: 0;*/

	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../images/comman_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 201px;
	z-index: 444;


}
.content_grid .row {
	position: absolute;
	bottom: -25px;
	z-index: 999;
}
.content_grid h4 {
	padding-top: 16%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-weight: 800;
}
.content_grid img {
	width: 100%;
	box-shadow: 1px 2px 30px #0003;
	border-radius: 7px;
}
.user_profile img.user_img {
	width: 225px;
	height: auto;
	box-shadow: 0px 0px 40px #0000004d;
	border-radius: 6px;
	display: block;
	margin: 0 auto;
}
.box_inner {
	position: relative;
}
.user_profile img.linkdin {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	margin: 0 auto;
	bottom: -30px;
	cursor: pointer;
}
.user_profile h4 {
	font-size: 25px;
	color: #000;
	font-weight: 800;
	padding-top: 60px;
}
.user_profile p {
	font-size: 25px;
	color: #000;
	font-weight: 400;
}
.bottom_sec {
	padding-top: 190px;
	text-align: center;
}
.team_grid {
	margin-top: 80px;
	margin-bottom: 145px;
}
.olw_demo {
	padding: 0 100px;
	margin-top: 70px;
	margin-bottom: 150px;
}
.owl-nav {
	margin: 0px !important;
}
.olw_demo .owl-nav .owl-prev, .olw_demo .owl-nav .owl-next {
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
}
.olw_demo .owl-nav .owl-prev {
	position: absolute;
	left: -66px;
	top: 32%;
}
.olw_demo .owl-nav .owl-next {
	position: absolute;
	right: -66px;
	top: 32%;
}
.olw_demo .item img {
	width: 75% !important;
	height: auto !important;
}
.olw_demo .owl-theme .owl-dots .owl-dot span {
	width: 18px !important;
	height: 18px !important;
	margin: 5px 7px;
	background: #224c8c;
}
.olw_demo .owl-theme .owl-dots .owl-dot.active span, .olw_demo .owl-theme .owl-dots .owl-dot:hover span {
	background: #00bdea;
}
.olw_demo .owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}
footer {
	background-image: url("../images/footer_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 125px;
}
.footer_content {
	height: 663px;
	position: relative;
}
.copyright{
	background-color: #224c8c;
}
.address {
	background: #fff;
	box-shadow: 19px -12px 53px #ccc;
	border-radius: 4px 0 0 4px;
	padding: 60px 10px 60px 10px !important;
}
.form_content {
	background: #fff;
	border-radius: 0 4px 4px 0;
	padding: 60px 10px 60px 10px !important;
}
.footer_content .row.no-gutters {
	box-shadow: 0px 0px 48px #0000004d;
	border-radius: 5px;
	position: absolute;
	left: 0;
	right: 0;
	top: -70px;
}
.address img {
	display: block;
	margin: 15px auto 18px;
}
.address h4 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}
.address p {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 38px;
}
.address a {
	display: inline-block;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 38px;
}
.form_content h4 {
	font-size: 30px;
	font-weight: 400;
	color: #000;
	text-align: center;
}
.form_content h4 span {
	display: block;
	color: #114c91;
	font-weight: 700;
}
.form_content form {
	padding: 45px 35px 0 35px;
}
.form_content form .form-group {
	margin-bottom: 40px;
}
.form_content form input {
	color: #000;
	font-size: 20px;
	border: none;
	padding: 6px 0;
	font-weight: 400;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.form_content form input:focus {
	box-shadow: none;
	border-color: #ccc;
}
.copyright p {
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 35px;
	padding-top: 7px;
}
.copyright a {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}
.form_content form button {
	max-width: 287px;
	color: #fff;
	width: 100%;
	margin: 55px auto 0;
	display: block;
	background-color: #ff9000;
	font-size: 23px;
	border: none;
	border-radius: 35px;
	padding: 12px 5px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	transition-duration: 0.5s;
   outline:none!important;
}
.form_content form input[type="text"] {
	background-image: url("../images/user_icon.png");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}
.form_content form input[type="email"] {
	background-image: url("../images/email_icon.png");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}
.form_content form input[type="tel"] {
	background-image: url("../images/phone.png");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}
.form_content form .Company input {
	background-image: url("../images/Company.png");
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}
.form_content form .Objectif input {
	background-image: url("../images/pen.png");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}
.form_content form button:hover {
	background-color: #f7a44f;
	color: #000;
}
#Form_Status {
	display: none;
	position: absolute;
	width: 75%;
	left: 50%;
   transform: translate(-50%, 0);
	margin-top: 10px;
	text-align: center!important;
}

#ENI_Slider {
	width: 125px!important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

#myModal {
	margin-top: 100px;
	font: 14px Arial, sans-serif!important;
	line-height: 20px;
	z-index: 9999!important;
}

.modal-title, .modal-header {
	width: 100%;
   background-color: #223e92;
	font-size: 16px;
	color: white;
	text-align: center;
}
.modal-body {
	text-align: center;
	padding: 30px;
}

.modal-body p {
	margin-bottom: 15px;
}

.modal-dialog {
	max-width: 650px!important;
}
.btn-join{
	background-color: rgb(91, 187, 147);
	color: white;
	font-size: 35px;
	margin-top: 30px;
	font-weight: 700;
	border: 0px;
	padding: 10px 0px;
	width: 100%;
}
.btn-join:hover{
	background-color: rgb(75, 155, 122);
}

.btn_modal {
	width: 100%;
	height: 40px;
	text-align: center;
	border-radius: 10px;
	border-color: rgb(229, 229, 229)!important;
	background-color: white;
	font-size: 16px;
}

/* Alert Bootstrap */

.alert {
   padding: 0.40rem 1.00rem!important;
}

.solution_row{
	margin-top:30px;
}


.solution p {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 20px;
}

.CTtext{
	font-size: 20px;
	margin-top:10px;
	color: rgb(100, 100, 100);
}
.CTtext1{
	font-size: 22px;
	margin-top:10px;
	color: rgb(71, 71, 71);
}
.CTtitre{
	color: rgb(60, 106, 165);
	font-size: 40px;
	font-weight: 700;
	margin-top: 30px;
}
.CTimg{
	margin: auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rocket{
	font-size: 45px;
	padding-left: 45px;
	padding-right: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.CTlogo{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width : 1400px) {
	.CTtext{
		font-size: 20px;
		margin-top:25px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 23px;
		margin-top:25px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 40px;
		font-weight: 700;
		margin-top: 30px;
	}
	.rocket{
		font-size: 40px;
		padding-left: 50px;
		padding-top: 20px;
	}
}
@media screen and (min-width : 2000px) {
	.CTtext{
		font-size: 25px;
		margin-top:20px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 28px;
		margin-top:40px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 45px;
		font-weight: 700;
		margin-top: 50px;
	}
	.btn-join{
		margin-top: 40px;
	}
	.rocket{
		font-size: 50px;
		padding-left: 50px;
		padding-top: 30px;
	}
}

@media screen and (max-width : 1200px) {
	.CTtext{
		font-size: 15px;
		margin-top:10px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 18px;
		margin-top:10px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 27px;
		font-weight: 700;
	}
	.btn-join{
		font-size: 25px;
	}
	.rocket{
		font-size: 35px;
		padding-left: 30px;
		padding-top: 5px;
	}
}
@media screen and (max-width : 800px) {
	.CTtext{
		font-size: 22px;
		margin-top:10px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 25px;
		margin-top:10px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 40px;
		font-weight: 700;
		margin-top: 20px;
	}
	.btn-join{
		font-size: 25px;
	}
	.rocket{
		font-size: 50px;
		padding-left: 50px;
		padding-bottom: 5px;
	}
	.CTphone{
		margin-bottom: 30px;
	}
}
@media screen and (max-width : 575px) {
	.rocket{
		font-size: 50px;
		padding-left: 30px;
		padding-bottom: 0px;
	}
	.CTlogo{
		width: 100%;
	}
}
@media screen and (max-width : 450px) {
	.CTlogo{
		width: 100%;
	}
	.CTtext{
		font-size: 13.5px;
		margin-top:10px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 13.5px;
		margin-top:10px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 23px;
		font-weight: 700;
		margin-top: 20px;
	}
	.btn-join{
		font-size: 20px;
	}
	.rocket{
		font-size: 35px;
		padding-left:0px;
	}
	.CTphone{
		margin-bottom: 30px;
	}
}
@media screen and (max-width : 420px){
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 20px;
		font-weight: 700;
		margin-top: 20px;
	}
}
@media screen and (max-width : 350px) {
	.CTtext{
		font-size: 13px;
		margin-top:10px;
		color: rgb(100, 100, 100);
	}
	.CTtext1{
		font-size: 13px;
		margin-top:10px;
		color: rgb(71, 71, 71);
	}
	.CTtitre{
		color: rgb(60, 106, 165);
		font-size: 17.5px;
		font-weight: 700;
		margin-top: 20px;
	}
	.btn-join{
		font-size: 18px;
	}
	.rocket{
		font-size: 45px;
	}
	.CTphone{
		margin-bottom: 30px;
	}
}