#bar-row{


	margin-right:10px; margin-left:10px;display: flex;margin-top:2em;justify-content: center; align-items: center;


}





#help{
	background:linear-gradient(#3051a6, #113c62);
	right:2.5rem;
	top:2.5rem;
	width:3rem; 
	height:3rem;
	border-radius:50%; 
	position: absolute;
	display: grid;
	display: flex; 
	align-items: center;
	justify-content: center;
}


#help:before,
#help:after{

	background:linear-gradient(#3051a6, #113c62);
	width:2.5rem; 
	height:2.5rem;
	border-radius:50%;
	opacity:0.7;
	z-index: -1;
	position: absolute;
	content:"";
}

#help:before{
	animation : pulse 5s ease-out infinite;
}

#help_old{

	animation: bounce 5s linear;
	animation-iteration-count: infinite;
}
@keyframes pulse{
	80%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(2);
		opacity:0;

	}
}

@keyframes nothing{

}
@keyframes bounce{
	4%,10%,16%,to{
		transform: translateY(0);
	}
	8%{
		transform: translateY(-19px);
	}
	14%{
		transform: translateY(-10px);
	}
	18%{
		transform: translateY(-4px);
	}
	22%{
		transform: translateY(-0px);
	}
	100%{
		transform: translateY(0,0);
	}
}


#run{

	border-color: #2141A3 !important;
	color: #2141A3 !important;
	display: inline-block;
	padding: 0;

	height: 100%;
	font-size: 25px;
	line-height: 18px;
	font-family: arial;
	vertical-align: baseline;
		

}

#run:hover{
	background: #2141A3!important;
	color: white  !important;
}
.btn:focus,.btn:active {
	outline: none !important;
	box-shadow: none;
	
 }

.card:hover{
	transform:scale(1);
  	filter:blur(0px);
  	opacity:1;
  	box-shadow:0 0px 41px -14px rgba(0,0,0,0.150);
}

#wiki,#params{
	background-color:white;
	color:gray;
}
#allbutns{
	position:absolute;
	top: 10px ;
	right:10px;
	
}

#wiki:hover,#params:hover{

	background-color : gray;
	color:white
}

.vis-item.red{
	background-color:#ff4500;
	border-color:red;
	color:white;

}

pre{

	white-space: pre-wrap;
}



#console {
border:1px solid rgb(207, 207, 207);
border-radius : 50vh;
display: inline-block;
padding-left: 20px;
border: none;
height: 100%;
font-size: 1.4em;
line-height: 25px;
font-family: arial;
vertical-align: baseline;
padding-left: 20px;
}

#overconsole{
	animation-duration: 1s;
animation-name: startslide;
}


#console:hover{
	border-color: #ffffff !important;
	box-shadow:0 1px 6px 1px rgba(64 60 67 / 21%);
}

#console:focus{
	border-color: #ffffff !important;
	box-shadow:0 1px 6px 1px rgba(64 60 67 / 21%);
}

.has-search .form-control {
    padding-left: 2.375rem!important;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

#background-image{
	height:50%;
	right:5%
}



#pour-tous{
	font-size: 1.7em!important;
	font-family: BlackSign;
	
}

#center-title{

animation-duration: 1s;
animation-name: showback;

}
.top-console{
	font-size: 1.3em!important;
}
#zemmour-pour-tous{
	
	color: #2141A3!important;
	font-size: 1.1vw;
}

#top-bar-front{

	margin-top: 20vh!important;
}




.main-title {
	font-size:72px;
	font-weight: 800;
	color:#10182d!important;
	font-family:'Montserrat', sans-serif;
	padding-bottom: 150px;
}

.main-title-second {
	font-size:72px;
	font-weight:400;
	font-family: Blacksign;
}

.main {
	width:1160px;
	margin-left:50%;
	transform:translateX(-50%);
	display:flex;
	flex-direction:row;
	wrap:no-wrap;
}

.main-left {
	width:100%;
}

.main-right {
	width:400px;
}

.main-right img {
	width:100%;
	height:auto;
}

