* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
}

.notfound .notfound-404 {
  height: 190px;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 146px;
  font-weight: 700;
  margin: 0px;
  color: #232323;
}

.notfound .notfound-404 h1>span {
  display: inline-block;
  width: 320px;
  height: 250px;
  background-image: url('../img_custom/svg/notfound.svg');
  background-size: cover;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  z-index: -1;
}

.notfound h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #232323;
}

.notfound p {
  font-family: 'Montserrat', sans-serif;
  color: #787878;
  font-weight: 300;
}

.notfound a {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  padding: 12px 30px;
  font-weight: 700;
  background-color: #6c63ff;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 115px;	
  }
  .notfound .notfound-404 h1 {
    font-size: 130px;
  }
  .notfound .notfound-404 h1>span {
    width: 165px;
    height: 130px;
  }
}

@media (min-width: 576px) {
  .preloader2 {
    top: 7.5%;
	}
}

@media (min-width: 768px) {
  .preloader2 {
    top: 5.5%;
	}
}

@media (min-width: 850px) {
  .preloader2 {
    top: 1000.5%;
	}
}

@media (min-width: 992px) {
  .preloader2 {
    top: 30.5%;
	}
}

@media (min-width:1200px) {
  .preloader2 {
    top: 18.5%;
	}
}

/* TWO COLOUMN */
/* Create two equal columns that floats next to each other */
.column {
  float: left;

  padding-left: 5px;
  padding-right: 1px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* */
#content1::after{
  content: "\a";
  white-space: pre;
}
#content2::after{
  content: "\a";
  white-space: pre;
}
#content3::after{
  content: "\a";
  white-space: pre;
}
#content4::after{
  content: "\a";
  white-space: pre;
}


/* *//* *//* *//*

.preloader {
  margin: auto;
  background: url(../../../src/img/logo/logo-ffi.png) no-repeat center;
  background-size: 150px;
  width: 300px;
  height: 300px;
}

*/
.preloaderBg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
}

.preloader {
  filter:alpha(opacity=80);
  -moz-opacity:0.80;
  -khtml-opacity: 0.80;
  opacity: 0.80;
  margin: auto;
  /*background: url(../../../src/img/logo/FARMSCO-nul-ok.png) no-repeat center;*/
  background-size: 100px;
  width: 200px;
  height: 200px;
  position: relative;
  top: 31%;
  left: 2.5%;
  z-index:999;
}
#preloader:after {
  position: absolute;
  bottom: 100%;
}
#preloaderText{
  width: 90px;
  position: absolute;
  top: calc(75% - 15px);
  left: calc(65% - 45px);
  text-align: center;
}

.preloader2 {
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #eb4034;
  border-left: 5px solid #2cb005;
  border-bottom: 5px solid #0588b0;
  border-right: 5px solid transparent;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 0.3s linear infinite;
  animation: spin 0.3s linear infinite;

  position: relative;
  margin: auto;
  top: 11.0%;
  left: 4.8%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

/*# sourceMappingURL=style.css.map */

@keyframes spinner-border {
  to { transform: rotate(360deg); }
} 
.spinner-border{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.spinner-border-sm{
    height: 1rem;
    border-width: .2em;
}