.bg {
  margin-top: -50px;
  width: 100%;

/*
  height: 100vh;
  display: flex;
*/
  align-items: center;
  justify-content: center;
  background-size: 300% 300%;
/*
  background-image: linear-gradient(
        -45deg, 
        rgba(59,173,227,1) 0%, 
        rgba(87,111,230,1) 25%, 
        rgba(152,68,183,1) 51%, 
        rgba(255,2,127,1) 100%
  );  
*/
  background-image: linear-gradient(
        -45deg, 
        rgba(228,233,237,1) 0%, 
        rgba(218,223,225,1) 25%, 
        rgba(243,241,239,1) 51%, 
        rgba(236,236,236,1) 100%
  );  
  animation: AnimateBG 20s ease infinite;
}

@keyframes AnimateBG { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}




.anim { 
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
  filter: blur(1px);
}


.anim::before {
  content: '';
  position: absolute;
  left: 0;
/*
  top: -270px;
*/
  top: -420px;
  width: 200%;
  height: 200%;
/*
  background: url(https://lh3.googleusercontent.com/d/1cuyXNaEB_-ZaDHMqw8DQd1Gfyv9XnXHB) no-repeat center bottom;
*/
  background: url(https://lh3.googleusercontent.com/d/1t2zD-xeQwNu4z7ZAjshnLQKy1h2DV5yd) no-repeat center bottom;
  animation: anim 15s linear infinite alternate;
}




@keyframes anim {
  from {
    transform: scale(4) translateX(0%);
  }
  to {
    transform: scale(4) translateX(-5%);
  }
}



/*
@import url(https://fonts.googleapis.com/css?family=PT+Mono);

body {
    font-family: 'PT Mono';
    color: #171717;
}

h1 {
    font-size: 8rem;
    font-weight: 300;
}

@media (max-width:768px) {
    h1 {
        font-size: 5rem;
    }
}
*/

.text-typing, .text-nowrap {
    white-space:nowrap;
    display: block;
}

/*
a {
    color: #000;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    background-image: linear-gradient(180deg,transparent 75%,#fcf113 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size .4s ease;
    transition: background-size .4s ease;
}

a:hover,
a:focus {
    color: #222;
    outline: 0 !important;
    background-size: 100% 100%;
    text-decoration: none;
}
*/

.typing-words span {
    text-indent: 50px;
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
    visibility: hidden;
    border-right: 4px solid transparent;
    max-width: 15rem; /* width of widest string */
    margin-left:-42px;
}



/* steps is number of chars-1 */
.typing-words span:nth-child(1) {
	animation: typing 0.7s steps(5), typingReverse 0.7s steps(5) 0.7s, blink-wait 1s step-end 1 1.4s, blink-caret 0.6s step-end infinite;
}
.typing-words span:nth-child(2) { 
	animation: typing 0.7s steps(5) 2.4s, typingReverse 0.7s steps(5) 3.1s, blink-wait 1s step-end 1 3.8s, blink-caret 0.6s step-end infinite;
}
.typing-words span:nth-child(3) { 
	animation: typing 0.7s steps(5) 4.8s, typingReverse 0.7s steps(5) 5.5s, blink-wait 1s step-end 1 6.2s, blink-caret 0.6s step-end infinite;
}
.typing-words span:nth-child(4) { 
	animation: typing 0.7s steps(5) 7.2s, typingReverse 0.7s steps(5) 7.9s, blink-wait 1s step-end 1 8.5s, blink-caret 0.6s step-end infinite;
}
/* pause on last word, end cursor blink */
.typing-words span:nth-child(5) {  
/*
	animation: blink-caret 0.6s step-end 7 9.5s, typing 1s steps(7) 9.5s forwards;
*/
	animation: typing 1s steps(7) 9.5s forwards;
}
@keyframes typing {
    from { width: 0; visibility: hidden; }
    to { width: 100%; visibility: visible; color: #000; }
}
@keyframes typingReverse {
    from { width: 100%; visibility: visible; color: #000; }
    to { width: 0; }
}
@keyframes blink-wait {
    from, to { width: 0; visibility: hidden; }
    30%, 60% { width: 45px; visibility: visible; }
}
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #999; }
}


.grayscaleanimation {
/*
	filter:grayscale(100%);
*/
	animation: mymove 20s infinite;
}
@keyframes mymove {
  50% {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
  }
}


.grayscaleanimation2 {
	animation: mymove2 60s infinite;
}
@keyframes mymove2 {
  50% {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
  }
}




.bold-blue {
	font-weight: bold;
	color: #0277BD;
}


td { 
	font-size: 20px; 
	text-align: center;
}

/*
.grayscale img:hover  {
-webkit-filter: grayscale(0%); 
filter: grayscale(0%);
-webkit-transition:all 0.3s;
transition:all 0.3s;


}
.grayscale img{
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
*/




.img-container{
  width:  100px; /*or 70%, or what you want*/
  height: 200px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


1.img-container-mobile{
  width:  105px; /*or 70%, or what you want*/
  height: 210px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.annonce_img{
	border-radius: 5%;
	display: block;
	max-width:200px;
	max-height:115px;
	background-position: center;
	width: auto;
	height: auto;
}


#filterModal{
/*
	margin:2px;
*/
}

.filtering_job{
	margin-left:15px;
	margin-right:15px;
	max-width: 100px;
}


.btn-group-item{
	margin:5px;
}

.source-btn-group{
	text-align: center;
}

.btn-secondary{
	border-radius: 10%;	
}

/*
Blur contact
*/
/*
td:last-child{
	filter: blur(4px);
	user-select: none;
}
*/