#error-404-img {max-width:500px;display:block;margin: 0 auto;}
#loupe {animation: bounceInUp 2s ease forwards;}
#ombre-loupe {animation: fadeIn 2s 3s ease forwards;}
#_x34_-gauche, #_x34_-droite, #ombre-loupe, #decorations {opacity:0;}
#_x34_-gauche, #_x34_-droite {animation: fadeIn 2s ease forwards;}
#_x34_-gauche {animation-delay: 1s;}
#_x34_-droite {animation-delay: 2s;}
#decorations {transform-origin: center; animation: fadeIn 2s ease forwards, rotate-grow 50s linear infinite alternate;animation-delay: 4s;}
@-webkit-keyframes rotate-grow {
  from {-webkit-transform: rotate(0) scale(.8);transform: rotate(0) scale(.8);}
  to {-webkit-transform: rotate(360deg) scale(1.5);transform: rotate(360deg) scale(1.5);}
}
@keyframes rotate-grow {
  from {-webkit-transform: rotate(0) scale(.8);transform: rotate(0) scale(.8);}
  to {-webkit-transform: rotate(360deg) scale(1.5);transform: rotate(360deg) scale(1.5);}
}
@-webkit-keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity:0;}
  to {opacity: 1;}
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
  from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
  60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
  75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
  90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
  from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
  60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
  75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
  90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
.page_not_found_cont{ text-align:center; }
.page_not_found_cont h1{ color:#4d433c;}
	
/*Search CSS*/
.search {width:100%;position: relative;display:flex;margin:0 auto;align-items:center;justify-content:center;}
.searchTerm {flex: 1;border:2px solid #c5281c;border-right: none;padding:21px 10px;height:20px;border-radius: 5px 0 0 5px;outline: none;color: #9DBFAF;}
.searchTerm:focus{color: #000;}
.searchButton {flex: 0 50px; max-width: 50%;height:46px;border:1px solid #c5281c;background:#c5281c;text-align: center;color: #fff;border-radius: 0 5px 5px 0;cursor: pointer;
font-size: 20px;}
.wrap_search{width:40%;margin: 0 auto;padding-top:5px;}
.searchButton img{ width:25px; height:25px;}	
.search_text {padding-top:10px;}
.search_text span {font-weight: bold;color:#c5281c;text-transform: uppercase;font-size: 150%;display:inline-block;}	
/*Search CSS end*/	

/*Media query css*/
@media screen and (max-width:1367px) {
  #error-404-img{ max-width:350px;}
}
@media screen and (max-width:1199px) {	
  #error-404-img{ max-width:250px;}
}
@media screen and (max-width:768px){
  .wrap_search{ width:100%;}
  .page_not_found_cont h1{ }	
}
@media screen and (max-width:480px){
  .page_not_found_cont h1{ font-size: 22px; }
}	
@media screen and (max-width:360px){
  .page_not_found_cont h1{ } 
}