@charset "UTF-8";

/*
 By Philipp Prozmann
 Copyright © 2019 krähativ design, Werbeagentur Heidenheim. All rights reserved.
 Website http://www.kraehativ-design.de
 Adapted for MTB-Performance in 2019
*/

/* Misc */

html, body {
	font-family: 'Roboto';
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	padding-right: 0 !important
}

h1, h3, .h1 {
	color: #004e9e;
}

h2, h4 {
	color: #333333;
}

h1 {
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 0.02em;
}

h2 {
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 0.05em;
}

h3 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 5px;
}

h4 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 30px;
}

.h1 {
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 0.02em;
}

p {
	font-size: 18px;
}

p > a {
	font-size: 18px;
	font-weight: 500;
	color: #004e9e !important;
}

a {
	cursor: pointer;
}

.blue {
	color: #004e9e;
}

@media screen and (max-width: 991px) {
	h2, h3, .h1 {
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
	}
}

.container-custom {
	max-width: 1600px;
	margin: 0 auto;
}

.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	z-index: 11;

	background: #013f7e;
	background: -moz-linear-gradient(left,  #013f7e 0%, #0d5093 100%);
	background: -webkit-linear-gradient(left,  #013f7e 0%,#0d5093 100%);
	background: linear-gradient(to right,  #013f7e 0%,#0d5093 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f7e', endColorstr='#0d5093',GradientType=1 );

	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.1);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.1);
}

.back-to-top i {
	color: #fff;
	width: 100%;
    font-size: 26px;
    margin-top: 22%;
	justify-content: center;
	text-align: center;
}

/* Fonts */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/roboto-v19-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../webfonts/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/roboto-v19-latin-300.woff2') format('woff2'),
       url('../webfonts/roboto-v19-latin-300.woff') format('woff'),
       url('../webfonts/roboto-v19-latin-300.ttf') format('truetype'),
       url('../webfonts/roboto-v19-latin-300.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/roboto-v19-latin-500.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../webfonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/roboto-v19-latin-500.woff2') format('woff2'),
       url('../webfonts/roboto-v19-latin-500.woff') format('woff'),
       url('../webfonts/roboto-v19-latin-500.ttf') format('truetype'),
       url('../webfonts/roboto-v19-latin-500.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/roboto-v19-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../webfonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/roboto-v19-latin-regular.woff2') format('woff2'),
       url('../webfonts/roboto-v19-latin-regular.woff') format('woff'),
       url('../webfonts/roboto-v19-latin-regular.ttf') format('truetype'),
       url('../webfonts/roboto-v19-latin-regular.svg#Roboto') format('svg');
}

/* Header */

