/*
 * ------------------------------------------------------------------------
 * JA Fit Template
 * ------------------------------------------------------------------------
 * Copyright (C) 2018-2019 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/


/* MAIN STYLE
---------------------*/

* {
	box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #111;
  color: #bdbdbd;
  font-size: 14px;
  font-family: 'Chivo', Helvetica, Arial, sans-serif;
}

.main {
	position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

/* Eror Code */
.error-code {
  color: #fff;
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 350px;
  line-height: 1;
  margin-bottom: 32px;
  text-transform: uppercase;
}

/* Message Error */
.error-message h2 {
	color: #fff;
  font-size: 40px;
  font-weight: 500;
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  margin-bottom: 24px;
  text-transform: uppercase;
}

#errorboxbody p {
	color: #9e9e9e;
	display: block;
	margin: 24px 0;
  position: relative;
	z-index: 3;
}

/* Button Home */
.btn-home-page {
  background: transparent;
  border: 2px solid #dd2222;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  font-family: 'Barlow', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 48px;
  line-height: 1.7142858;
  margin-top: 24px;
}

.btn-home-page:hover,
.btn-home-page:focus,
.btn-home-page:active {
  background-color: #b11b1b;
  border-color: #a81a1a;
}

@media screen and (max-width: 767px) {
	.error-code {
	  font-size: 180px;
	}

	.error-message h2 {
	  font-size: 24px;
	}
}