/* CSS RESET (OBS: Remover se não for usar) */

* { margin: 0; padding: 0; list-style: none; vertical-align: baseline; }


.margin-top-md { margin-top: 60px !important; }
.margin-top-sm { margin-top: 30px !important; }

.content { height: 100vh; background: url("../img/bg-error-page.jpg") no-repeat; background-size: cover; position: relative;} 

.img-error { margin-top: 15px; }

.title-page-error { color: #454e54; font-size: 20px; margin-top: 60px; font-weight: bolder; line-height: 32px;}
    .title-page-error span { font-size: 18px; display: block; margin-bottom: 10px; font-weight: 300;}


h4.title-page-error { color: #454e54; font-size: 22px; margin-top: 40px;}

.title-minor-upper { text-transform: uppercase; font-size: 15px; font-weight: 500; color: #454e54; margin: 0;}

.tittle-small-upper { text-transform: uppercase; font-size: 15px; font-weight: bold; color: #454e54; margin: 0;}

.parag-1 { font-size: 14px; line-height: 26px; margin: 10px 0px }

.btn-errors {  color: #459bd9; border: 2px solid #9fc9e8; padding: 12px 45px; font-size: 16px;}
    .btn-errors:hover {  background: #ffffff; border-color: #9fc9e8; color: #459bd9;}

.logo-error-bot { position: absolute; bottom: 30px; width: 100%; }

.suporte { background-color: #FFF; padding: 30px; max-width: 500px; margin: 0 auto; }

.sk-cube-grid {
  width: 100px;
  height: 100px;
  margin: 250px auto 50px;
  opacity: 0.6;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #0380d8;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


/* MEDIA QUERIES (MIN-WIDTH) */


@media screen and (min-width: 768px) { 


}
 

@media screen and (min-width: 992px) { }
 

@media screen and (min-width: 1200px) { } 



/* MEDIA QUERIES (MAX-WIDTH) */


@media screen and (max-width: 768px) {   .img-error img { width: 200px; }  }
 

@media screen and (max-width: 992px) { }
 

@media screen and (max-width: 1200px) { }