.website-text
{
	font-size: 1.2rem;
	
}
.website-text-small
{
	font-size: 1rem;
}
.website-text-extrasmall
{
	font-size: 0.8rem;
}

.display-nada
{
	display: none;
}

.logo-index
{
	height: 70px;
}
/*-----------------SECTIONS----*/
.section 
{ 
	height: 100vh; 
}

.section-platform
{
	min-height: 85vh; 
}


.section-darkgray 
{ 	
	min-height: 50vh; 
	background-color: #f5f5f5;	
}

.section-white 
{ 	
	min-height: 50vh; 
	background-color: #fff;	
}

.section-cremia 
{ 	
	min-height: 50vh; 
	background-color: #d0d0d0;	
}

.section-sign 
{ 	
	min-height: 100vh; 
	background-color: #2A3148;	
}

.section-inscription 
{ 	
	min-height: 100vh; 
	background-color: #427e68;	
}

.section-footer 
{ 	
	min-height: 12vh; 
	width: 100%;
	background-color: #2A3148;
	color: #E84E20 !important;
	position: relative;
	bottom: 0;
}

.section-paralax
{
	min-height: 50vh; 
	width: 100%;
	background-image: url('../img/startup-593329_1920.jpg');
	background-size: cover;
	display: table;
	background-attachment: fixed;
}

.section-paralax-profile
{
	height: 250px; 
	width: 100%;
	background-image: url('../img/background-2462433_1280.jpg');
	background-size: cover;
	display: table;
	background-attachment: fixed;
}

.diagonal-construct
{
	background-image: -webkit-linear-gradient(30deg, #2A3148 25%, #F4F3F2 90%);	
}

.profile-platform
{
	min-height: 90vh; 
}

.section-seperator
{
	padding-top:100px;
}
.section-seperator-m
{
	padding-top:150px;
}

.section-space-s
{
	padding-top:5vh;
}

.section-space-m
{
	padding-top:10vh;
}

.section-space-l
{
	padding-top:15vh;
}

.section-seperator-end
{
	padding-top:200px;
}

.box-stage
{
	height: 100px;
	border: 1px solid #2A3148;		
}

.block-name
{
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #E84E20;
}

/*-----------------IMAGES AND CAROUSSEL ----*/


.bg-img-cover-do-every-thing-with-love
{
	background-size: cover;
	background-position: center;
	background-image: url('../img/doeverythingwithlove.jpg');
	background-repeat: no-repeat;
	
}

.bg-img-cover-congrats
{
	background-size: cover;
	background-position: top;
	background-image: url('../img/congrats-3167295_1920.jpg');
	background-repeat: no-repeat;
}

.bg-img-cover-neo
{
	background-size: cover;
	background-position: top;
	background-image: url('../img/busystreet.jpg');
	background-repeat: no-repeat;
}

.carrousel-button
{	
	height: 150px;
	width: 40px;	
}

.bg-img-cover-illustration
{	
	background-size: cover;
	background-position: top;
	background-image: url('../img/hand-3190204_1920.jpg');
	background-repeat: no-repeat;
	height: inherit; 
}

.index-logo
{
	height: auto;
}

.home-logo
{
	height: 100px;
}

.platforme-logo
{
	height: 25px;
}

.bg-pin
{
	background-color: #CA1C5C;
}

.bg-pin-hover
{
	background-color: #CA1C5C;
}

.bg-pin-hover:hover
{
	background-color: #751036;
}

.bg-oran
{
	background-color: #E84E20;
}

.bg-oran-hover
{
	background-color: #E84E20;
}

.bg-oran-hover:hover
{
	background-color: #8d2d13;
}

.bg-red
{
	background-color: #F2002B;
}

.bg-cels
{
	background-color: #2A3148;
}

.bg-cels-hover
{
	background-color: #2A3148;
}

.bg-cels-hover:hover
{
	
	background-color:#0e1119 ;
}

.bg-success
{
	background-color: #7BD21D !important;	
}

.bg-warning 
{
	background-color: #ffb43a !important;	
}

/*-----------------CARDS AND WELLS ----*/
.welcome-card
{	
	height: auto;
	padding: 30px;
	margin-top: 40vh;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 50vw;
	margin-left: 25vw;
}

.welcome-text
{
	height: auto;
	padding: 30px;
	margin-top: 40vh;
	margin-left: 60vw;
}

.transparent-orange-neobear
{	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#E88D20+0,e89e67+45 */
background: rgb(232,187,103); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,187,103,0.8) 0%, rgba(232,158,103,0.8) 45%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,187,103,0.8) 0%,rgba(232,158,103,0.8) 45%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,187,103,0.8) 0%,rgba(232,158,103,0.8) 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E88D20', endColorstr='#e89e67',GradientType=0 ); /* IE6-9 */