.navbar {
	background: #00092e;
	background: -moz-linear-gradient(left,  #00092e 0%, #004e9e 100%);
	background: -webkit-linear-gradient(left,  #00092e 0%,#004e9e 100%);
	background: linear-gradient(to right,  #00092e 0%,#004e9e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00092e', endColorstr='#004e9e',GradientType=1 );
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 4px 0;
	padding: 0;
}

.navbar-bg {
	overflow: hidden;
	position: absolute;
	right: 540px;
	bottom: 0;
	height: 150px;
	width: auto !important;
	opacity: 0.25;
	z-index: 0;
}

nav {
	height: 125px;
}

.navbar-expand-lg .navbar-nav li.nav-item {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-right: 80px ;
}

.nav-link {
	color: #fff;
	padding: 0 !important;
	transition-duration: 0.2s;
}

.nav-link:hover {
	color: #aaa;
}

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

.navbar-brand {
	padding: 0;
	margin: 0;
}

.navbar-toggler > i {
	color: #fff;
	font-size: 30px;
}

.navbar-nav {
	margin-top: 20px;
}

.navbar-expand-lg .navbar-nav li.nav-item:last-child {
	margin-right: 0;
}

.logo, .navbar-brand, .navbar-toggle, .navbar-toggler, .navbar-nav, .navbar-collapse {
	z-index: 1;
}

@media screen and (max-width: 1500px) {
	.navbar-expand-lg .navbar-nav li.nav-item {
		margin-right: 40px ;
	}
	.navbar-bg {
		right: 450px;
	}
}

@media screen and (max-width: 1350px) {
	.navbar-expand-lg .navbar-nav li.nav-item {
		margin-right: 25px ;
	}

	.navbar-bg {
		right: 200px;
	}

	.logo {
		height: 25px;
	}

	.nav-link {
		font-size: 20px;
	}

	.navbar-nav {
		margin-top: 10px;
	}
}

@media screen and (max-width: 991px) {
	.navbar {
		height: auto;
		padding: 30px 15px 30px 15px;
	}

	.navbar-bg {
		right: 30px;
		height: 100%;
	}

	.logo {
		height: 23px;
	}
}

@media screen and (min-width: 1350px) {
	.container-fluid-custom {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* Intro */

.carousel-inner {
	height: 750px;
}

.carousel-inner.short {
	height: 250px !important;
}

.carousel-indicators > li {
	border-radius: 50%;
	height: 15px;
	width: 15px;
	margin-bottom: 52px;
	background-color: #d4d2d2;
	opacity: unset;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
}

.carousel-indicators {
	margin-left: 35%;
	margin-right: 35%;
}

#carouselIntro > ol > li {
	border-spacing: 0;
	opacity: unset;
}

#carouselIntro > ol > li.active {
	opacity: unset;
	border-spacing: 0;
	border: 0;
	background-color: #004e9e;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
}

#carouselIntro > ol {
	margin-bottom: 0;
}

#carouselIntro > a.carousel-control-prev, #carouselIntro > a.carousel-control-next {
	top: unset;
	bottom: 50px;
	color: #fff;
	opacity: unset;
}

.carousel-control-next, .carousel-control-prev {
	top: unset;
	bottom: unset;
	width: unset;
	opacity: unset;
}

.carousel-indicators {
	margin: 0 auto;
	width: 150px;
}

.carousel-indicators i {
	font-size: 30px;
	margin-top: -5px;
}

/* Carousel */

.carousel-inner {
    max-height: 750px;
	height: auto;
}

/* Circles */

.circle-container .circle {
	height: 110px;
	width: 110px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;

	background: -moz-linear-gradient(left,  #013f7e 0%, #0d5093 100%);
	background: -webkit-linear-gradient(left,  #013f7e 0%,#0d5093 100%);
	background: linear-gradient(to right,  #013f7e 0%,#0d5093 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f7e', endColorstr='#0d5093',GradientType=1 );

}

.circle-container {
	padding: 75px 15px 0 15px;
}

.circle-container .circle i {
	color: #fff;
	font-size: 45px;
	width: 100%;
	height: 100%;
	text-align: center;
	justify-content: center;
	margin-top: 34px;
}

.circle-container .desc {
	font-size: 20px;
}

.circle-box {
	text-align: center;
	justify-content: center;
	margin-bottom: 75px;
}

@media screen and (max-width: 991px) {
	.circle-container .circle {
		height: 90px;
		width: 90px;
	}
	.circle-container .circle i {
		color: #fff;
		font-size: 40px;
		width: 100%;
		height: 100%;
		text-align: center;
		justify-content: center;
		margin-top: 26px;
	}
	.circle-container .desc {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}


/* Welcome */

.welcome-container {
	background: url("../img/background/mtb-performance-willkommen.jpg") no-repeat center center fixed;
	padding: 130px 0 130px 0;

	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.welcome-image {
	width: 570px;
	height: 606px;
	display: inline-block;
	z-index: 10;
	overflow: hidden;

	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
}

.welcome-image img {
	height: 100%;
	width: auto;
}

.welcome-content {
	width: 540px;
	height: 568px;
	display: inline-block;
	float: left;
	background-color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 90px 60px 60px 60px;
}

@media screen and (max-width: 1200px) {
	.welcome-image {
		width: 100%;
		height: 250px;
	}

	.welcome-content {
		width: 100%;
		float: none;
		margin: 0;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
		height: auto;
	}
	.welcome-image {
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
		float: right;
	}
	.welcome .welcome-image {
		-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
		box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	}

	.welcome-image img {
		height: auto;
		width: 100%;
	}

	.welcome-container {
		padding: 90px 0 90px 0;
	}
}

@media screen and (max-width: 767px) {
	.welcome-content {
		padding: 60px 30px 30px 30px;
	}

	.welcome-image {
		max-height: 250px;
	}
}

/* Leistungen */

.leistungen-container {
	background-color: #f9f9f9;
	padding-bottom: 140px;
}

.leistungen-card > .card-image {
	opacity: .4;
	transition: opacity .3s;
}

.leistungen-card:hover > .card-image {
	opacity: 1;
}

.leistungen-intro {
	padding: 140px 0 100px 0;
	max-width: 1190px;
	padding-left: 50px;
	padding-right: 50px;
}

.leistungen-card {
	display: flex;
	margin-bottom: 45px;
	justify-content: center;
}

.leistungen-container .card-inner {
	background-color: #fff;
	padding: 45px 30px 19px 50px;
	width: 475px;
	min-width: 475px;
	height: 350px;
	margin-top: 15px;
}

.leistungen-cards {
	max-width: 1600px;
	margin: 0 auto;
}

.leistungen-container .card-image {
	height: 380px;
	min-width: 300px;
	width: 300px;
	overflow: hidden;
	z-index: 10;

	-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3);
}

.leistungen-container .card-image img {
	height: 100%;
	width: auto;
}

@media screen and (max-width: 1722px) {
	.leistungen-card > .card-image {
		opacity: 1;
	}
	.leistungen-card {
		display: inline-grid;

		-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
		box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
	}
	.leistungen-intro {
		padding-left: 10px;
		padding-right: 10px;
	}
	.leistungen-container .card-image {
		width: 100%;
		height: 190px;
		order: 1;
		margin-top: 0;
		background-color: #888888;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.leistungen-container .card-image img {
		height: auto;
		min-width: unset;
		width: 100%;
		margin-top: 0;
		overflow: hidden;
		z-index: 10;
		margin-left: 0 !important;
	}
	.leistungen-container .card-inner {
		order: 2;
		width: 100%;
		height: auto;
		min-width: unset;
		padding: 45px 30px 19px 35px;
		margin-top: 0;
	}
}

/* Abschlepp-Service */

.apservice-container {
	background: url("../img/background/mtb-performance-abschlepp-service.jpg") no-repeat center center fixed;
	padding: 130px 0 130px 0;

	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.apservice-image {
	width: 570px;
	height: 660px;
	display: inline-block;
	z-index: 10;
	overflow: hidden;

	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
}

.apservice-image img {
	height: 100%;
	width: auto;
}

.apservice i {
	font-size: 50px;
	float: left;
	padding: 25px 0 25px 0;
}

.apservice .apservice-hotline {
	padding-bottom: 10px;
}

.apservice .apservice-hotline span {
	font-size: 30px;
	padding: 0;
	margin: 0;
	font-weight: 500;
	margin-left: 20px;
}

.apservice h4 {
	font-size: 22px;
}

.apservice .apservice-hotline span:last-child {
	font-size: 44px;
	color: #004e9e;
	line-height: 1;
	font-weight: 500;
}

.apservice .content {
	width: 540px;
	height: 630px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
	background-color: #fff;
	float: right;
	padding: 90px 60px 60px 60px;
}

@media screen and (max-width: 1200px) {
	#top > div.container-fluid.container-fluid-custom.apservice-container > div {
		box-sizing: inherit;
	}
	.apservice-image {
		width: 100%;
		max-height: 250px;
		display: block;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
	}

	.apservice-container .col-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.apservice .content {
		width: 100%;
		float: none;
		margin: 0;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
		height: auto;
	}
	.apservice-container .apservice {
		-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
		box-shadow: 0 0 14px 6px rgba(0,0,0,0.2);
	}

	.apservice-image img {
		height: auto;
		width: 100%;
	}

	.apservice-container {
		padding: 90px 0 90px 0;
	}
}

@media screen and (max-width: 767px) {
	.welcome-image > img {
		transform: scale(1.7);
	}
	.apservice .content {
		padding: 60px 30px 30px 30px;
	}
	.apservice-image {
		max-height: 250px;
		float: left;
		display: unset;
	}
	.apservice h4 {
		font-size: 20px;
	}
	.apservice i {
		font-size: 40px;
	}
	.apservice .apservice-hotline span:last-child {
		font-size: 30px;
	}
}

/* Über uns */

.ueber-uns-image {
	width: 100%;
	overflow: hidden;
	max-height: 900px;
}

.ueber-uns-image img {
	width: 100%;
	height: auto;
}

.ueber-uns-container {
	padding: 125px 50px;
	background-color: #fff;
}

@media screen and (max-width: 991px) {
	.ueber-uns-image {
		min-width: 100%;
		margin-top: 50px;
	}

	.ueber-uns-container {
		padding: 125px 25px;
	}
}

/* Kontakt */

.kontakt p {
	margin-bottom: 0;
}

.kontakt-head {
	padding-top: 100px;
	padding-bottom: 40px;
}

.kontakt-body {
	padding-top: 40px;
	padding-bottom: 60px;
}

.kontakt .btn {
	background-color: #aaa;
	padding: 15px 40px;
	margin-top: 45px;
	border-radius: 0;
}

.kontakt .btn:hover {
	background-color: #fff;
	color: #aaa !important;
}

.kontakt .btn i {
	margin-left: 10px;
	margin-right: 0;
}

.kontakt i {
	margin-right: 10px;
}

.kontakt a:hover {
	color: #aaa !important;
	text-decoration: none;
}

.kontakt input, .kontakt textarea, .kontakt select {
	border-radius: 0;
	border: 1px #52646d solid;
	padding: 20px 20px;
	height: auto;
}

.kontakt {
	background-color: #004e9e;
}

.kontakt h1, .kontakt h2, .kontakt, .kontakt .h1, .kontakt a, .kontakt .btn, .kontakt h3 {
	color: #fff !important;
}

.kontakt h2 {
	margin-bottom: 40px;
}

.kontakt .custom-control, .kontakt .small {
	font-size: 18px;
}

.kontakt form {
	padding-bottom: 60px;
}

.kontakt .maps-embed-desktop iframe {
	width: 100%;
	height: 344px;
	border: 0;
}

.kontakt .maps-embed-mobile iframe {
	padding-top: 25px;
	width: 100%;
	height: 250px;
	border: 0;
	display: none;
}

.g-recaptcha {
	margin-top: 40px;
}

.error-message-wrapper {
	padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.kontakt .maps-embed-desktop iframe {
		display: none;
	}

	.kontakt .maps-embed-mobile iframe {
		display: unset;
		padding-top: 45px;
	}
}

/* Footer */

footer {
	background-color: #333333;
	color: #fff;
}

footer ul {
	display: flex;
	list-style: none;
}

.footer-body ul, .footer-body a, .footer-body p {
	margin-bottom: 0;
}

.footer-body {
	padding: 30px 15px 30px 15px;
	width: 100%;

	display: flex;
}

#error404 > div > div > div > div > a {
	transition-duration: 0.5s;
	font-weight: 600;
	color: #004e9e;
}

#error404 > div > div > div > div > a:hover {
	text-decoration: none;
	color: #333;
}

.footer-nav {
	padding: 0;
}

.footer-body a {
	color: #fff !important;
	font-weight: 400;
	font-size: 18px;
}

.footer-body a:hover {
	color: #aaa !important;
	text-decoration: none;
	font-weight: 400;
}

.btn-sty a {
	color: #fff !important;
	font-weight: 400;
	font-size: 18px;
}

.btn-sty a:hover {
	color: #aaa !important;
	text-decoration: none;
	font-weight: 400;
}

footer ul li:first-child {
	padding-right: 5px;
}

footer ul li:last-child {
	padding-left: 5px;
}

.footer-body {
	justify-content: space-between;
}

@media screen and (max-width: 1050px) {
	.footer-body {
		text-align: center;
		justify-content: space-around;
		display: block;
	}
	.footer-body p {
		padding-bottom: 10px;
	}
	.footer-nav {
		justify-content: center;
		margin-top: 10px;
	}
}

/* Modal */

.modal-body, .modal-footer, .modal-header {
	background-color: #fff;
	border-radius: 0;
	padding: 20px 30px 20px 30px;
}

.modal-body {
	padding-top: 36px;
}

.modal-image {
	max-width: 600px;
	overflow: hidden;
	max-height: 250px;
	height: auto;
}

.modal-dialog {
	max-width: 600px;
}

.modal-image img {
	max-width: 600px;
	width: 100%;
}

.modal-header {
	background: #00092e;
	background: -moz-linear-gradient(left,  #00092e 0%, #004e9e 100%);
	background: -webkit-linear-gradient(left,  #00092e 0%,#004e9e 100%);
	background: linear-gradient(to right,  #00092e 0%,#004e9e 100%);
	border-style: none;
}

.modal {
	padding-right: 0 !important;
}

.modal-title {
	color: #fff;
}

.modal-header .close {
    padding: 0;
	margin: 0;
	font-size: 48px;
	font-weight: 200;
}

.modal-footer .btn {
	font-weight: 600;
	color: #004e9e;
}


/* alert */
.alert-wrapper {
	display: inline-block;
	position: fixed;
	top: 25%;
	right: 0;
	z-index: 9999;
	-webkit-transition: transform ease-out .3s;
	-moz-transition: transform ease-out .3s;
	-ms-transition: transform ease-out .3s;
	transition: transform ease-out .3s;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.alert-wrapper.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.alert-wrapper .alert-handler {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 50px;
	height: 50px;
	background-color: #fff;
	cursor: pointer;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
}

.alert-wrapper.active .alert-handler::before {
	content: '\f00d';
}

.alert-wrapper .alert-handler::before {
	content: '\f19d';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 18px;
	line-height: 1.1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #004e9e;
}

.alert-wrapper .alert-inner {
	background: #fff;
	padding: 30px;
	max-width:  600px;
	border: 8px solid #004e9e;
	border-right: 0;
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 0s ease-out .4s;
	-moz-transition: opacity 0s ease-out .4s;
	-ms-transition: opacity 0s ease-out .4s;
	transition: opacity 0s ease-out .4s;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
}

.alert-wrapper.active .alert-inner {
	opacity: 1;
	-webkit-transition: opacity 0s ease-out 0s;
	-moz-transition: opacity 0s ease-out 0s;
	-ms-transition: opacity 0s ease-out 0s;
	transition: opacity 0s ease-out 0s;
}

.alert-wrapper h2 {
	color: #004e9e;
}

.alert-wrapper p:last-of-type {
	margin-bottom: 0;
}

.alert-wrapper .box {
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.img-fluid-wrapper {
	margin-bottom: 30px;
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
	.alert-wrapper .box {
		height: 250px;
		overflow: auto;
	}
}