.main-form {
	height:70px;
	width: 70%;

	border-radius: 0!important;
	border:none!important;
	background:#10182d;
	color:white!important;
	font-size:1em;
	padding-left:16px;
}

.main-form::placeholder {
	color:white!important;
}

.main-form:focus {

	border:none!important;
	outline:none!important;
}

.main-search {
	font-size:16px;
	color:#6f6f6f;
	text-align: left;
	margin-top: 12px;
}

.main-search a {
	text-decoration:underline;
	color:#10182d;
}

.main-button {
	height:70px;
	width:70px;
	background:#10182d;
	border:none!important;
	color:transparent!important;
}

.main-button:hover {
	background:#10182d!important;
}

.footer {
	background-color: #1f3067;
	height:50px;
	position:fixed;
	bottom:0px;
	right:0;
	left:0;
	margin-left:0px;
	margin:auto;
	background-color:#10182d;
}

.share {
	color:white;
	font-size:18px;
	line-height: 50px;
	padding-top: 15px;
}

.links {
	line-height: 50px;
	color:white;
	margin-top: 15px;
	padding-left:200px;
}

.links a {
	text-decoration:underline;
	color:white;
}

.form-result {
	width:600px;
	max-width:100%;
	display:flex;
	flex-direction:row;
}

.form-result .main-form {
	width:70%;
}

.top-container {
	position:relative;
	text-align:center;
	height:90px;
	padding-top: 18px;
}

.top-container .logo {
	position:absolute;
	left:36px;
	top:24px;
}

.top-container .form-result {
	margin-left: 50%;
	transform:translateX(-50%);
}

.top-container .form-result {
	width:100%;
	max-width:500px;
}

.top-container .main-form{
	margin-left: 0;
	width:100%;
}

.top-container .main-button {
	transform:translateY(0px);
	transform:translateX(2px);
}

.card {
	height:auto;
	border-radius:0!important;
	border:none!important;
}

#global-bar-row{
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@font-face {
	font-family: BlackSign;
	src: url("/static/fonts/BlackSignature.otf");
}

/* Large devices (desktops, less than 1200px)*/

@media (max-width:1400px){
	#top-bar-front{

		margin-top:25vh!important;

	}
	#background-image{
		min-height:150px;
		height: calc(100vh - 25vh - 7vh - 5vh - 240px);
		
	}
}
@media (max-width: 1024px) {
	#head-bar{
		margin:20px!important;
	}
	#background-image{
		min-height:150px;
		height: calc(100vh - 25vh - 7vh - 10vh - 240px);
		
	}

}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
	#top-bar-front{
		height: 20%!important;
		margin-top:25vh!important;

	}
	#row-bar-search{
		justify-content: center; align-items: center;
	}

	#pour-tous{
		font-size:unset!important;
		margin-bottom: 13px;
	
		
	}

	#zemmour{
		font-size: unset!important;
	}


	.subtitles-extract{
		display: none;
	}
	#background-image{
		min-height:150px;
		height: calc(100vh - 25vh - 7vh - 10vh - 240px);
		
	}

}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	#top-bar-front{
		height: 22%!important;
		margin-top:20vh!important;
	}

	#background-image{
		min-height:150px;
		height: calc(100vh - 20vh - 7vh - 5vh - 240px);
		
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	#bar-row{
		margin-top:5%;
	}
	#law-link{
		visibility:hidden;
	}
	#top-bar-front{
		height: 20%!important;
		margin-top:20vh!important;
	}
	#row-bar-search{
		justify-content: center; align-items: center;
	}

	#zemmour-pour-tous{
		font-size: unset!important;
		margin-bottom: 13px;
		
	
		
	}
	.subtitles-extract{
		display: none;
	}
	#background-image{
		min-height:150px;
		height: calc(100% - 25% - 7% - 5% - 240px);
		
	}
	.main-search{
		display:none!important;
	}

}

#background{
	animation-duration: 1.5s;
	animation-name: showback
}

@keyframes startslide {
	from {
	  width:10%;
	  text-align: center;
	}
  
	to {
	  width: 100%;
	}
  }

@keyframes showback {
	from{
		opacity: 0%;
	}
	to{
		opacity: 100%;
	}
	
}