height: 250px; 
}

.transparent-bg-neo
{	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45a29e+1,45a29e+1,66fcf1+2,45a29e+11,1f2833+73,0b0c10+100 */
background: rgb(69,162,158); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(69,162,158,0.5) 0%,  rgba(102,252,241,0.6) 2%, rgba(69,162,158,0.7) 11%, rgba(31,40,51,0.9) 53%, rgba(11,12,16,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(69,162,158,0.5) 0%,rgba(102,252,241,0.6) 2%,rgba(69,162,158,0.7) 11%,rgba(31,40,51,0.9) 53%,rgba(11,12,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(69,162,158,0.5) 0%,rgba(102,252,241,0.6) 2%,rgba(69,162,158,0.7) 11%,rgba(31,40,51,0.9) 53%,rgba(11,12,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a29e', endColorstr='#0b0c10',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
min-height: 100vh; 
}

.transparent-bg-navy
{	
	background:rgba(31, 48, 61, 0.8);
	height: inherit;
}

.transparent-bg-dark-more
{	
	background:rgba(48, 48, 48, 0.3);
	height: inherit;
}

.transparent-bg-dark
{	
	background:rgba(48, 48, 48, 0.5);
	height: inherit;
}

.transparent-bg-dark-less
{	
	background:rgba(48, 48, 48, 0.7);
	height: inherit;
}

.transparent-bg
{	
	background:rgba(243, 242, 241, 0.7)
}

.transparent-bg-less
{
	background:rgba(243, 242, 241, 0.85)
}

.transparent-bg-more
{	
	background:rgba(243, 242, 241, 0.25)
}

.raduis-15
{
	border-radius: 15px;
}

.raduis-20
{
	border-radius: 20px;
}

.raduis-25
{
	border-radius: 25px;
}

.raduis-30
{
	border-radius: 30px;
}

.raduis-35
{
	border-radius: 35px;
}

.raduis-40
{
	border-radius: 40px;
}

.raduis-45
{
	border-radius: 45px;
}

.well-gray
{
	border: 2px #F4F3F2 solid;
	border-radius: 15px;
	padding: 10px;
}

.well-dark
{
	border: 2px  solid rgba(48, 48, 48, 0.2);
	border-radius: 15px;
	padding-top: 15px;
	align-content: center;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
}

.well-transparent
{
/*	border: 2px  solid rgba(48, 48, 48, 0.2);*/
	border-radius: 15px;
	padding: 0;
	align-content: center;
	text-align: center;
	vertical-align: middle;
/*	line-height: 150px;*/
}

.well-drop-shadow
{
	padding: 35px;
}

.well-drop-shadow:hover
{
	
			-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.border-orange
{
	border: 1px solid #E84E20;
}

.border-navy
{
	border: 1px solid #2A3148;
}

.well-short-bio
{
	border: 0.2px  solid rgba(48, 48, 48, 0);
	border-radius: 15px;
	padding-top: 15px;
	align-content: center;
	text-align: center;
	vertical-align: middle;

	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.profile-nav-bar-pic
{
	height: 60px;
	border-radius: 50%;
}

/*---------------------------------------------------profile block */
.photo-profile-card
{
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	border-radius: 20%;
	margin-top: -140px;	
	text-align: center;
	vertical-align: 200px;
	align-items: center;
	border : 1px solid transparent;
}

.photo-profile-img
{
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	height: 180px;	
	border-radius: 03%;	
	margin-top: 3px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



.edit-profile-btn
{
	margin-left: 160px;
	position: absolute;
	margin-top: 80px;
}

.profil-social-media
{
	margin-left: -100px;
	position: absolute;
	margin-top: 80px;
}

/*------------------------------facture block */ 
.logo-facture-card
{
	width: 100px;
	height: 100px;	
	border-radius: 20%;
	vertical-align: 100px;
	border : 1px solid transparent;
}
.logo-facture-img
{
	
	width: 90px;
	height: 90px;	
	border-radius: 03%;	
	margin-top: 3px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*---------------------------------------Bg colors*/
.bg-info
{
	background-color: #1B6993;
}

.bg-info-hover
{
	background-color: #1B6993;
}

.bg-info-hover:hover
{
	color: #1B6993;
	background-color: #fff;
}

.bg-succ
{
	background-color: #09AA75;
}
.bg-succ-hover
{
	background-color: #09AA75;
}
.bg-succ-hover:hover
{
	color: #09AA75;
	background-color: #fff;
}


.bg-war
{
	background-color: #FEA600;
}
.bg-war-hover
{
	background-color: #FEA600;
}
.bg-war-hover:hover
{
	color: #FEA600;
	background-color: #fff;
}


.bg-dan
{
	background-color: #DD121D;
}
.bg-dan-hover
{
	background-color: #DD121D;
}
.bg-dan-hover:hover
{
	color: #DD121D;
	background-color: #fff;
}


.bg-orange
{
	background-color: #E84E20;
}

.bg-orange-hover
{
	background-color: #E84E20;
	color: white;
}
.bg-orange-hover:hover
{
	color: #E84E20;
	background-color: #fff;
}
.bg-orange-hover-negative
{
	background-color: #fff;
	color: #E84E20;
}
.bg-orange-hover-negative:hover
{
	color: #fff;
	background-color: #E84E20;
}

.bg-navy
{
	background-color: #2A3148;
}
.bg-navy-hover
{
	background-color: #2A3148;
}
.bg-navy-hover:hover
{
	color: #2A3148;
	background-color: #fff;
}

.bg-gray-neutre
{
	background-color: #e9ecef;
}	

.bg-gray
{
	background-color: #f0f0f0;
	color: #E84E20 !important;
}

.bg-gray-hover
{
	background-color: #f0f0f0;
	color: #E84E20 !important;
}
.bg-gray-hover:hover
{
	color: #f0f0f0;
	background-color: #fff;
}

.bg-white
{
	color: #2A3148;
	background-color: #fff;
}

/*-----------------TEXT COLOR AND POSITION ----*/
.white-text
{
	color: white;
}

.white-text-hover:
{
	color: white;
}

.white-text-hover:hover
{
	color: #E84E20;
}

.text-shadow-fire
{
	text-shadow: 0 0px 2px #E84E20,0 0 10px #E84E20;
}

.text-shadow-dark
{
	text-shadow: 0 0px 2px #2A3148,0 0 10px #2A3148;
}

.text-white-hover a
{
	color: white !important;
}

.text-white-hover a:hover
{
	color: #ff5f0f !important;
}

.navy-text
{
	color: #2A3148;
}

.orange-text{
    color: #E84E20;
}

.orange-text-1{
    color: #FEA600;
}

.orange-text-2{
    color: #E94928;
}

.text-middle
{
	text-align: center;
}

.underline-orange{
    border-bottom: 5px solid #E84E20;
    padding: 0 0 4px;
}

.underline-green
{
    border-bottom: 3px solid #E9266C;
    padding: 0 0 2px;
}

.underline-orange-title{
   position: relative;
   padding-bottom: 5px;
   
}

.underline-orange-title::after{
	content:'';
	height:2px;
	width:60%;
	background:#f24432;
	position:absolute;
	left:calc(30% - 10%);
	bottom:-5px;
}

.text-mudir-color
{
  	background: #fea500; /* Old browsers */
	background: -moz-linear-gradient(45deg, #fea500 1%, #ff5f0f 39%, #e94929 83%, #c42728 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #fea500 1%,#ff5f0f 39%,#e94929 83%,#c42728 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #fea500 1%,#ff5f0f 39%,#e94929 83%,#c42728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea500', endColorstr='#c42728',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-mudir-color-reverse
{
  	background: #c52727; /* Old browsers */
	background: -moz-linear-gradient(45deg, #c52727 0%, #e94929 13%, #ff5f0f 62%, #fea500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #c52727 0%,#e94929 13%,#ff5f0f 62%,#fea500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #c52727 0%,#e94929 13%,#ff5f0f 62%,#fea500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52727', endColorstr='#fea500',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.text-gray
{
	color: #333333
}

.text-neo-blue
{
	color: #66FCF1;
	text-shadow:
	-1px -1px 0 #0B0C10,  
	1px -1px 0 #0B0C10,
	-1px 1px 0 #0B0C10,
	1px 1px 0 #0B0C10;
}

.text-neo-white
{
	color: #fff;
	text-shadow:
	-1px -1px 0 #0B0C10,  
	1px -1px 0 #0B0C10,
	-1px 1px 0 #0B0C10,
	1px 1px 0 #0B0C10;
}

.text-neo-white-blue
{
	color: #fff;
	text-shadow:
	-1px -1px 0 #66FCF1,  
	1px -1px 0 #66FCF1,
	-1px 1px 0 #66FCF1,
	1px 1px 0 #66FCF1;
}

.title-text
{
	padding-left: 15px;
	font-size: 1.6rem;
}

.text-bold
{
	font-weight: bolder;
}

.pointer
{
	cursor: pointer ;
}
.font-larger
{
	font-size: larger;
}

.important-placeholder::placeholder
{
	color: #7BD21D;
	line-height: 2.5 !important;	
}

.text-right
{
	text-align: right;
}
/*-------------------- Buttons --------------*/
.btn-wd-xs
{
	padding-left: 15px;
	padding-right: 15px;
}

.btn-wd-sm
{
	padding-left: 30px;
	padding-right: 30px;
}

.btn-wd-md
{
	padding-left: 40px;
	padding-right: 40px;
}

.btn-wd-lg
{
	padding-left: 50px;
	padding-right: 50px;
}

.btn-ns
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-sxs
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:15px;
	padding-right:15px;	
}

.btn-gradiant
{
	color: white;
	background: #c42728; /* Old browsers */
	border:1px solid #E84E20;
	background: -moz-linear-gradient(45deg, #c42728 0%, #e94928 35%, #E84E20 84%, #fea600 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #c42728 0%,#e94928 35%,#E84E20 84%,#fea600 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #c42728 0%,#e94928 35%,#E84E20 84%,#fea600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42728', endColorstr='#fea600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.btn-gradiant:hover
{
	background: #fff;
	color: #E84E20 !important;
	border:1px solid #E84E20;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(255, 94, 14,0.8);
	-moz-box-shadow: 0px 0px 7px 2px rgba(255, 94, 14,0.8);
	box-shadow: 0px 0px 7px 2px rgba(255, 94, 14,0.8);
}

.btn-greek
{
	background-color: white;
	color:#C5B358;
	border:1px solid #C5B358;
}

.btn-greek:hover
{
	background-color: white;
	color:#e5bf00;
	border:1px solid #e5bf00;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(250,250,210,0.8);
	-moz-box-shadow: 0px 0px 7px 2px rgba(250,250,210,0.8);
	box-shadow: 0px 0px 7px 2px rgba(250,250,210,0.8);
}

.btn-neo-black
{
	background-color: #0B0C10;
	color:#66FCF1;
	border:1px solid #66FCF1;
}

.btn-neo-black:hover
{
	background-color: #66FCF1;
	color:#0B0C10;
	border:1px solid #0B0C10;

}

.btn-primary 
{	
    color: #fff;
    background-color: #E84E20 !important;
    border-color: #BB330C !important;
    border: solid 1px;
}

.btn-primary:hover 
{
    color: #fff !important;
    background-color: #E9266C !important;
    border-color: #B3003F !important;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
}

.btn-primary:active , .btn-primary:focus
{
    color: #E9266C !important;
    background-color: #fff !important;
    border-color: #B3003F !important;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
}

.btn-inscription 
{	
    color: #fff;
    background-color: #427e68 !important;
    border-color: #427e68 !important;
    border: solid 1px;
}

.btn-inscription:hover 
{
    color: #fff !important;
    background-color: #E9266C !important;
    border-color: #B3003F !important;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
}

.btn-inscription:active , .btn-inscription:focus
{
    color: #E9266C !important;
    background-color: #fff !important;
    border-color: #B3003F !important;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
	box-shadow: 0px 0px 7px 2px rgba(179, 0, 63,0.6);
}

.btn-success 
{	
    color: #fff !important;
    background-color: #7BD21D !important;
    border:1px solid #7BD21D !important;
}

.btn-success:hover 
{
    color: #7BD21D !important;
    background-color: #fff !important;
   
    -webkit-box-shadow: 0px 0px 7px 2px rgba(123, 210, 29, 0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(123, 210, 29, 0.6);
	box-shadow: 0px 0px 7px 2px rgba(123, 210, 29, 0.6);
}

.btn-danger 
{	
    color: #fff !important;
    background-color: #F2002B !important;
    border:1px solid #F2002B !important;
}

.btn-danger:hover 
{
    color: #F2002B !important;
    background-color: #fff !important;
   
    -webkit-box-shadow: 0px 0px 7px 2px rgba(242, 0, 43, 0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(242, 0, 43, 0.6);
	box-shadow: 0px 0px 7px 2px rgba(242, 0, 43, 0.6);
}

.btn-info 
{	
    color: #fff !important;
    background-color: #1B6993 !important;
    border:1px solid #1B6993 !important;
}

.btn-info:hover 
{
    color: #1B6993 !important;
    background-color: #fff !important;
   
    -webkit-box-shadow: 0px 0px 7px 2px rgba(27, 105, 147, 0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(27, 105, 147, 0.6);
	box-shadow: 0px 0px 7px 2px rgba(27, 105, 147, 0.6);
}

.btn-warning 
{	
    color: #fff !important;
    background-color: #E88D20 !important;
    border:1px solid #E88D20 !important;
}

.btn-warning:hover 
{
    color: #E88D20 !important;
    background-color: #fff !important;
   
    -webkit-box-shadow: 0px 0px 7px 2px rgba(232, 141, 32, 0.6);
	-moz-box-shadow: 0px 0px 7px 2px rgba(232, 141, 32, 0.6);
	box-shadow: 0px 0px 7px 2px rgba(232, 141, 32, 0.6);
}