abody {
	font-family: 'Roboto', sans-serif;
	font-weight: regular;
	color: #202020;
	margin: 0;
	paddinng: 0;
}

.container-grey {
	background-color: #f3f3f3;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: 'Heebo', sans-serif;
	text-transform: uppercase;
}

h1, .h1 {
	font-size: 2.6rem;
	font-weight: 100;
}

h2, .h2 {
	font-size: 1.7rem;
	font-weight: 300;
}

/*p {
	font-size: 1rem;
}*/

.navbar {
	font-weight: 300;
    text-transform: uppercase;
    font-family: 'Heebo', sans-serif;
    font-size: 0.9em;
    background-color: 808080!important;
    color: #fff!important;
	padding: 1.2rem;
}

.navbar-brand img {
	width: 220px;
	height: auto;
}

.nav-item .btn-primary {
	color: rgba(255,255,255,1)!important;
	padding: 6px;
	display: inline-block;
}

.sub {
    margin-left: 20px;
    text-transform: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #31281f;
}

.dropdown-item:focus, .dropdown-item:hover {
    width: auto;
}

.bg-dark {
    background-color: #31281f!important;
}

.carousel-indicators {
	justify-content: left;
}

.carousel-caption {
	text-align: left;
}

.carousel-caption h5 {
	font-weight: 700;
}

.main {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.main a, .content a {
	font-family: 'Heebo', sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    padding: 1rem;
    border: 1px solid #8b7b6a;
	border-radius: 0;
    display: inline-block;
    margin: 1rem 0 0;
	color: #31281f;
	/*background-color: #f9f6f6;*/
}

.main a:hover, .content a:hover {
	background-color: #31281f;
	color: #fff;
	text-decoration: none;
}

.full-width {
	width: 100%;
	height: auto;
}

.card-title {
	font-size: 1.8rem;
}

.content {
	padding: 4rem 6rem;
}

a.email, a.link {
	font-family: 'Heebo', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    display: inline-block;
    margin: 0;
    color: #31281f;
	text-decoration: underline;
}

a.password-link, a.username-link {
	font-family: 'Heebo', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
}

iframe > body {
	background-color: #fff!important;
}

.safety-bullets li {
	margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  .content {
    padding: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .content {
    padding: 2rem;
  }
  .main {
    padding-top: 3rem;
	padding-bottom: 3rem;
  }
  .carousel-indicators {
	justify-content: center;
  }
}

.accordion .card-header {
	background-color: #f6eee7;
	color: #202020;
}

.accordion .btn-link {
	color: #202020!important;
}

.partners h2 {
	font-size: 1.4rem;
	margin-bottom: 1rem;
}

.partners .logo {
	height: 40px;
	width: auto;
}

.rules li {
	margin: 1rem 0;
}

.admin-overview table {
	font-size: 0.85rem;
}

.admin-overview a {
	margin: 0;
    padding: 0;
    border: none;
	font-size: 0.85rem;
}

.admin-overview a:hover {
	color: #fff!important;
}

.admin-overview .fas {
	padding: 0.2rem;
}

.admin-overview .fa-edit {
    color: #05b905;
}

.admin-overview .fa-user-times {
    color: red;
}

footer .navbar {
	text-transform: none!important;
	font-size: 0.8rem!important;
}

footer ul {
	list-style: none;
    margin-left: -35px;
}

footer ul li {
	display: inline-block;
	padding: 0.8rem;
}

footer ul li a {
	color: #fff!important;
}

/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}

/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 1000ms linear;
  -webkit-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
  transition: all 1000ms linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
  
}